前端学习2: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>标签来表示标注的/突出显示的文本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值