<1>HTML基础

1.基础语法

<html lang="en">  //lang 代表在chrome类浏览器表示网页的语言



<head>            
    <meta charset="UTF-8">
    <title>彭卓龙的前端学习</title>   //网页的标题，在标签栏那个
</head> 



<body bgcolor>     //body里面都是网页里看到的   bgcolor:设置网页的背景颜色
    <p>hello world</p>
    <hr/>  //一条线，<hr> </hr>两个的效果一样，但为了规范，一个的标签都加上</>
</body>
</html>

元素都有<>(结束标签)</>(开始标签)

2.文档段落：
2.1文档声明和META标签

 <!DOCTYPE html>    //一定放在第一行,其不是HTML标签，只是文档声明

问题：
网页出现乱码时
解决：
添加

    <meta charset="UTF-8">
    //注：编码格式常用有 UTF-8 ，GB2312，GBK

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">   //在head里面
    <title>文字和段落标签</title>
</head>
<body>
    hello html!
    HTML是超文本标记语言！
</body>
</html>

2.2文字和段落标题标签：<h1></h1>～<h6></h6>
段落标签：<p></p>
align对齐属性值：

值	描述
LEFT	左对齐内容
RAIGHT	右对齐内容
CENTER	居中对其内容
justify	对行进行伸展，这样每行都可以相等长度

换行标签： <br/>
<pre></pre> 标签：被包围在 pre 元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字和段落标签</title>
</head>
<body>
    <h1 align="center">穆勒歌</h1>
    <h2 align="center">朝代：南北朝</h2>
    <h3 align="center"><p>&nbsp;&nbsp;作者：</p></h3>
    <h4></h4>
    <h5>什么是HTML</h5>
    <h6>&nbsp;&nbsp;什么是HTML</h6>
    <p align="left">html指的是一种</p>
    <p align="right">dierduan</p>
</body>
</html>

2.3文字和段落标签
文字斜体：<i></i>,<em></em>
加粗：<b></b>,<strong></strong>
下标: <sub>
上标：<sup>>
特殊符号

属性	显示结果	描述
&lt；	<
&gt；	>	大于号或显示标记
&reg；	圈圈里有个R	已注册
&copy；	圈圈里有个C	已注册
&trade；	上标tm	商标
&nbsp；	Space	不断行的空白

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>文字和段落标签</title>
</head>
<body>
    <h1 align="center">穆勒歌</h1>
    <h2 align="center">朝代：南北朝</h2>
    <h3 align="center"><p>&nbsp;&nbsp;作者：</p></h3>
    <h4></h4>
    <h5>什么是HTML</h5>
    <h6>&nbsp;&nbsp;什么是HTML</h6>
    <p align="left"><i>html</i><em>指的是一种</em></p>
    <p align="right"><b>die</b><strong>radsada</strong></p>
    <p><sup>html</sup>go react vue<sub> andriod ios</sub></p>
</body>
</html>

前端学习第一天---HTML

<1>HTML基础

1.基础语法

2.文档段落：