HTML入门基础冷知识
Posted 焉小馒
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML入门基础冷知识相关的知识，希望对你有一定的参考价值。
1.html5标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>这是一个标题标签</title>
</head>
<body>
body标签文本
<!-- body 标签里面的文本 -->
</body>
</html>- doctype标签：doctype是Document type文档类型的简写，用于说明使用html是什么版本。doctype声明必须放在每一个html5文档最顶部，在所有标签之上。
- html标签：html它是用于表示该文件是以超文本标记语言编写的。<html>是成对出现的，首<html>标签和尾标签</html>分别位于文件的最前面和最后面，文件中的所有文件和html标签都包含在其中。html标签不带有任何属性。
- head标签：是一个表示网页头部的标签。
- meta标签：为了符合web标准，所有的html5文档都必须声明他们所使用的字符编码语言，我们通常使用utf-8字符集表达中文字符，它包含在head标签里面。
- title标签：title标签表示html5文档的标题，当html5文档在浏览器中呈现时，title标签的标题内容出现在浏览器窗口。
- body标签：body标签包含了所有主体内容的文档，这些内容会被浏览器显示在屏幕上。
2. 文本和超链接标签
1.标题文字标签
html5的标题标签是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>，它们之间是有区别的， 其中h1标题的重要性最高，h6最低。
<body>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
</body>
2.标题文字的对齐方式
语法：align="对齐方式"
| 属性 | 说明 |
| left | 左对齐 |
| right | 右对齐 |
| center | 居中对齐 |
3.段落标签：
语法：<p>段落内容</p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>段落文字</title>
</head>
<body>
<p>输入你需要输入的段落文字</p>
</body>
</html>p标签的部分属性：
| 属性 | 说明 |
| align | 水平对齐方式 |
| class | 设置CSS类 |
| style | 设置内嵌样式 |
4.换行标签
br：它是一个单标签，一个<br>标记代表换一行，连续多个标记可以多次换行。
5.水平线标签
- 添加水平线
语法：<hr 属性 = "属性值"> - 设置水平线的宽度和高度
语法：<hr width="水平线宽度" height="水平线高度"/>- 设置水平线的颜色
语法：<hr color="red"/> - 设置水平线的对齐方式
语法：<hr align="对齐方式"/> - 去掉水平线阴影
语法：<hr noshade="noshade"/>
hr标签的部分属性
| 属性 | 说明 |
| align | 水平对齐方式 |
| size | 设定线条厚度 |
| width | 设定线条长度 |
| color | 设定线条颜色 |
| noshade | 去掉水平线阴影 |
以上是关于HTML入门基础冷知识的主要内容，如果未能解决你的问题，请参考以下文章