html介绍

html介绍

一、修饰文字的标签

1、斜体：i

//使用该标签，网页所渲染出来的文字为斜体 <i>斜体</i>

2、强调斜体：em

//使用该标签所得到的效果与斜体标签(i)一样,不过浏览器能识别到该标签强调了此内容 <em>强调斜体</em>

3、下划线：u

//使用该标签，网页所渲染出来的文字下方有一条横线 <u>下划线</u>

4、强调下划线：ins

//使用该标签所得到的效果与下划线标签(u)一样,不过浏览器能识别到该标签强调了此内容 <ins>强调下划线</ins>

5、删除线：s

//使用使用该标签，网页所渲染出来的文字有一条横贯文字的线 <s>删除线</s>

6、强调删除线：del

//使用该标签所得到的效果与删除线标签(s)一样,不过浏览器能识别到该标签强调了此内容 <del>强调删除线</del>

7、加粗：b

//使用该标签，网页所渲染出来的文字为粗体 <b>加粗</b>

8、强调加粗：strong

//使用该标签所得到的效果与加粗标签(b)一样,不过浏览器能识别到该标签强调了此内容 <strong>强调加粗</strong>

9、高亮：mark

//使用该标签，网页所渲染出来的文字背景会变成黄色 <mark>高亮</mark>

10、换行：br

//使用该标签，网页所渲染出来的文字会在br标签前后换行 <p>恭喜<br>发财</p>

11、分割线：hr

//使用该标签，网页所渲染出来的效果为hr将内容分割 你<hr>好

12、上标与下标

//使用该标签，网页所渲染出来的文字将变成上标或者下标 <p>2²</p>//上标标签 渲染结果为2的2次方 <p>H₂O</p>//下标标签 渲染结果为水的化学表达式

二、无意义标签

什么是无意义标签？

无意义标签是指：标签没有任何特殊含义（而不是说标签的存在没有意义）

无意义标签分为两种：

div：块级标签，主要用于布局

span：行级标签，主要用于修饰文字

区别在于，两类标签换不换行

标签的分类方式：

1、块级标签：（div、h1-h6、p、ul、ol、li等）

可以设置大小

能够自动换行

2、行级标签：（span、a、strong、e、i、b、sup、sub等）

不可用设置大小

不能够自动换行

3、行间块状标签：（input、button、img等）

可以设置大小

不能够自动换行

H5面试题：如何打开一个链接新窗口？

只需在目标标签中添加一个属性target，并将其属性值设置为_blank即可打开新窗口

href与src的区别：

1、请求的资源类型不同

2、作用的结果不同

3、浏览器的解析方式不同