html常用标签

1.html 超文本标记语言
2. 文档声明 告诉浏览器当前的html文档是哪一个版本的
3. 使用哪种编码格式解析html页面中的内容
乱码:编码解码格式不统一
编码:页面编码格式
解码:解析页面内容的格式
4.标签|标记: <关键字>
学习html就是在学习不同的标签,标签的作用, 标签的特点,属性,不同的属性的值的作用
5.属性: 更完善的显示标签的作用
属性添加在标签上
属性名 = ‘属性值’|“属性值” , 前后的引号一定要一致
属性前要添加空格
6.单标签|双标签
单标签|自闭和标签:
双标签|闭合标签

行内元素: 可以和其他元素同行显示
不能设置宽高(css)
宽度由内容撑起
只能嵌套行内以及文本

块元素:前后换行,自己独占一行
可以设置宽高
嵌套其他的块元素,行内元素,文本…
属性 align 对其方式 left right center justify 两端对齐

1.a 超链接
href 连接属性 必填属性
绝对地址 http://www.baidu.com
相对地址 相对统一环境下
# 回到页面底部但不刷新
title 当鼠标悬停在内容上时显示的提示字
target 打开方式
_blank 新页面打开
_self 默认本页面打开

特点:
未访问: 颜色蓝色 自带下划线
已访问: 颜色为紫色 自带下划线
锚点
a标签href属性值=> #+定点id值

2.p 段落标签
p标签中的内容正常显示
前后存在换行
如果存在多个空格和换行只显示一个空格

3.h* 标题标签
h1~h6 根据权重的大小,字体依次减小
加粗
4.div 块标签
块元素

5.img 图像标签
src 必填属性 定义图片的地址
绝对地址
相对地址
alt 图像无法正常显示时候显示的提示字
title 当鼠标悬停在内容上时显示的提示字
width 宽度 px像素为单位
height 高度
align 对齐方式
与周围同行元素垂直方向对其方式
top 顶部对其
center 居中对其
bottom 底部对其
水平方向 与 css的浮动效果一致
left 对其到这一行的左边
right 对其到这一行的右边

进入到某个文件路径 : 文件夹名字/…
回到上一层路径 : …

1.head 中的内容给浏览器看的
2.body 定义给用户看的内容
bgcolor 背景颜色
设置颜色值:
颜色的英文单词
16进制的颜色值 #6个字符或数字
rgb三原色 rgb(255,255,255)
background 背景图片
3.u , i , del, b …格式标签,不推荐使用

4.列表标签
无序列表 ***
ul 无序列表
type 定义列表项标记
desc 实心圆圈
circle 空心圆圈
square 实心方块

li 定义列表项
有序列表
ol 有序列表
type 定义列表项标记
1 A a I i

li 列表项

ul,ol直接子元素只能为li,在li中可以定义所有的内容
列表可以相互嵌套

form表单
method 提交方式
get浏览器中默认的提交方式
post安全，大小没有限制
action数据发送的位置
enctype
如果表单中的文件上传，就需要修改

input 标签定义大部分表单标签
type 不同的值，显示不同的作用
text普通文本
password密码框
radio单选框，只能选一个
checkbox多选框 name属性值相同
file文件上传
submit提交
button按钮
reset回复到默认状态

table表单的练习
table 定义表格
tr 定义行
th 表格头单元行（会自动加粗居中）
td 表格体的单元格

表格的属性
宽度：width
高度:height
边框:border
边框的颜色:bordercolor
背景颜色:bgcolor
对齐方式:align
单元格间距:cellspacing
跨行:rowspan
跨列:colspan
双线变单线:style=“border-collapse:collapse”

• List item