博客主要介绍了HTML标签相关知识，包括html5声明方式、解码格式设置，解决乱码需保证编码和解码格式统一。还阐述了标签属性的使用规则，介绍了单标签、双标签，以及行内元素（如a、img、span）、列表（有序、无序）、表格、块元素（p、div）等常用标签的特点和属性。
HTML标签
HTML
1.<!DOCTYPE html> html5的声明方式
2.html 超文本标记语言
3.<meta charset="UTF-8"> 设置解码格式
乱码问题:
保证编码和解码格式统一
编码:文件的格式
解码:<meta charset="UTF-8"> 使用什么样的编码格式解析页面的内容
4.标签上可以添加属性
属性可以帮助更完整的展示标签
属性=""|'属性值'
双引号和单引号都可以,但是前后保持一致
属性前面要条件空格
5.标签:
单标签|自闭合标签:<meta charset="UTF-8">
双标签|闭合标签:<title>Title</title>
html的常用标签
行内元素:行内元素不换行,一行显示
align 内容水平对齐方式
left
right
center
正常属性的文字,默认黑色,不换行,多个空格和换行识别为一个空格,谷歌浏览器默认字体大小16像素
a 超链接标签
href 链接属性 必有属性
绝对地址
相对地址
title: 当鼠标悬停在内容上面时候显示的提示字
target:打开方式
_self 当前页面打开
_blank 新页面打开
默认样式:
链接没有访问: 字体蓝色.自带下划线
链接有访问: 字体紫色.自带下划线
img 图像标签
src 图像链接地址 必填属性
绝对地址
相对地址
alt:当图片无法正常显示的时候的提示字
title: 当鼠标悬停在内容上面时候显示的提示字
width:宽度 px值为单位
height: 等比缩放 款速
span
帮助添加标签
列表
1.有序列表
ol
2.无序列表
ul
ol和ul直接子元素只能为li
li中可以嵌套任何内容
更改列表项标记: ul|ol type属性
ul:
ol:1 A a I i
表格
属性:
style="border-collapse: collapse" 双线变单线
border 边框
bordercolor 边框颜色
width 宽
height 高
rowspan 跨行
colspan 跨列
tr 行
th 表格头单元格 加粗+居中
td 表格题单元格
单元格可以设置宽高 对齐方式align
块元素:前后换行
p 段落标签
p中的内容正常显示
前后有空白 (内外边距css)
div 块
块元素
正常显示
扫一扫
2156
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
