H5学习之旅-H5的基本标签（2）-H5教程-PHP中文网

H5学习之旅-H5的基本标签（2）

黄舟

发布： 2017-02-16 15:08:04

原创

1221 人浏览过

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>

登录后复制