HTML
HTML指的是超文本标记语言,包含超链接的文本。而且是一种标记语言。
基本模块
<!DOCTYPE html> #声明 必须是HTML文档的第一行
<html lang="en"> #双标签
<head>
<meta charset="UTF-8">
<title>Document</title> #Document是标题名称
</head>
<body>
#此处为文档内容
</body>
</html> #双标签闭合点
HTML标签的写法分类
双标签:<标签名></标签名> / <开始标签>内容</结束标签>
单标签:<标签名/> 一般简写成<标签名>
html中不会报错 所以注意双标签不要忘了闭合
html中使用的标签
h1-h6 表示为标题标签
双标签 标题会变大 变粗 变黑 并且会自动换行
h1 一般在html中只使用一次
h2-h6在html中可以重复使用
p 段落标签
双标签 会自动换行
常见的实体字符
> 表示为大于号
< 表示为小括号
表示为空格
© 表示为版权标志
字体标签
i 单纯字体斜体
em 也是代表斜体 不过具有强调意义
b 加粗
strong 加粗 具有强调意义
u 下划线
以上都是双标签
br 与 hr 都是**单标签**
br 代表强制换行
hr 代表水平线
img 图片标签
单标签
属性:
src 图片地址
title 鼠标移入的提示信息
alt 图片加载失败时显示的信息
可以使用本地图片也可以使用网络图片
使用本地图片时:
相对路径:相对于当前文件来去查找指定资源
./代表当前路径
../代表上一级路径
绝对路径:直接从根目录中去查找指定资源
推荐使用相对路径,养成习惯
列表标签
无序列表:
ul 声明是一个无序列表
li 列表项
type (了解) 默认值为 disc 圆
square 方块
circle 空心圆
有序列表:
ol 声明是一个有序列表
li 列表项
type:
1 代表数字 默认从1开始
a 代表小写字母
A 代表大写字母
I 代表大写罗马字母
i 代表小写罗马字母
start 指定第几个开始 只能写数字
自定义列表
dl 声明是一个自定义列表
dt 列表的标题
dd 列表的描述项