HTML语言指南

HTML是一种标签语言,通过在内容上附加各种标签,达到在浏览器中正确现世的目次.正确的编写HTML不经事制作网页的必要条件,也是对网页进行下一步处理,添加CSS和JavaScript效果的前提.

编写HTML语言的关键就是将标签用对,使他能够正确的传达语义信息,不要使用无含义或者错误含义的标签

 

1.块级元素(块级元素大多为结构性标记)

 

div

 

　　含义页面内容的独立组成部分;常见的用途有三种

　　划分页首\页尾\页边栏或导航栏等等

　　表示页面的分栏

　　将文章进一步分成几个部分

 

address

 

 

h1,h2,h3,h4,h5,h6  

 

　　内容的标题

　　h1是最高一级的标题,下一层是h2,除了h1外,其他的五个级别标题在一个页面中可以出现多次

　　h1只能出现一次

　　例:

　　　　 <h1>一级标题</h1>

　　　　 <h2>二级标题</h2>  

 

p  段落

　　表示段落

　　他是文章的基本组成部分,也可以用来表示诗歌中的一节,p与div的主要区别是前者表示文本段落,而后者表示更广义的段落

　　在p标签中,不应该在包含其他的块级元素.此外,也不应该使用空的p标签

　　例:

　　　　 <p>这是一个段落</p> 

 

 

blockquote 段落缩进

　　表示一段引用了其他来源的独立文本

　　他引用的文本通常有一定的长度,以块级元素的形式出现

　　blockquote应该总是与cite标签配合使用,cite用来指明材料的来源

　　例:

<blockquote>

不是在沉默中爆发,就是在沉默中消亡.

<cite>鲁迅《为了忘却的纪念》</cite>

</blockquote> 

 

center  地址文字

hr  水平分割线

pre  预格式化

marquee  滚动文本

ul  无序列表

ol  有序列表

dl  定义列表

table  表格

 

form  表单

 

 

 

2.行内元素(行内元素大多为描述性标记)

span

a  链接

br　　换行

b　　加粗

strong　　加粗

img　　图片

sup　　上标

sub　　下标

i　　斜体

em　　斜体

del 　　删除线

u　　下划线

input　　文本框

textarea　　多行文本

select　　下拉列表

 

 

3.列表元素

4.表格元素

5.分割元素

6.不建议使用的元素

 

7.已经被废除的元素

 

块级元素的特性

总是从新的一行开始

高度\宽度都是可控的

宽度没有设置时默认为100%(所以不用多此一举的去添加widht:100%)

块级元素中可以包含块级元素和行内元素

行内元素的特性

和其他元素都在一行

高度/宽度以及内边距都是不可控的

宽高就是内容的高度,不可以改变

行内元素只能包含行内元素,不能包含块级元素

 

 

(未完...)