HTML基础知识（1）

HTML的基础知识

HTML是什么

HTML 超文本(HyperText Marked Language)标记语言
超文本:不仅仅能表示文本的信息，还可以表示音视频，格式等信息。

HTML基本结构

基础标签

标题标签

h1-h6 h1最大 h6最小

—————————————————————

赤橙黄绿青蓝紫

赤橙黄绿青蓝紫

赤橙黄绿青蓝紫

赤橙黄绿青蓝紫

赤橙黄绿青蓝紫

赤橙黄绿青蓝紫

—————————————————————————

段落标签

P 标签标示一个页面的段落，自动换行

—————————————————————

咏鹅

鹅鹅鹅

曲项向天歌

曲项向天歌

曲项向天歌

—————————————————————————

连接标签

a标签 超链接 作用是跳转，包括页间跳转和页内跳转。

（一）页间跳转

href:指定目标连接的URL地址
target:指定打开目标页面的方式
_self:在当前页面中打开 默认的
_blank:在新的页面中打开
title:指定提示信息 (当鼠标悬停上的时候)

（二）页内跳转

在目标标签处指定ID=“…” 在连接处指定href=”#…”
id属性是页面元素的唯一标识
锚点: anchor
—————————————————————

图片标签

Img： 在网页中嵌入图片
Src： 图片资源的URL路径,可以是本地的,也可以是远程的。
Alt属性：当资源不存在时，作为替代文字出现。
Title属性： 解释文字

（一）路径：
(1)相对路径：
…/:表示上一级目录
./:表示当前目录
(2)绝对路径：
—————————————————————

列表标签

无序列表

ul (无序列表) > li (列表项)
Type : 指定无序列表的符号
Disc ：默认的 实心圆点
Circle ： 空心的圆
Square ：实心方块

—————————————————————

• 开班
• 入学
• 测试

—————————————————————————

有序列表

ol (有序列表) > li (列表项)
Type : 指定有序列表的符号取值 1 A a i ii | ||
Start : 指定从第几个开始

—————————————————————

4. 北京
5. 上海
6. 广州
7. 深圳

—————————————————————

列表的嵌套

（一）有序ol ->li
（二）无序ul->li
（三）自定义dl->dd，dt

自定义列表

Dl（定义一个自定义列表）> Dt（列表项目的标题）- Dd（列表项目的描述） 平级