前端学习:HTML基本标签
目录
一、标题标签
二、段落标签
三、网址链接标签
四、HTML图像标签
五、HTML注释标签
六、HTML声明
七、换行标签
八、 HTML水平线标签
九、粗体文本标签
HTML5规范声明:
一、标题标签
HTML标题(heading)是通过<h1>、<h2>....<h6>等标签进行定义的,数字越大字号越小。
<h1>One heading</h1>
<h2>Two heading</h2>
<h3>Three heading</h3>
浏览器会自动地在标题的前后添加空行
尽量确保标题就是标题,而不是为了加大或者减小字体而去使用;用户可以通过标题进行快速浏览网页,所以用标题来呈现文档结构很重要
二、段落标签
HTML段落是通过<p>标签进行定义的。
<p>第一个标签</p>
<p>第二个标签</p>
浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)
使用空的段落标记<p></p>去插入一个空行是一个坏习惯,可以用换行符<br/>替换
三、网址链接标签
HTML网址链接是通过<a>标签进行定义的。
<a href="http://www.baidu.com">这是一个网址链接</a>
href:用于指定链接中的地址。
四、HTML图像标签
HTML图像是通过<img>标签进行定义的。
<img src="baidui.png" wight="100" height="50" />
图片尺寸可以自己定义
五、HTML注释标签
HTML注释也可以采用双斜杠的方式,一般采用以下形式:
<!--这是注释,运行时不显示-->
六、HTML<!DOCTYPE>声明
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
七、换行标签
<br />是可插入的一个简单换行符
<br />标签是空标签(没有结束标签)
可以写成<br>,但是为了规范最好写为<br />
八、 HTML水平线标签
<hr />标签在HTML页面中创建水平线
hr元素可用于分割内容
九、粗体文本标签
<b>标签规定粗体文本
根据HTML5规范,在没有其他合适标签更合适时,才应该把<b>标签作为最后的选项。
HTML5规范声明:
应该使用<h1>-<h6>来表示标题,使用<em>标签来表示强调的文本,应该使用<strong>标签来表示重要的文本,应该使用<mark>标签来表示标注的/突出显示的文本