<!DOCTYPE html> ------- 声明一个html的文档
<html lang="en"> ------- 网页的开始
<head> -------- 网页的头部 的开始
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> ------ 网页的标题
</head> ------ 网页头部的结束
<body> ------ 网页内容的开始
</body> ------- 网页内容的结束
</html>
<strong>这个是粗体</strong>
<b>也是粗体</b>
<em>这是斜体</em>
<i>也是斜体</i>
<u>下划线</u>
<del>删除线</del>
这是第一行<br>
这是第二行
<p align = "left">
这是一个段落
</p>
<p align = "center">
这是一个段落
</p>
<p align = "right">
这是一个段落
</p>
<p>
这是一个段落
</p>
<font color="#CC0033"></font>
这是字体标签
sub ------ 下标标签
sup ------- 上标标签
pre ------ 用来原样输出内容
span ------ 修饰文本的标签 ---- 标准的行内标签
hn ------- 标题标签 指的是h1,h2,h3,h4,h5,h6 ----------- n的取值只能是1-6 字体会越来越小 有加粗的
效果
div ------- 标准的块级标签------ 盒子布局
行内标签:不能自动换行,除非这一行内容铺满整个页面才会换行
span
块级标签:自动换行,独占一行 div hn p hr
text ----- 文本框
password ---- 密码框
submit ----- 提交按钮
radio ------ 单选按钮
checkbox ----- 多选按钮
reset ----- 重置按钮
button ----- 普通按钮
image ----- 图像按钮
file ------ 文件
hidden ---- 隐藏域
email ---- 邮箱域
color ----- 颜色域
date ----- 日期
time ----- 时间
datetime-local ----- 日期+时间
range ------ 进度条
常见的属性:
readonly ------ 只读 字段只可以读不能修改
checked ---- 默认选择
disabled ----- 表示禁用 不可以点击
autofocus ----- 默认光标的位置
required ----- 不能空白提交
a标签 ----- 超链接
vlink ----- 访问过的超文本链接的颜色
alink ---- 激活超文本链接的颜色
link ------ 超文本链接的颜色
text ---- 文本的颜色
bgcolor ----- 背景颜色
background ----- 背景图片
img标签
src ----- 图片的路径 (绝对路径和相对路径)
alt ----- 代替图片文本的内容
width ----- 宽度
height ---- 高度 单位都是px %
border ------ 边框 默认值是0
align ---- 位置 (图片和文字的位置)
取值:top ----- 上对齐
middle ----- 居中对齐
bottom ------ 下对齐(默认对齐)
right ----- 右对齐
left ------ 左对齐
usemap 属性
map标签 一般会和area标签进行连用
area标签 属性:
shape ------- 鼠标点击的形状
coords ----- 表述鼠标点击形状的大小
href ----- 表示要跳转的路径
audio ------ 音频
video ---- -- 视频
controls属性 ----- 表示的是播放器的组件
autoplay属性 ---- 表示的自动播放
loop属性 ------ 表示的是循环播放