HTML基础标签1.0

一、标签的结构。

  1、双标签 :<标签></标签>

  2、单标签:<标签>

二、基本标签。

  <!DOCTYPE html>  ------声明文档类型

  <html lang="en">  ------网页的开始

  <head>                ------网页的头部

  <meta charset="UTF-8">------UTF-8为通配字符集也可以换成GB2312(中文编码字符集);GBK(汉字编码字符集)等。

  <title></title>       ------网页的标题

  </head>              ------网页头部的结束

  <body>               ------网页的内容

  </body>

  </html>              ------网页的结束

三、常用标签。

  双标签:

    <b>字体加粗</b>   <strong>字体加粗</strong>

    <i>斜体</i>    <em>斜体</em>

    <u>下划线</u>

    <del>删除线</del>

    <p>段落标签</p>用于每段文字开头和末尾

    <pre></pre>原样输出想要输出的文字,在代码里是什么格式,输出后也是这个格式。

    <span></span>标准的行内标签,用于修饰文本。

                           行内标签:只占内容的部分,不会自动换行,除非一行铺满才会换下一行。

    <hn></hn>标题标签,决定文字的大小,n为数字,取值为1~6,数字越大,字体越小。

      代码:

              

      效果:

               

单标签:

  <br>------换行标签,用于每段的最后,

  <hr>水平分割线,可在里面加一些属性

    例如:<hr width="800" size="10"> ------width表示分割线的长度,引号里的数字越大,长度越                                                                       长。

                                                                   size表示分割线的宽度,引号里的数字越大,宽度越                                                                         宽。

  <sup>     ------表示上标

  <sub>     ------表示下标

  代码:

         

  效果:

            

块标签:align表示文字居左(right)、居右(lift)、还是居中(center)。

代码:

          

 效果:

               <font>表示字体,可向里添加属性:如:color表示文字的颜色,颜色的表示有两种:

                                                                                1.可用英语单词表示:red(红色),                                                                                                     green(绿色),blue(蓝色)等

                                                                                2.可用三原色法表示:可通过查表RGB颜色查询对照表|RGB颜色|三原色配色表

                                                                                   如:#rrggbb  0~F  #000000

    例子:<font color="blue">字体</font>

    效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值