一个HTML文档的基本结构
<!DOCTYPE html> — 文档类型,写成 <!doctype html> 也行。
<html></html> — <html> 包含整个页面的内容。
<head></head> — <head> 包含页面描述,CSS样式等,但不会被用户看到。
<body></body> — <body> 包含了你想被用户看到的内容。
<meta charset="utf-8"> — 指定文档的字符编码为 UTF-8。
<title></title> — 设置页面的标题,显示在浏览器标签页上。
HTML基础标签
- 标题与段落
HTML 包括六个级别的标题, <h1> – <h6>。
通常一个页面只有一个 <h1>,请尽量按顺序使用 <h1> – <h6>。
<h1>李白<h1>
<h2>一个被写作耽误的武学奇才</h2>
<h3>静夜思</h3>
<p>窗前明月光,疑是地上霜。</p>
<p>举头望明月,低头思故乡。</p>
-
列表
- 无序列表---顺序不重要
<p>金州勇士队的全明星球员包括:<p> <ul> <li>斯蒂芬·库里</li> <li>凯文·杜兰特</li> <li>克莱·汤普森</li> <li>德雷蒙德·格林</li> </ul>
- 有序列表---顺序很重要
<p>维持生命必须的元素包括:<p> <ol> <li>手机</li> <li>WIFI</li> <li>王者荣耀</li> </ol>
超链接a标签
<a href="https://www.baidu.com/" target="_blank">百度</a>
- img图片标签
<img src="img/startuper-1.jpg" alt="李白一人饮酒醉" width="200">
(一)相对路径
(1)文件夹/图片名+图片格式
(2)../ 每一个../都返回上一层
(二)绝对路径
(1)带有硬盘盘符号
(2)https开头的协议,也叫域名
- 无意义的标签(如若不加任何样式的情况下)
- div标签:主要用于页面布局,进行一些样式操作才有意义
- span标签:主要用来对行内的文字进行一些样式操作才会有意义