HTML简单总结

 常用标签

  html : 标签都是成对出现的 （单标签和双标签）strong和b等标签 

 <strong>这个是粗体</strong>
   <b>也是粗体</b>
   <em>这是斜体</em>
   <i>也是斜体</i>
   <u>下划线</u>
   <del>删除线</del>

br标签  ------ 用来换行
hr标签 ------ 水平分割线，可以设置width和size
 p标签 
段落标签
两个相邻的p标签之间会空一行
align 属性  位置  left(默认值) right center
font标签    ------- 设置字体
color属性  ---- 设置颜色   颜色的表示法：第一种：英文单词  第二种：#rrggbb 三原色  red green 
blue
re、span标签 sub标签 ------ 下标标签sup ------- 上标标签pre ------ 用来原样输出内容span ------ 修饰文本的标签 ---- 标准的行内标签

3.1.5 hn,div标签 

hn ------- 标题标签 指的是h1,h2,h3,h4,h5,h6 ----------- n的取值只能是1-6 字体会越来越小 有加粗的效果

div ------- 标准的块级标签------ 盒子布局

行内标签：不能自动换行，除非这一行内容铺满整个页面才会换行 span 

块级标签：自动换行，独占一行 

form标签 一般会和input标签连用
action属性  ------ 跳转的路径
路径：
绝对路径：从盘符开始到文件为止的一个路径 D:\重大城科\23级前端1203\代码\第二天
\demo01.html
相对路径：源文件相对于目标文件的相对路径 ..\第一天\demo01.html
method属性：用来明确表单提交的方式 get post ,默认值是get
name属性：表单的名称
get请求：不是特别安全，会把用户信息暴露在地址栏
post请求：相较于get会安全一点
表单元素 
表单元素----- 文本框、密码框、按钮、下拉列表框
一般是由input textarea select 标签构成，都需要使用在form标签里面
语法格式：
type 的取值：
text ----- 文本框
password ---- 密码框
submit ----- 提交按钮
radio ------ 单选按钮
checkbox ----- 多选按钮
reset ----- 重置按钮
button ----- 普通按钮
image ----- 图像按钮
file ------ 文件
hidden ---- 隐藏域
email  ---- 邮箱域
color ----- 颜色域
date   ----- 日期
time ----- 时间
datetime-local  ----- 日期+时间
range   ------ 进度条

only ------ 只读 字段只可以读不能修改
checked  ----  默认选择
disabled ----- 表示禁用 不可以点击
autofocus ----- 默认光标的位置
required ----- 不能空白提交
select标签 
下拉列表框 ------ 一般和option标签连用
属性：selected ------ 默认被选中的选项
multiple------- 以列表的形式展示
textarea标签 
用来显示文本域
cols  --------- 多少列，用于表示文本域的宽度
rows -------- 多少行，用于表示文本域的高度
常见的属性 
a标签 ----- 超链接
vlink  ----- 访问过的超文本链接的颜色
alink ---- 激活超文本链接的颜色
link ------ 超文本链接的颜色
text ---- 文本的颜色
bgcolor ----- 背景颜色
background ----- 背景图片

src-----图片的路径（绝对路径和相对路径）
width-----宽度
height----高度单位都是px%
border------边框默认值是0
align----位置（图片和文字的位置）
取值：top-----上对齐middle-----居中对齐bottom------下对齐（默认对齐）right-----右对齐
left------左对齐

位图usemap属性

map标签一般会和area标签进行连用

area标签属性：

shape-------鼠标点击的形状

coords-----表述鼠标点击形状的大小

href-----表示要跳转的路径

多媒体标签

audio------音频video------视频
controls属性-----表示的是播放器的组件
autoplay属性----表示的自动播放
loop属性------表示的是循环播放

表格布局
table标签
包含了theadtbodytfoottrtd标签
表格的边框border-----设置表格边框
表格的宽度和高度width-----宽度height----高度

表格的背景bgcolor----背景颜色background----背景图片

表格的间距和边距

cellpadding----表示的是表格边距（表示单元格内元素距离单元格边框的距离）

cellspacing------表示的是表格的间距（表示的是单元格和单元格之间的距离）

表格的嵌套，表格里面可以嵌套另一个表格

表格的合并单元格合并行

rowspan="n"------n是一个整数，表示在单元格垂直方向去跨行（合并行）

colspan="n"-------n是一个整数，表示在单元格水平方向去跨列（合并列）