快速入门前端02--html

在html中有很多标签,有单标签,双标签,下面分三类介绍一些标签.

1.h标签

h标签是一个块级标签,块级标签的主要特点如果不设置高度宽度的话,高度是和内容高度一致,宽度占浏览器的一整行.

                

                

 

 

                 我们在body内输入我们的h标签.h标签分为6个,每个h标签的样式都不同,在浏览器中显示的效果也不同.唯一相同的是字体都是加粗的.这个后期学习了css可进行修改.字体大小依次减小.

2.p标签,div

p标签和div为什么要放在一起说?

首先这俩个标签都是块级标签,并且不像h标签那样自带一些特定属性,所以在我们网页的设计上会经常用到,不过p标签多用于存放文字,div则用来做一个盒子,啥都可以装.

3.span标签

span标签是一个行内标签.

行内标签的主要特点就是一行可以放很多个,他不能设置高度宽度,内容多大他就多大.

4.图片标签--<img>

 

 不需要的属性可以不用写出来.

 5.链接标签

a标签是主要的链接标签.

链接的语法格式
    <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

            1.href：用于指定链接目标的url地址
            2.target:用于指定链接页面的打开方式_self默认值 _blank新窗口打开
            3.#：空链接,也可以写javascript:;

a标签具有自己自带的一些属性,可以自行css修改.

6.表格标签

<table>

        <tr>

                <td>单元格内的文字</td> ...

        </tr> 

</table>

1.<table> </table> 是用于定义表格的标签。

2.<tr> </tr> 标签用于定义表格中的行，必须嵌套在 <table> </table>标签中。

3.<td> </td> 用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。

4.字母 td 指表格数据（table data），即数据单元格的内容。

表格和我们的html网页一样,也分为头部和身体,<thead>和<tbody>,表格内容一般写在tbody里面,表头一般是表格的第一行,后面的才是tbody的内容,所以书写表格的时候需要注意了.