HTML 基本语法
一、HTML 最最最基本语法：
1.HTML 基本结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="Main.css">
</head>
<body>
</body>
</html>
- <head>标签 头部信息：里面可以引用外部的 CSS 、JavaScript
- <body>标签 主体信息：在页面中看到的 文字 、图片 等内容
2.HTML 属性、元素、标签：
-
属性：<标签名 属性名1=“属性值1” 属性名2=“属性值2” … > … …</标签名>
-
元素：开始标签 + 内容 + 结束标签
-
标签： 成对出现，有开始有结束
特殊： 当然也有单标签（没有结束标签）
举个栗子：<br> 换行标签、 <hr/> 水平线
3.HTML 各种标签元素：
- 文字 和 段落：
HTML 文件大部分全是利用 <div> 标签组成
在 <div> 标签嵌套各种子标签
常用的标签有：
<h1> ~ <h5>标题标签
<p></p> 段落标签
文字斜体：<i></i>、<em></em>
加粗：<b></b>、<strong></strong>
下划线：<ins>
删除线：<del>
上标：<sup>
下标：<sub>
换行标签：<br/>
空格符： ；
预格式化标签：<pre></pre>——在编辑器是什么样，显示就什么样
- 图片 和 超链接：
图片：
<img src=" " alt=" " />
<!-- src:图片的路径 alt:当页面加载不成功，代替图片的文字 -->
超链接：
<a href=" ">内容</a>
<!-- href：链接地址 target：链接的目标窗口（跳转方式） -->
上述中：
图片路径问题：
路径分为：相对路径、绝对路径
相对路径：对于编写的 HTML 网页而言的
栗子：在 html 文件根目录下创建一个文件夹，称为 img，并放入图片
那么在 html 编写访问图片路径时就必须这样写：
src=“../img/xxx.png”
绝对路径：对于整个计算机的盘符而言的
栗子：在桌面放一张图片
访问时应该这样写：
src="C:\Users\Air\Desktop\xxx.jpg"
空链接问题：
如何使用空链接呢？
在没有明确的链接地址，则可以使用空链接（#）来代替
- 列表标签：
列表分为：有序列表、无序列表
栗子：
效果图：
有序列表和无序列表都有相应的样式属性
有序列表 type属性：
disc：圆心 、square：正方形、circle：空心圆
无序列表 type属性：
1：数字123… 、a：小写字母、A：大写字母、i：小写罗马数字、I：大写罗马数字