<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>语文</title>
</head>
<body>
1、标题标签 h1,h2,h3,h4,h5,h6
h1 一级标题
h2 二级标题
默认样式:h1-h6,字体的大小逐步减小、字体会加粗,会变黑
从语义上看:h1-h6,语义是逐步降低的,也是可以帮助浏览器检索内容,提高网络排名
注意:
常用的标题标签:h1-h3,
h1的语义是最重,所以一个页面一般只有一个
标题标签会独占一行,是块元素
2、段落标签 p
默认样式:段落与段落之间有较大的空隙
段落标签也会独占一行,是块元素
3、标题分组 让标题之间有关系,没有默认样式
4、strong 强调标签
默认样式:字体加粗加黑了
5、em 强调标签
默认样式:字体斜体了
6、br 强制换行, 是一个自结束标签
7、hr 分割线 是一个自结束标签
8、del 删除线
9、center 有居中效果
10、div 是一个没有任何语义的标签, 是块元素
11、span 是一个没有任何语义的标签, 一般就用来包裹文字
12、引用标签
默认样式:加双引号
13、开始标签里 可以添加多个属性,用空格隔开即可
img标签 引入外部的图片
也是一个自结束标签
4个属性
src 引入图片的路径 暂时将html文件和图片放在同一个文件夹下
alt 是对图片的描述,正常情况下,alt的内容是不显示,
当图片的路径出现问题了,图片引入不成功,alt就会显示
它可以帮助浏览器检索图片,养成写alt的习惯
width 设置图片的宽度
height 设置图片的高度
一般情况下,不会同时设置width和height,
只要单独设置width或者height,另外一个就会自适应调整