HTML标签介绍(一)

 

 一、HTML文档头部

  1、<meta>标签:位于HTML文档头部的<HEAD>标签和<TITLE>标签之间,提供用户不可见的信息。可分为两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

        使用方式:<meta http-equiv="类型" content="内容">

        例:<meta http-equiv="content-type" content="text/html;charset=GB2132">

  2、<title>标签:概括了网页的内容,让浏览者迅速了解网页的大意。

        使用方式:<title>网页的标题</title>

 二、文档体和段落

  1、<body>标签:为HTML文档的正文部分

        常用的属性:link--------设定页面默认的超链接颜色

                          alink------设定鼠标正在单击时的超链接颜色

                          vlink------设定访问后超链接文字的颜色

                          background-----设定页面背景图像

                          bgcolor---------设定页面背景颜色

                          leftmargin-------设定页面的左边距

                          topmargin-------设定页面的上边距

                          bgproperties-------设定页面背景图像为固定,不随页面的滚动而滚动

                          text------------ 设定页面文字的颜色

  2、<br>标签:表示强制换行

  3、<p>标签:表示段落标记,不但能使后面的文字换到下一行,还可以使两段之间多一空行。

       使用方式:<p align="对齐方式">段落文字内容</p>

  4、<hr>标签:用于在网页中插入一条水平线。

       使用方式:<hr align=“对齐方式” size="横线精细" width="横线长度" color="横线颜色" noshade>

                      noshade:设定线条为平面显示,若缺省则有阴影和立体效果。

 三、文字标签

  1、<font>标签:用于设置网页中的文字显示的大小、字号、颜色等属性。

       使用方式:<font size="数字" face="字体名" color=”颜色">被设置的文字</font>

  2、<B>:加粗文字

  3、<I>:将文字设置为斜体

  4、<U>:将文字设为带下画线

  5、<STRIKE>:将文字设为带删除线

  6、<SUB>:将文字设为下标

  7、<SUP>:将文字设为上标

四、列表

 1、无序列表:

      使用方式:<UL type="符号类型">

                            <LI type="符号类型1">第1个列表项

                            <LI type="符号类型2">第2个列表项

                     </UL>

          type的取值为:disc(实心圆点), circle(空心圆点),square(方块)

        也可以自设图片:<UL Img src="图片URL">

                                  <LI Img src="图片URL">

 2、有序列表:

       使用方式:<OL type="符号类型">

                          <LI type="符号类型1">第1个列表项

                          <LI type="符号类型2">第2个列表项

                      </OL>

            type的取值为:"1"(数字)、"A"(大写英文字母)、"a"(小写英文字母)、"I"(大写罗马字母)、"i"(小写罗马字母)

五、超链接:用于从一个网页跳转到另一个网页,点击超链接即进行跳转动作

      使用方式:<a href="目标URL" name="链接名称字符串" target="打开窗口方式">

                          浏览器中显示的热点

                     </a>

                     打开窗口方式:_blank :在新的浏览器窗口中显示目标URL中的内容

                                          _parent :将目标URL的内容显示在父框架窗口中

                                          _self:在当前窗口中显示目标URL中的内容,为缺省值

                                          _top :将目标URL中的内容显示在没有框架的窗口中

                                          ”框架名称“:用在框架网页中,用于将目标URL中的内容显示在指定的柜框架中

                    发送电子邮件:<a href="mailto:Email地址">发送邮件的热点文本</a>

六、表格

 1、<table>标签:

       使用方式:<table border=n //定义表格边框的精细

                                 width=x 或 x% //定义 表格的宽度

                                 height=y 或 y% //定义表格的高度

                                 cellspacing=i //定义表项间隙

                                 cellpadding=j //定义表项内部空白

                       >

                      </table>

 2、<tr>标签:定义表格中的一行

      <td>标签:定义表格中的一个表项

                       colspan属性:制作跨多列的表格

                       rowsapnn属性:制作跨多行的表格

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值