HTML基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
html中嵌套两部分:head和body
head中放标题、字符格式、语言、兼容性、关键字、描述等信息;
body中放网页需要展示的部分。
html标签分类
- 按闭合特征分类
-
-
单标签:由一个标签< />组成。比如水平分割线
<hr />
-
双标签:由“开始标签”< >和“结束标签”< />两部分构成。开始标签和结束标签也被称为开放标签和闭合标签。比如:文字段落
<p></p>
<p>
是开始标签,表示一个段落的开始。</p>
是结束标签,表示一个段落的结束。
-
- 按是否换行特征分类
- 行内块元素:
(1). 不自动换行
(2). 能够识别宽高
(3). 默认排列方式为从左到右 - 块标签:
(1). 独占一行
(2). 继承父级属性
(3). 可以设置宽高
比如:div、p、ul、li、ol等 - 行标签:
(1). 只占他本身部分
(2). 继承父级属性
(3). 不能设置宽高
比如:i、input、label、select、span等
控制标签类型的样式display:block块标签
inline行标签
inline-block行内块元素
none隐藏 -
如果有想学习web前端的程序员,加VX:TZ07900, 免费送web前端视频教程噢
- 行内块元素: