ホームページ > 記事 > ウェブフロントエンド > html +CSS+div の学習 - レッスン 2_html/css_WEB-ITnose
html +CSS+div の学習 - レッスン 2_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:35:29954ブラウズ
一、HTML历史
（1）在HTML中，所有标记不区分大小写
（2）在xHTML中，所有标记区分大小写，所有标记都要有闭标记
二、HTML文档的结构（框架）
（1）所有的网页文件，通常由四对标记构成，文档的骨架是：
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e
b2386ffb911b14667cb8f0f91ea547a7
6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
~~100db36a723c770d327fc0aef2ce13b1...73a6ac4ed44ffec12cee46588e518a5e：标识网页文件的开始和结束，所有HTML标记都要放在这对标记中
~~93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1：标识网页文件的头部信息，如标题、搜索引擎关键字
~~b2386ffb911b14667cb8f0f91ea547a7...6e916e0f7d1e588d4f442bf645aedb2f：标识网页文件的标题
~~6c04bd5ca3fcae76e30b72ad730ca86d...36cc49f0c466276486e50c850b7e4956：标识网页文件的主体部分
（2）meta标
~~meta标记用于定义文件信息，对网页文件进行说明，便于搜索引擎查找。放置于93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1之间
~~设置关键字：033915629c0317156ab39cbb8b175cef，多个关键字之间用6580843315dd7804e35fd3743df832ea隔开
~~设置描述：6b79f2876b1bd6cfa40ee3e2f82527b8
~~设置作者：a811e438e073c1a178120c4bf7422360
~~设置字符集：bbf52ff50f80e808752e97254b078651
~~设置页面定时跳转：2159b10defd315ef91e1490234b6f308
（3）网页主体标记：body
~~注释：33b7431ef34d48f48305906f4fe85bb2
~~body属性：3b57086f01aa95eac1b8f26a7a84fd32
默认情况下：网页内容与边框距离是有默认值的
（4）标记颜色区分
~~HTML标记：蓝色
~~标记属性：红色
~~标记属性值：紫色
~~HTML标注：绿色
（5）字符格式
~~加粗：a4b561c25d9afb9ac8dc4d70affff419文本0d36329ec37a2cc24d42c7229b69747a
~~倾斜：5a8028ccc7a7e27417bff9f05adf5932文本72ac96585ae54b6ae11f849d2649d9e6
~~加强语气（加粗）：8e99a69fbe029cd4e2b854e244eab143文本128dba7a3a77be0113eb0bea6ea0a5d0
~~加强语气（倾斜）：907fae80ddef53131f3292ee4f81644b文本d1c6776b927dc33c5d9114750b586338
~~下划线：88f336217b3880082bb52d49b5de60a5文本04e11139013d3ca73accef66348e2e58
~~删除线：2e44d2d3284d23d932e1fd85f3d4cf3a文本6cf51b1709551acbf4a696702deda05f
~~上标：2cdea26b4c3988e37d674b56660962a7文本2eb235f530502820017cce1685312d59
~~下标：b96cac025db4031319c29e1eb68f19d6文本270ea406e83044e5b95e23270c35ff95
比较的内容，建议使用8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0标记；
文章网页的主题，建议使用4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a标记；
网页段落内容，建议使用e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3标记;
三、上代码
<html> <head> <title>文件名为：day02_demo03</title> </head> <body> <b>这是一段加粗文字</b> <br/> <i>这是一段倾斜文字</i> <br/> <strong>这是一段语气加强（加粗）文字</strong> <br/> <em>这是一段语气加强（倾斜）文字</em> <br/> <u>这是一段下划线文字</u> <br/> <s>这是一段删除文字</s> <br/> <sup>这是一段上标文字</sup> <br/> <sub>这是一段下标文字</sub> <br/><br/><br/> <h3> <u color="blue"> <font color="blue"> 中国领先的IT技术网站51CTO <font color="red">51CTO(www.51cto.com)</font> 一个为CTO、IT技术经理、系统工程师、网络工程师、安全工程师、数据库工程师、网络管理员、开发工程师、项目管理 </font> </u> </h3> <p>51CTO学院_专业的IT职业在线教育及实战培训平台</p> <p>51CTO学院_专业的IT职业在线教育及实战培训平台,拥有云计算,大数据,移动开发,游戏开发</p> </body></html>