Maison  >  Article  >  interface Web  >  H5学习之旅-H5的基本标签(2)

H5学习之旅-H5的基本标签(2)

黄舟
黄舟original
2017-02-16 15:08:041214parcourir

H5的标签和html的标签没什么区别,主要介绍H5的基本标签

1.基础标签header和body,header的《title》元素主要是显示在标签页面里面,以及设置使用的语言和编码格式。body是正文部分

2.H5的标题是h1-h6,逐渐变小

3.html的段落是标签p

4.html的超链接是a标签。eg:百度一下

5.html插入图像 eg:

代码实例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5 Study</title></head><body>
    liupeng
    hello    <h1>标题h1</h1>
    <h2>标题h2</h2>
    <h3>标题h3</h3>
    <h4>标题h4</h4>
    <h5>标题h5</h5>
    <h6>标题h6</h6>
    <P>hello liupeng welcome to H5</P>
    hello    <a href="http://www.baidu.com">百度一下</a>
    <img src="images/hello.jpg"></body></html>

html元素语法

1.元素指的是开始标签到结束标签的所有内容

2.元素的语法:

元素的内容是从开始标签到结束标签的内容

空元素可以在开始标签中进行关闭例如
换行

大多数html元素可拥有属性

3.大多数html元素是可以嵌套的

H5的标签和html的标签没什么区别,主要介绍H5的基本标签

1.基础标签header和body,header的《title》元素主要是显示在标签页面里面,以及设置使用的语言和编码格式。body是正文部分

2.H5的标题是h1-h6,逐渐变小

3.html的段落是标签p

4.html的超链接是a标签。eg:百度一下

5.html插入图像 eg:

代码实例

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5 Study</title></head><body>
    liupeng
    hello    <h1>标题h1</h1>
    <h2>标题h2</h2>
    <h3>标题h3</h3>
    <h4>标题h4</h4>
    <h5>标题h5</h5>
    <h6>标题h6</h6>
    <P>hello liupeng welcome to H5</P>
    hello    <a href="http://www.baidu.com">百度一下</a>
    <img src="images/hello.jpg"></body></html>

html元素语法

1.元素指的是开始标签到结束标签的所有内容

2.元素的语法:

元素的内容是从开始标签到结束标签的内容

空元素可以在开始标签中进行关闭例如
换行

大多数html元素可拥有属性

3.大多数html元素是可以嵌套的

 以上就是H5学习之旅-H5的基本标签(2)的内容,更多相关内容请关注PHP中文网(www.php.cn)!


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn