3没有语义的标签

Posted 2020-11-12

3、没有语义的标签（div、span）

html中大部分标签都是具有语句的（有固定格式），有语义的标签在使用时一定要注意不能乱用。还有一部分标签是没有语义的，没有语义的标签只用来进行页面布局。
3.1、div标签
代码：<div></div>
特点：div默认占一整行，并且一行里面只能显示一个div。

3.2、span标签
代码：<span></span>
特点：span大小由内容来决定，并且一行里面可以有多个span。

4、前端三剑客
html---------------------用来确定页面的结构（人的骨骼）
css-----------------------用来给页面添加样式（人的衣服）：美化页面
javascript--------------让页面动起来（人的行为）：实现页面与服务器进行交互

5、认识CSS
?css的存放位置：放在head标签里面的title标签下面
?所有CSS样式代码必须放在同一个标签中
代码：<style></style>

?在style标签中写入对应的样式代码
代码：
<style type="text/css">
选择器 {
属性名1：属性值2；
属性名2：属性值2；
……
}
</style>

注意：
1、一个属性名（键）对应一个属性值（值），一般我们把这种对应关系代码称之为键值对；
2、最后一个属性值可以不加分号，但是不建议这么写；
3、在对应标签内部是可以直接设置样式的，但是实际开发不会这么写，一律将所有样式写在style里面。