一个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标签：主要用来对行内的文字进行一些样式操作才会有意义
网友评论