简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

H5 Learning Journey-Basic Tags of H5 (2)

黄舟
Release： 2017-02-16 15:08:04
Original
1221 people have browsed it

H5 tags are no different from html tags. We mainly introduce the basic tags of H5.

1. The basic tags header and body. The "title" element of the header is mainly displayed in the tag. In the page, as well as set the language and encoding format used. The body is the text part

2. The title of H5 is h1-h6, which gradually becomes smaller

3. The paragraph of html is the tag p

4. The hyperlink of html is a tag. eg: Baidu click

5.html insert image eg:

Code example

<!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>
Copy after login
Copy after login

html element syntax

1. The element refers to the start tag to All contents of the end tag

2. Element syntax:

The content of the element is the content from the start tag to the end tag

Empty elements can be closed in the start tag For example
Line break

Most html elements can have attributes

3. Most html elements can be nested

##H5 tags It is no different from html tags. It mainly introduces the basic tags of H5

1. Basic tags header and body. The "title" element of the header is mainly displayed in the tag page, and the language and encoding format used are set. The body is the text part

2. The title of H5 is h1-h6, which gradually becomes smaller

3. The paragraph of html is the tag p

4. The hyperlink of html is a tag. eg: Baidu click

5.html insert image eg:

Code example

<!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>
Copy after login
Copy after login
html element syntax

1. The element refers to the start tag to All contents of the end tag

2. Element syntax:

The content of the element is the content from the start tag to the end tag

Empty elements can be closed in the start tag For example

Line break

Most html elements can have attributes

3. Most html elements can be nested

The above is the H5 learning journey-H5 Basic tag (2) content, for more related content, please pay attention to the PHP Chinese website (www.php.cn)!



Related labels：
HTML5，基本标签
source：php.cn
Previous article：H5 learning journey-new features of H5 (1) Next article：H5 learning journey-H5 element attributes (3)
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Leverage VueJS components in PHP I want to mix basic HTML generated by Php and VueJS components without having to use VueJS...
From 2023-11-11 00:01:44
0
2
288
How to set margins/padding (HTML/CSS) for each page printed? I have a lot of content on my page, but I have no control over where it breaks. I put some...
From 2023-10-20 17:34:03
0
1
278
How to pass function to dynamically created href? I'm trying to pass a function to the href attribute of my a tag link but it doesn't work n...
From 2023-09-22 09:37:55
0
1
687
Move text quickly I'm trying to create an infinite loop for my text that starts on the screen. But all the m...
From 2023-09-16 15:37:49
0
1
747
Html code automatically fixed on staging but not on production I have a website built on Hugo and while implementing new functionality I made a mistake b...
From 2023-09-15 22:46:29
0
1
670
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！