1.标题标签 h1

为了使网页具有语义化，我们一般会在页面用标题标签，标题标签一共有六个等级，并且逐渐递减

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

特点：

加了标题标签的文字会变大变粗

一个标题独占一行

2.段落标签和换行标签

2.1 p

在页面中一般使用段落p标签将文字分段

这是一个段落

特点：

文本会随着浏览器窗口大小变化而自动换行

段落与段落之间有空格

取自单词paragraph，意为段落

2.2 br

在页面中，文字通常不会换行，除非到了浏览器窗口最右侧才会自动换行，如果想强制换行，需要使用换行标签br

此处与之后文本之间有换行
111

取自单词break缩写，为打断、换行

3.文本格式化标签

1.加粗：

1.1 strong

推荐此标签加粗

1.2 b

加粗

2.倾斜：

2.1 em

推荐倾斜标签

2.2 i

倾斜标签

3.删除线：

3.1 del

推荐删除线标签

3.2 s

推荐删除线标签

4.下划线标签

4.1 ins

推荐下划线标签

4.2 u

推荐下划线标签

4.盒子标签div与span

div与span没有语义，就像是一个盒子，用来装内容

div取自division缩写，意为分割、分区，span意为跨度、跨距

特点：

div标签用来布局，一般情况下。div标签自己独占一行---大盒子

span标签也是用来布局的，一般是行内标签，在一行中可以有多个span标签 --- 小盒子

5.图像标签和路径

5.1 路径

路径就是我们平常所说的文件夹或者目录，一般分为相对路径和绝对路径

相对路径：以当前文件位置为参考

绝对路径：以根目录位置为参考

例：C:\web\a\b\c.jpg

http://www.baidu.com/robots.txt

5.2 img 标签

想要在html页面中插入图像，可以使用img标签

取自单词image缩写，意为图像

src属性是img必须属性，决定了图像文件的路径

其他属性：

6. 超链接标签

6.1 a标签

a标签主要来定义超链接，就是从一个页面链接到另一个页面

文本或图像内容

取自单词anchor的缩写，意为锚

链接分类：

7.注释和特殊字符

7.1注释

在HTML文档中添加一些便于人类理解又不想让机器解析的文字，就可以使用注释

快捷键：ctrl + /

7.2 特殊字符

在HTML中，有一些特殊符号不方便直接使用，我们可以用下面的字符替换

重点：

空格： 

大于>: >

小于<: <

HTML web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。