html基础入门
1. 什么是html
Hypertext Markup Language
超文本标记语言
2. 基本结构
<!DOCTYPE html> <!-- 注释：此为html5的声明方式 -->
<html>
<head></head>
<body></body>
</html>
顺序
声明(必须放在第一行)
html标签
头部
主体
3. 注释
<!— 注释内容写这里，网页中不会显示 —>
4. 网页显示出现乱码解决方案
<meta http-equiv=“Content-Type” content=“text/html;charset=utf-8” />
<meta charset="utf-8" />
<meta/>放在<head>里
编码格式普遍常用：utf-8
中国常用：utf-8、GB2312、gbk等
5. 文字和段落标签
(1) 标题标签
<h1></h1> ～ <h6></h6>
共6个标题等级
(2) 段落标签
<p></p>
align水平对齐属性
left
- 左对齐
center
- 居中对齐
right
- 右对齐
justify
- 两端对齐（伸缩对齐）
(3) 换行标签
<br />
(4) 水平线标签
<hr />
可用属性
width
- 水平线宽度
color
- 水平线颜色
align
- 水平线对齐方式
noshade
- 水平线无阴影
(5) 文字斜体
<i></i>
<em></em>
(6) 文字加粗
<b></b>
<strong></strong>
(7) 下标
<sub></sub>
(8) 上标
<sup></sup>
(9) 插入内容
<ins></ins>
下划线
(10) 删除内容
<del></del>
删除线
(11) 特殊符号
<
<
>
>
®
®️ 已注册
©
©️ 版权
™
™️ 商标
space 不断行的空格
6. 列表标签
(1) 无序列表
结构
<ul>
<li></li>
<li></li>
</ul>
<ul>的type属性
disc
实心圆点
square
实心正方形
circle
空心圆
(2) 有序列表
结构
<ol>
<li></li>
<li></li>
</ol>
<ol>的type属性
1
1,2,3
a
a,b,c
A
A,B,C
i
i,ii,iii
I
I,II,III
(3) 定义列表
结构
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
</dl>
7. 图像标签
<img src="" alt="" />
属性
(1) src
图片url
(2) alt
替代文本
(3) height
图像高度
(4) width
图像宽度
8. 超链接标签
<a href="">内容</a>
(1) 属性
① href
链接地址
② target
链接跳转的窗口打开方式
- _blank
- 新窗口打开
- _self
- 默认，当前窗口打开
- _top
- 在当前窗口之上新窗口打开
- _parent
- 在父窗口打开
③ title
链接提示文字
④ name
链接命名
(2) 锚链接定义
同一页面
<a href="#链接到的锚名">通常是导航文本</a>
<a name="定义锚的名称">摆放位置即为锚点位置</a>
不同页面
<a href="页面链接#连接到的锚名">通常是导航文本</a>
<a name="定义锚名">摆放位置即为锚点位置</a>
(3) 基础的电子邮件链接
<a href="mailto:对方邮件地址"></a>