HTML常用标签

html -->html全称   hyperText markup language

  一.基本标签

1.根标签

    <html>

         代码写在根标签里面

    </html>

  •     <html lang = "en">    告诉浏览器这是关于什么的网页

2.结构标签

    <head></head>----给浏览器识别用

   <body></body>----给用户使用

3.单标签1

   <meta>

   Tips:标签中可以添加属性,属性分为属性名和属性值

    例:<meta charset = "utf-8">  放在head下浏览器就可以识别中文

    编码字符集:utf-8, gb2312, gbk, unicode, utf-8(unicode的升级版)

4.title

     头文案 <title></tltle>放在head中

   

   可替换该位置的名称

5.p标签

  <p></p> 段落标签 换行

6.标题标签

    <h1></h1>

   只能到6标签,没有7,h4标签和正常文字大小相同

   效果:

     

7.加粗标签

    <strong> </strong>

8.斜体标签

    <em></em>

9.标签

  <address></adress> 不常用的标签   

   功能:成段+斜体

10.盒子标签

   <span></span>非独占一行

  <div></div>独占一行

  功能:将功能相同的放在同一个盒子中,集体操作

11.换行标签

  <br>单标签

   功能:换行

12.水平线标签

    <hr>单标签

13.有序列表标签

    1.

   <ol>

          <li></li>

          <li></li>

          <li></li>

   </ol>

   成对成组出现

  例:

   效果:

     

   2.可以添加属性

       <ol type = "a/ A/ I/ i/ 1"> 按照属性排序

       <ol reversed = "reversed"> 逆序排序

       <ol type = "1" start = "5"> 从第5位开始排序 

14.无序列表标签

     <ul>

            <li></li>

   </ul>

   1.可以添加属性

15.图像标签

  1. <img src="">

      src中可以有3种格式

      1.网上的url

      2.本地的绝对路径

      3.本地的相对路径

   2.图片占位符alt

       <img src=""   alt=""> 图片显示不出来,显示的文字

  3.图片提示符title

      <img src=""   alt=""  title="">

16.a标签

    a标签的4个作用

   1.链接

        <a herf = "网址地址">用户看的信息</a>

        herf----> hypertext reference

    2.锚点

       <div id="only"  style=""></div>

       <a herf = "#only"></a>

    3.协议限定符

      <a herf = "javascript :while(1){alert ('asd')}">sdadda</a>

    4.发邮件和打电话

      <a herf = "mailto:2466959245@qq.com">发邮件</a>

      <a herf = "phoneto:123456789">商家电话</a>

17.表格标签(不常用)table

          格式:

      效果:

      不常用原因:当table里面的东西全部下载完了之后统一显示


      

17.

    二.html 编码

             1.&nbsp    空格编码

              2.&lt-----'<',&gt------'>'

                            







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值