<font>
字体标签,用于展示效果中修饰文字样式
<font 属性名=”属性值”>文字</font>
<p></p>
段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行
align:段落内容的对齐方式
默认是left,
<h1></h1>
标题标签,用于展示效果中划分标题
其中<h1>最大,<h6>最小
<img>
图片标签,用于展示图片
有两个参数,str是图片的地址,有相对路径和绝对路径
<br/>
HTML源码中换行,浏览器解析时会自动忽略。
<hr> 水平线
<U> 下划线
<b>...</b> 加 粗体字
<i>...</i> 斜体字
<del> 加删除线
<sub> 下标
<sup> 上标
列表标签
<ul></ul>
无序列表标签,用于在效果中定义一个无序列表
<li></li>
列表条目项标签,用于在效果中定义一个列表的条目
<ol></ol>
有序列表标签,用于在效果中定义一个有序列表
超链接标签
<a></a>
超链接标签,用于在效果中定义一个可以点击跳转的链接
属性:
href:链接的URL地址,在本窗口直接打开
target:打开连接文件的方式
常用两个属性值:
_self:在当前窗口直接打开
_blank:新建一个窗口打开
表格标签
<table></table>
表格标签,用于在效果中定义一个表格
<tr></tr>
表格的行标签,用于在效果中定义一个表格行
<td></td>
表格的单元格标签
<div></div>
块级的块标签,用于在效果中 定义一块,默认占满一行,进行内容的显示
<span></span>
行级的块标签,
块级元素和行类元素
1.行内元素
行内元素最常使用的就是span,其他的只在特定功能下使用,修饰字体<b>和<i>标签,还有<sub>和<sup>这两个标签可以直接做出平方的效果,而不需要类似移动属性的帮助,很实用。
行内元素特征:(1)设置宽高无效
(2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
(3)不会自动进行换行
2.块状元素
块状元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。
块状元素特征:(1)能够识别宽高
(2)margin和padding的上下左右均对其有效
(3)可以自动换行
(4)多个块状元素标签写在一起,默认排列方式为从上至下
P标签不能包含其他标签