欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-05-12 15:21:56
...

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)!

相关标签: HTML5,基本标签