码迷,mamicode.com
首页 > Web开发 > 详细

html-----007

时间:2015-03-30 20:57:18      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<link rel="stylesheet" type="text/css" href="Untitled-1.css">
<title>第一个</title>
</head>
<body>
<!--内联样式表-->
<div style="color:#00FF00" align="center">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>
<!--<span> 标签被用来组合文档中的行内元素。-->
<p class="tip"><span>提示:</span>... ... ...</p>
<p><span>some text.</span>some other text. </p>
<!--href=本地页面或是新的网页-->
<P><a href="http://www.cctv.com" target="_blank">新的页面</a></P>
<p><a href="http:www.cctv.com" target="_self">关掉此页面新打开一个</a></p>
</body>
</html>
代码1
技术分享
@charset "utf-8";
/* CSS Document */
p.tip span {
    font-weight:bold;
    color:red;
    }
css

技术分享

 

技术分享
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <meta http-equiv="Content-Language" content="zh-cn" />
 6 <title>第一个</title>
 7 <style type="text/css">
 8 div#container{width:500px}
 9 div#header {background-color:#99bbbb;}
10 div#menu {background-color:#ffff99; height:200px; width:100px; float:left;}
11 div#content {background-color:#EEEEEE; height:200px; width:400px; float:left;}
12 div#footer {background-color:#99bbbb; clear:both; text-align:center;}
13 h1 {margin-bottom:0;}
14 h2 {margin-bottom:0; font-size:14px;}
15 ul {margin:0;}
16 li {list-style:none;}
17 </style>
18 </head>
19 <body>
20 <div id="container">
21 
22 <div id="header">
23 <h1>Main Title of Web Page</h1>
24 </div>
25 <div id="menu">
26 <h2>Menu</h2>
27 <ul>
28 <li>HTML</li>
29 <li>CSS</li>
30 <li>JavaScript</li>
31 </ul>
32 </div>
33 
34 <div id="content">Content goes here</div>
35 
36 <div id="footer">Copyright W3School.com.cn</div>
37 
38 </div>
39 <table width="507" border="0">
40 <tr>
41 <td colspan="2" style="background-color:#99bbbb;">
42 <h1>Main Title of Web Page</h1>
43 </td>
44 </tr>
45 
46 <tr valign="top">
47 <td width="100" style="background-color:#ffff99;width:100px;text-align:top;">
48 <b>Menu</b><br />
49 <ul>
50 <li>HTML</li>
51 <li>CSS</li>
52 <li>JavaScript</li>
53 </ul>
54 </td>
55 <td width="400" style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
56 Content goes here</td>
57 </tr>
58 
59 <tr>
60 <td colspan="2" style="background-color:#99bbbb;text-align:center;">
61 Copyright W3School.com.cn</td>
62 </tr>
63 </table>
64 </body>
65 </html>
第二个

技术分享

 

html-----007

标签:

原文地址:http://www.cnblogs.com/9999w/p/4379049.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!