前端开发_HTML5_标签部分(二)

一、文本标签(h/p/strong(b))
1、标题标签:h
(1)、标签作用:该标签的作用是在页面文本内容信息的时候设置文本内容标题，该标签有6个依次由大到小为:h1~h6，h1的标题最大，h6的标题最小。
(2)、h标签的语法及属性

h标签的语法

   <h1>标题内容<h1>

h标签的相关属性
   color:设置标题颜色,值可以使用颜色英文单词，如:color='red'，也可以是16进制代码,如:color='#000000'。
   align:设置对齐方式，常用的值有:center/right/left,默认left。

(3)、h标签的代码使用以及效果

<h1>这是标题标签</h1>
<h2>这是标题标签</h2>
<h3>这是标题标签</h3>
<h4>这是标题标签</h4>
<h5>这是标题标签</h5>
<h6>这是标题标签</h6>
<h3 style="color: red;">添加了颜色为红色</h3>
<h3 align="center">设置了对齐方式</h3>

2、段落标签:p
(1)、标签作用:该标签作用是以段落的方式组织页面相关的内容，可以是文字、图片等信息等
(2)、p标签的语法及属性

p标签语法:

   <p>文字内容</p>

p标签常用属性:

   color:设置标题颜色,值可以使用颜色英文单词，也可以是16进制代码。
   title:设置提示工具，注意，这一个效果只有再鼠标移动到元素上面才有效果。
   style:用于设置标签的内置样式，一般有color(颜色)、font-size(字体大小)、font-family(字体样式)

(3)、h标签的代码使用以及效果

<p>
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
</p>
<p style="font-size: 28px;font-family: '宋体';color: red;" title="这是html的描述">
   HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
</p>

3、强调标签:b/strong
(1)、标签作用:该标签的作用是使文字有加粗的效果。
(2)、标签语法

<b>要加粗的文字内容</b>
<strong>要加粗的文字内容</strong>

(3)、b/strong 标签的代码使用以及效果

<p style="font-size: 28px;font-family: '宋体';color: red;" title="这是html的描述">
   HTML5是Web中核心语言<strong>HTML</strong>的<b>规范</b>，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
</p>

二、分隔标签(br/hr)

1、换行标签:br
(1)、标签作用:该标签就是产生一个enter的作用，用于产生一个回车的效果。一般和其他的标签一起使用。
(2)、标签语法

<br>

(3)、br 标签的代码使用以及效果

<p>
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。<br>
HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
</p>
<p style="font-size: 28px;font-family: '宋体';color: red;" title="这是html的描述">
	HTML5是Web中核心语言<strong>HTML</strong>的<b>规范</b>，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。<br>
HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程
中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
</p>

2、水平线标签:hr
(1)、该标签作用:该标签会在浏览器上显示一条细线，然后用于把页面分隔为两个区域。
(2)、标签语法

水平线hr标签
<hr>
相关属性:
color:设置标题颜色,值可以使用颜色英文单词，也可以是16进制代码。
width:用于设置水平线的宽度
size :用于设置水平线的厚度
align:设置对齐方式，常用的值有:center/right/left,默认left。

(3)、hr 标签的代码使用以及效果

<p>
    HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。<br>
    HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
</p>
<hr >
<hr color="red" width="800px" size="7" align="left">
<p style="font-size: 28px;font-family: '宋体';color: red;" title="这是html的描述">
	HTML5是Web中核心语言<strong>HTML</strong>的<b>规范</b>，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。<br>
    HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
</p>

前端开发_HTML5_标签部分(二)

猜你喜欢