learning path
- HTML markup language: the elemental components that make up the architecture of a web page (as a skeleton)
- CSS style language: beautify the style of web pages (css helps html beautify)
- JavaScript programming language: control the dynamic effect of the web page (action, operation)
- JavaScript programming language: assist and strengthen the implementation of JavaScript (encapsulation of js)
Introduction to HTML
- HTML is a markup language used to create web pages. You can use HTML to create web page documents, which will be automatically parsed when opened by a browser.
- HTML is made up of tags and content.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
文档的内容...
</body>
</html>
text formatting tags
label description
Those with line breaks such as h and paragraphs, others will not automatically wrap.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
<h1>hello world 标题h1</h1>
<h2>hello world 标题h2</h2>
<h3>hello world 标题h3</h3>
<br/>
<p>hello world 段落</p>
<i>hello world 斜体</i>
<br/>
<cite>hello world 引用</cite>
<br/>
<b>hello world 加粗</b>
<br/>
<strong>hello world 强调加粗</strong>
<br/>
<del>hello world 删除</del>
<br/>
<a>hello world 文本</a>
</body>
</html>
list label
label description
You have to define whether it is ul or ol first, and then fill in the specific content after defining it. Ordered or disordered use the structure of the outer layer on the line.
ol ul is to control whether it is ordered or unordered, and the style of the ordered and unordered list is controlled by type.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文档的标题</title>
</head>
<body>
<!--无须列表-->
<ul type="circle">
<li>coffee</li>
<li>milk</li>
</ul>
<!--有序列表-->
<ol type="A">
<li>bread</li>
<li>juice</li>
</ol>
</body>
</html>