html4和css2详解 基本标签

html标签分为

1、块级标签：块标签单独占一行

2、行级标签：不单独占一行

好处：方便后续的布局设计

块级：块内包含多行

行级：包含文字、图片等

块级标签又分为

1、基本块级标签

标题标签

<h1></h1>

……
<h6></h6>

段落标签

<p></p>

水平线标签

<h1></h2>

2、常用于布局的块级标签

有序列表标签

<ol>

<li></li>

 ……

</ol>

无序列表标签

<ul>

<li></li>

</ul>

定义描述标签

<dl>

<dt>标题</dt>

<dd>描述</dd>

</dl>

用途：用定义描述标签实现图文混排的效果

表格标签

<table>

<tr>

<td></td>

……

</tr>

……

</table>

表单标签

<form>

……

</form>

分区标签

<div>

……

</div>

滚动字幕的实现

<marquee>滚动字幕</marquee>

direction属性用来设置滚动的方向，其值包括up down left right

scollmount属性用来设置滚动的速度，其值为正整数

onmouseover="this.stop()"设置鼠标移动到滚动字幕后，让滚动字幕停止滚动

onmouseout="this.start()"设置鼠标离开滚动字幕后，让滚动字幕继续滚动

width用于设置滚动字幕滚动的宽度

height用于设置滚动字幕滚动的高度

<marquee direction="right" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()"> 给我滚<img src="images/pet.jpg" /></marquee>

实际开发中常用的块级结构：

1、div+ol(ul)+li：常用于分类导航或菜单等

2、div+dl+dt+dd：常用于图文混排的场景

3、table+tr+td：常用于图文混排或显示数据

4、form+table+tr+td：常用于布局表单

行级标签

图像标签

<img src="图片地址"  alt="提示文字" tltie="提示文字"/>

范围标签：显示某行内的特殊样式

<span></span>

换行标签

<br/>

行级标签和块级标签的区别：

块级标签：块标签单独占一行

行级标签：不单独占一行

用途：方便后续的布局设计

块级标签分为基本块级标签和常用于布局的块级标签，基本块级标签包含标题标签、段落标签、水平线标签；常用于布局的块级标签包含有序列表标签、无序列表标签、定义描述标签、表格标签、表单标签、分区标签。

W3C提倡的Web结构：

1、内容（结构）和表现（样式）分离

2、HTML内容结构要求语义化

XHTML基本规范

标签名和属性名称必须小写

 HTML标签必须关闭

属性值必须用引号括起来

标签必须正确嵌套

必须添加文档类型声明