HTML今日知识点
HTML基础知识
HTML
-
超文本标记语言
-
H5
-
HTML 版本五
- 收纳新标签
-
HTML基本结构
-
<!DOCTYPE html>
- 标识文档为h5标准
-
html跟标签
-
<head>
-
头标签用来写页面修饰
-
<title>
-
标签页标题`
-
<meta charset="utf-8">
- 网页编码万国码
-
-
-
<body>
- 身体标签用来写页面元素
-
6个
-
div
- 最常用块标签 换行
-
p
-
段落
-
换行,有上下行距16px
-
空格
-
当前字体大小空白
-
 
-
-
-
span
-
隔离标签
- 没有任何样式
-
-
hr
- 水平线
-
br
- 强制换行
-
h1-h6
-
六级标题
- h1相当于2em
- h4相当于1em
- 加粗、大小变化
-
8个
-
i与em
-
斜体
- 常用于符号的标识
-
-
b与strong
- 粗体
-
u
- 下划线
-
del
- 删除线
-
sup
- 上标
-
sub
- 下标
6个
-
ol
- 有序列表
-
ul
- 无序列表
-
li
-
列表项目
-
不会独立存在
- 相当于div
-
-
-
dl
- 自定义列表
-
dt
- 自定义列表项目
-
dd
- 自定义列表项目说明
style属性的使用 8个
-
<开始标签 style=“属性名:属性值;属性名:属性值”>
-
color
- 前景色
-
background-color
- 背景色
-
font-size
- 字体大小
-
font-weight
- 字体粗细
-
display
-
inline
-
行内元素span
- 不能给宽高
-
-
block
- 块元素div
-
inline-block
-
行内块
- 不会换行但是可以给宽高
-
-
-
border
-
边框
-
宽度 线型 颜色
- 1px solid red
-
-
-
margin
- 外边距
-
padding
- 内补
Emmet插件
-
VSCode已经内置不需要单独安装
-
HbuilderX会自动安装
-
HTML代码块语法
-
-
重复
- p*10
-
-
-
嵌套
- div>p
-
-
{}
-
内容
- div>{p}
-
-
$
-
递增
- p*10>{p$}
-
-
-
并列
- p+div
-
-
()
-
分组
- (div>p)*2
-
-