HTML标签

1.文件标签:

         html标签:整个文件都处于html标签中,声明文件类型便于浏览器识别,包含<head>和<body>标签。

         head标签:用于加载一些重要的内容,如一些插件,组件,框架等内容的云端地址以及网站的标题,内容不会被页面显示,                              只有<body>的内容才会被显示到界面上。

         title标签:只能出现在<head>中,用于定义网页的标题等。

         body标签:<body>中的内容会被显示。

                            常用属性:

                                           text用于设置文本颜色。

                                           background用于设置背景图片。

                                           bgcolor用于设置背景色。

                             注意:背景色和背景图片的覆盖问题。

2.颜色取值:

          有三种取值方式:

                         1.rgb(0,0,0)取值0~255之间(三个值单独满值分别代表红,绿,蓝,同时满值代表白色)。

                         2.#00ff00  #号后每两位的取值与上一种方法的三个值类似。

                         3.red   green   blue

3.块标签:

       div标签:用于在文档中设定一个块区域

                     常用属性:

                            align:left,right,center用于设置块的位置。

       span标签:用于在行内设置一块区域。

       块元素:通常来讲块元素在浏览器中显示时会自动换行,如div,p 等。

       内联元素:在浏览器中显示时不会自动换行,如span等。

4.排版标签:

        注释:

              在html标签中注释是<!--注释-->

        p标签:<p>段落标签,此标签将html文档分为若干个段落,浏览器会在段落前后添加空行,属于块级元素,显示时换                                 行。

                    常用属性:align:left,right,center默认值是left。

        br标签: <br>标签是换行标签,内联元素不会自动换行,因此我们需要用<br>标签换行。

        hr标签:生成一条水平线。

                    常用属性:

                             align:设置水平线对齐方式。

                             size:设置水平线的厚度,以像素为单位,默认为2px。

                             width:设置水平线长度,可以是绝对长度也可以是相对长度,默认为100%。

                             color:设置水平线颜色。

5.字体标签:

         font标签:<font>用于设置文本的字体,大小,颜色。

                 常用属性:

                         face:设置文本的字体。

                         size:设置文本的大小。

                         color:设置文本的颜色。

         h1-h6标签:用于定义标题,h1最大标题,h6最小标题。

6.列表标签:

            ul标签:<ul>标签是一个无序列表。

                    常用属性:

                           type:规定列表的项目符号类型,可取值disc,square,circle。默认值为disc。

            li标签:<li>标签表示一个列表项。

                    常用属性:

                           type:只适用于无序列表,用于设定项目符号。

                           value:只适用于有序列表,用于设定项目数字。

            ol标签:<ol>标签是一个有序列表。

                      常用属性:

                              type: 规定列表中使用的标记类型。可取值1Ali平时比较少用。

                              start:规定列表的起始值。

7.图形标签:

            img标签:<img>标签是一个图片标签,用于在页面上引入图片。

                    常用属性:

                           src:用于设定引入图片的url。

                           alt:用于设定图像的替代文字,如果图像不存在,会出现。

                           width:用于设定图片的宽度。

                           height:用于设置图片的高度。

                           border:图片边框的厚度。

8.链接标签:

          a标签:<a>标签用于定义超链接,用于页面转换。

                 常用属性:

                          href:设定链接指向页面的url。

                          name:设定锚的名称。

                         target:用于设定在何处打开链接页面。_blank在新页面中打开。

9.表格标签:

          table标签:<table>标签用于定义表格。

                 常用属性:

                        align:设定表格的对齐方式,

                        bgcolor:设定表格的背景颜色。

                        border:设定表格边框的宽度。

                        width:设定表格的宽度。

        tr标签:<tr>标签用于定义表格的行,包含一个或多个th或td元素。

                常用属性:

                        align:设置表格中行的内容的对齐方式。

                        bgcolor:设置表格中行的背景颜色。

        td标签:<td>标签用于定义表格单元,td元素中文本的显示为正常字体左对齐。

               常用属性:

                       align:设置单元格内容的对齐方式。

                       bgcolor:设置单元格的背景颜色。

                       height:设置单元格的高度。

                       width:设置单元格的宽度。

                       colspan:设定列合并。

                       rowspan:设定行合并。

         caption标签:<caption>用于定义表格的标题,必须紧随<table>标签之后,一个表格只能有一个标题,通常这个标题会居                                    中于表格之上。

          th标签:<th>用于定义表格的表头,内部的文本通常显示为居中加粗文本,html中含有两种类型的单元格,th表头单元格,                            td标准单元格。

          thead标签:<thead>用于定义表格页眉,用于组合表格的表头内容,应该与<tbody>和<tfoot>元素结合起来使用。

                       注意:<thead>内部必须有<tr>标签。

           tbody标签:<tbody>用于定义表格的主体,用于组合html表格的主体内容。

            tfoot标签:<tfoot>用于定义表格的页脚,用于组合html表格中的标注内容。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值