HTML基础
1.Web前端分三层:
+ HTML:超文本标记语言，从语义的角度描述页面的结构。相当于人的身体组织结构。
+ CSS：层叠样式表。从审美角度美化页面的样式。相当于人的衣服和打扮。
+ JS：从交互的角度描述页面的行为。相当于人的动作，让人有生命里。
2.html5比较完整的骨架：
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Author" content="">
<meta name="Keywords" content="关键字" />
<meta name="Description" content="关键词" />
<title>Document</title>
</head>
<body>
</body>
</html>3.head标签里面，表示页面的配置，有什么配置？
字符集、关键字、页面描述、页面标题、IE适配、视口、iphone小图标等
4.头标签内部的常见标签：
1. <title>:指定整个网页的标题，在浏览器最上方显示。
2. <base>:为页面上所有链接规定默认地址或默认目标。
3. <meta>:提供有关页面的基本信息。
4. <body>:用于定义HTML文档所要显示的内容，也称为主体标签，我们所写的代码必须放在此标签内。
5. <link>:定义文档与外部资源的关系。
5.元素：
1. **图像：**
`<img src="路径" alt="当图片显示不出来，显示文字" title="鼠标悬停显示的文字">`
<img src="../imgs/th1.jpg" alt="美丽的风景" title="风景图">
<img src="../imgs/th.jpg" alt="美丽的风景" title="风景图">
2. **超链接：跳转页面**
` <a href="链接" target="_blank">标题名字</a> `
` target="_blank"，在跳转页面时，会保留当前页面，重新打开一个新页面`
<a href="https://www.baidu.com/" target="_blank">百度</a>
3. **标题**
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
4. **列表**
1. 无序列表：（Unordered List）中项目的顺序并不重要，就像购物列表。用一个 <ul> 元素包围。
2. 有序列表：（Ordered List）中项目的顺序很重要，就像烹调指南。用一个 <ol> 元素包围。
html
//无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
//有序列表
<ol>
<li></li>
<li></li>
<li></li>
</ol> 标签：CSS3,序列表,标签,标题,HTML,HTML5,列表,页面 From： https://blog.csdn.net/2301_81256766/article/details/142106742