The biggest advantage of HTML5 mobile applications is that they can be directly debugged and modified on web pages. The developer of the original application may need to spend a lot of effort to achieve the effect of HTML5, constantly repeating the coding, debugging and running, this is a problem that must be solved first. Therefore, many mobile magazine clients are based on the HTML5 standard, and developers can easily debug and modify them.
To compile html web pages, you can use Windows' own notepad to write code directly, but you need to change the file suffix, but you need to change .txt to .html.
The advantage of sublime software is that it can automatically complete the code compared to Notepad, and the software link is as follows:
https://pan.baidu.com/s/1AHSdOSqL4OEF9-QFTdYJzQ
*A software suitable for beginners It should be dreamweaver, because beginners just hope that the writing errors can be highlighted, and the matching can be automatically completed.
https://pan.baidu.com/s/1wUcnG3dJVCO5cXAORmuxrQ
software simple tutorial: 1. Unzip the file first
2. Open the folder 
3 .Find dreameaver.exe right-click and send it to the desktop shortcut 
4. The desktop opens and clicks accept
5. After entering dreamweaver, click HTML 
6. Clicking the code will automatically display the basic frame 
7. After writing, the shortcut key ctrl+a can be saved
Let's talk about some basic tag codes first:
1.html is a hypertext markup language (hypertext makrup language) because it can mark tags other than pictures, animations, videos, etc. It is a web markup language. Programming languages are: c java c++ php
2. To access a web page, you need to issue a request to the server through the browser http protocol, and then the server responds and returns the web page, local access does not require server processing
3. Chrome Google Chrome [recommended]
4. Write The code needs to be paired to prevent forgetting
5. Basic structure
<html>
<head> header header </head> header 
is <body> body content </body>
</html>
6. Body background color <body bgclor="color ">
7. Title <h1>...</h1>
<h2>...</h2>
<h3>...</h3>
The larger the number, the smaller the font size. , word wrap
<h1 align="center">title centered
<h1 align="left">title left align
<h1 align="right">title right align
7. Wrap<br/>
8. Divider<hr/>
9. Paragraph <p></p>
<u>Underline</u>
<s>Strikeout</s>
12. List a. Unordered list: no marked ordinal number but there is a vertical arrangement in line with <ul type="circle"></ul> hollow circles in The front list
<ul type="disc"></ul> filled circle
b. Ordered arrangement: the orderly arrangement can be numbers, letters, etc.
<ol type="1"></ol>Number ordering
<ol type=" a"></ol>Alphabetical order
<ol type="A" start="2"></ol>Capital letter ordering and start with B
13.di Label: Three Kingdoms
Liu Bei
Guan Yu
Zhang Fei
<dl>
<dt>Three Kingdoms </dt>
<dd>Liu Bei</dd>
<dd>Guan Yu</dd>
<dd>Zhang Fei</dd>
</dl> L:list T:title D:data
14. Horizontal line hr: dividing line
< hr width="100px size" align="right right alignment" />
<hr width="70% ratio"align="center" centered/>
15. Font: c:\windows\fonts
<font size="6">content</font>larger
font size<font size="+6">content</font>larger font size
<font face="MS Serif, New York, serif">Content</font>
font style
16. Image: a. Absolute path: <img src="image path"/>
b. Relative path:. Current directory
<img src="./aa/bg_1.jpg"/>
.. Return to the previous directory
< img src="../../images/bg_1.jpg"/>
17. Hyperlink: <a href="Link or URL local file">Description text</a>
Web page jump
<a href=" http ://www.baidu.com">Baidu</a> jumping to the external network must add "http ://"
<a href="1.html">local file</a> jumping to the local file name
18. Anchor Point: Click the link to jump to the content you want to jump
<a href="#aa">1</a>
<a name="aa">Content</a>
19. Special characters: greater than sign> less than sign &it quotation marks " Space
20.meta tags: a. PPC
b.seo search engine optimization
<meta name="description" content="content"/>
<meta name="Keywords" content="content"/>
c.Refresh visit another URL after a period of time
<meta http-equiv="refresh" content="time; url=URL"/>
d. Character set utf-8, gbk, gb2312
<meta charset="UTF-8"> Show Chinese
Attach simple code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled document</title>
</head >
<body>
Zhong Yang - botanist, <p align="center">Professor of Fudan University</p>, in the last 16 years of his life, he took root in the Qinghai-Tibet Plateau and led a team to collect 40 million seeds and take stock of the world The biological "household" of the roof. Zhong Yang, a botanist and a professor at Fudan University, took root in the Qinghai-Tibet Plateau in the last 16 years of his life, led a team to collect 40 million seeds, and took stock of the biological "family" of the roof of the world. <p>Zhong Yang, a botanist and a professor at Fudan University, took root in the Qinghai-Tibet Plateau in the last 16 years of his life, led a team to collect 40 million seeds, and took stock of the biological "family" of the roof of the world. Zhong Yang, a botanist and a professor at Fudan University, took root in the Qinghai-Tibet Plateau in the last 16 years of his life, led a team to collect 40 million seeds, and took stock of the biological "family" of the roof of the world. </p>
Zhong Yang, a botanist and a professor at Fudan University, took root in the Qinghai-Tibet Plateau in the last 16 years of his life.<br/>Leading a team to collect 40 million seeds and take stock of the biological "family" of the roof of the world. Zhong Yang, a botanist and a professor at Fudan University, took root in the Qinghai-Tibet Plateau in the last 16 years of his life, led a team to collect 40 million seeds, and took stock of the biological "family" of the roof of the world. <br/>
Goose goose goose,<br/>
Qu Xiangtian song. <br/>
The white hair floats on the green water, and the
anthurium moves the clear waves. <br/>
<pre>
Goose, goose, goose,
song Xiangtiange.
The white hair floats on the green water, and the
anthurium pulls the clear waves.
</pre>
<b>红</b><i>掌</i><u>拨</u><s>清</s>波<br/>
<hr/>
<hr width="50%" align="right">
三国
<ul>
<li>刘备</li>
<li>关羽</li>
<li>张飞</li>
</ul>
<ol type="a" start="0">
<li>刘备</li>
<li>关羽</li>
<li>张飞</li>
</ol>
<dl>
<dt>三国</dt>
<dd>刘备</dd>
<dd>关羽</dd>
<dd>张飞</dd>
<dt>西游记</dt>
<dd>悟空</dd>
<dd>八戒</dd>
</dl>The effect is as follows:</html></body>
<font>Music Xiangtiange</font>
Learning summary: Many codes need to be memorized in combination with English. More importantly, problems must be solved in time. More practice can deepen memory and practice makes perfect. Codes that you do not understand should be typed out first for comparison and observation.