这是我参与「第四届青训营 」笔记创作活动的的第1天
HTML基本结构标签
| 标题 | 定义 | 说明 |
|---|---|---|
<html> </html> | HTML标签 | 页面中最大的标签，称为根标签 |
<head> </head> | 文档的头部 | 注意在head标签中必须要设置的标签是title |
<titile></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容，页面内容基本都是放到body里面的 |
<!DOCTYPE>文档类型声明，作用就是告诉刘览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>这句代码的意思是：当前页面采取的是HTML5版本来显示网页
lang语言种类：用来定义当前文档显示的语言。
- en定义语言为英语
- zh-CN定义语言为中文
<html lang="zh-CN">
字符集是多个字符的集合，以便计算机能够识别和存储各种文字。
在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。
标题标签
HTML提供了6个等级的网页标题， <h1>——<h6 ，按重要性递减，独占一行。
<h1>一级标题</h1>
段落和换行标签
<p> 标签用于定义段落，它可以将整个网页分为若干个段落。
<p>这是一个段落标签</p>
<br /> 为换行标签，可以将某段文字强制换行显示，单标签。
这是一个换行标签<br />
文本格式化标签
| 语义 | 标签 |
|---|---|
| 加粗 | <strong></strong>或者<b></b> |
| 倾斜 | <em></em>或者<i></i> |
| 删除线 | <del></del>或者<s></s> |
| 下划线 | <ins></ins>或者<u></u> |
和标签
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容，分区布局。
<div> XXX </div>
<span> XXX </span>
图像标签
<img> 标签用于定义HTML页面中的图像。
<img src="图像的文件名"/>
| 属性 | 属性值 | 说明 |
|---|---|---|
| src | 图片路径 | 必须属性 |
| alt | 文本 | 替换文本。图像不能显示的文字 |
| title | 文本 | 提示文本。鼠标放到图像上，显示的文字 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 像素 | 设置图像的边框粗细 |
<img src="图像的文件名" alt="图像显示不出来时的替换文本" title="鼠标放图片上的提示文本" />
<img src="图像的文件名" width="宽度" height="高度" border="边框粗细度" />
