HTML页面是由标签组成,不同的标签浏览器对其进行不同样式和内容的渲染 ,我们需要记忆常用的标签即可。大致可分为如下几类:头标签、标题、水平线、段落、换行、图片、表格、超链接、列表、表单、下拉列表、div 和 span、格式化文字的。
- 属性
行内元素:行内元素不换行,一行显示
块元素:前后换行
align 内容水平对齐方式
left
right
center
正常属性的文字,默认黑色,不换行,多个空格和换行识别为一个空格,
谷歌浏览器默认字体大小16像素
- a 超链接标签
行内元素
href 链接属性 必有属性
绝对地址
相对地址
title: 当鼠标悬停在内容上面时候显示的提示字
target:打开方式
_self 当前页面打开
_blank 新页面打开
链接没有访问: 字体蓝色.自带下划线
链接有访问: 字体紫色.自带下划线
- p 段落标签
块元素
p中的内容正常显示
前后有空白 (内外边距css)
img 图像标签
行内元素
src 图像链接地址 必填属性
绝对地址
相对地址
alt:当图片无法正常显示的时候的提示字
title: 当鼠标悬停在内容上面时候显示的提示字
width:宽度 px值为单位
height: 等比缩放 款速
- div 块
块元素
正常显示
- span 帮助添加标签
- 列表
1.有序列表
ol
2.无序列表
ul
ol和ul直接子元素只能为li
li中可以嵌套任何内容
更改列表项标记: ul|ol type属性
ul:
ol:1 A a I i
- 表格
table
属性:
style="border-collapse: collapse" 双线变单线
border 边框
bordercolor 边框颜色
width 宽
height 高
rowspan 跨行
colspan 跨列
tr 行
th 表格头单元格 加粗+居中
td 表格题单元格
单元格可以设置宽高 对齐方式align