前端学习笔记：HTML篇（1）
1.HTML页面的基本结构如下所示：
<!DOCTYPE html><!--DOCTYPE文档类型声明，必须放在第一行-->
<html>
<head>
<title></title><!--标题-->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"><!--指定页面编码-->
<style type="text/css">
/*css样式写在style标签内*/
</style>
<link rel="stylesheet" type="text/css" href=""><!--引入外部样式文件-->
</head>
</head>
<body>
<!--页面内容写在body标签内-->
</body>
</html>
2.文字和段落
<h1>标题标签，有h1到h6，h1字体最大</h1>
<p align="">HTML:Hypertext Markup Language,超文本标记语言</p>
<!--p标签,
align属性有四个值left；right；center；justify
justif是伸展对齐，这样每行都可以有相等的长度-->
<hr />
<!--水平线，其属性有：
width设置水平线宽度，可以是像素或百分比；
color设置水平线颜色；align设置水平线居中对齐；
noshade设置水平线无阴影-->
<br/><!--换行 -->
<!--空格-->
<pre>
pre 元素可定义预格式化的文本。被包围在 pre 元素
中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。简而言之，内容在编辑器里面是什么样子，
在浏览器里面就是什么样子。
</pre>
<i>文字斜体</i>
<em>文字斜体</em>
<b>文字加粗</b>
<strong>文字加粗</strong>
<sub>下标</sub>
<sup>上标</sup>
<ins>下划线</ins>
<del>删除线</del>
algin对齐属性值
| 值 | 描述 |
|---|---|
| left | 左对齐内容 |
| right | 右对齐内容 |
| center | 居中对齐内容 |
| justify | 对行进行伸展，这样每行都可以有相同的长度 |
HTML页面中显示特殊符号，如；》@
常用的特殊符号主要有以下几个