HTML自学整理.docVIP

HTML语言 HTML简述：整个html是一个文档，他由成对和不成对的标签组成，标签里还有相应的属性。打个比方：一个地球就相当于一个网站，地球是由很多国家组成的，而网站是由很多的网页组成的，每个国家的基本单位是家庭，而每个网页则是由元素构成的，家庭中有爸妈，就像文档中有成对的标签一样，爸妈的下面有许多的孩子，就像标签下面也包含了许多的属性一样 一、HTML注释 旧的表达字体排列的语法：h1 align=center/h1 新的表达字体排列的语法：h1 style=text-align:center/h1 表达字体系列的语法：p style=font-family:times;font-size:20;color:red/p 二十九、HTML块标签div标签 division的中文意思是分割、区域、分组，他是将文档中的内容有意的放在一起，并做一定的样式变化，而class和di属性是使div标签中内容套用一些样式，样式是在head中style定义 例子： html head style type=text/css .news{background-color:yellow;text-align:center;color:black} /style /head body h1NEWS WEBSITE/h1 psome text. some text. some text.../p div class=news h2News headline 1/h2 psome text. some text. some text.../p /div div class=news h2News headline 2/h2 psome text. some text. some text.../p /div /body /html /body /html 三十、Html的class属性 class此属性的意思“类”，他的属性值是“类名”，可以为元素定义很多类，很多类之间用空格隔开即可，而此类名大多数是用于指向样式表中的定义的类 例子： html head style type=text/css .m{color:blue} .n{background-color:red;text-align:center} /style /head body p class=m n我是中国人/p p class=m我是中国人/p p class=n我是中国人/p /body /html 三十一、Html的id属性 id定义元素的唯一id，只能定义一个id，他的语法与class不一样，且不能定义很多id，只能定义一个id 例子： html head style type=text/css #m{color:white;background-color:blue;text-align:center} /style /head body h1 id=m我是中国人/h1 /body /html 三十二、HTML块标签span标签 Htmlspan标签的作用是组合文档中行内的元素，可以对组合内的元素进行一些格式化，使用的属性有class和id，但他的语法没有固定的，可以在span标签中添加，也可以在他的父标签中添加属性更改span组合内元素的格式，最好的情况是在style标签中定义class属性值的时候，将span名带上，然后在主体中直接在span的父元素中引用class即可：p class=mspan.../span.../p【p.m span{...}】 例子：（效果见html的DIY） html head style .m {background-color:red} .n span{color=green} /style /head body p span class=m 中国人/span中国人/p p class=mspan 中国人/span中国人/p h1 class=nspan中国人/span中国人/h1 h1 span class=n 中国人/span中国人/h1 /p /body /html 三十三、HTML布局 在html中可以通过使用div元素和table元素实现像报纸上那种格式化的分栏，将内容放入很多的列中 例子： html body table width=500 border=0 tr td width=250 style=background-color:#99bbbb; h1中国人/h1 /td td width=250 style=background-color:#99ff11; h2中国人民解放军中国人民解放军中国人民解放军中国人民解放军中国人民解放军中国人民解