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属性用来设置滚动的速度,其值为正整数
οnmοuseοver="this.stop()"设置鼠标移动到滚动字幕后,让滚动字幕停止滚动
οnmοuseοut="this.start()"设置鼠标离开滚动字幕后,让滚动字幕继续滚动
width用于设置滚动字幕滚动的宽度
height用于设置滚动字幕滚动的高度
<marquee
direction="right"
scrollamount="2"
οnmοuseοver="this.stop()"
οnmοuseοut="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标签必须关闭
属性值必须用引号括起来
标签必须正确嵌套
必须添加文档类型声明