0426html常用标签属性

一.基础语法

        标签:作为网页的最小单元

                 1.双标签 内容的容器

                  2.单标签 控制性内容

 注释    每一个模块都要写清楚注释

二.基本结构

      <!DOCTYPE html>            表示文档是html文档

      <html>                  
                 <head>
                  <meta charset="UTF-8">     设置中文编码utf-8
                      <title></title>                    网页的标签
                 </head>
                     <body>

                网页的内容都在这里面写
                      </body>
     </html>

三.通用标签

                    <body></body>    网页的内容都要写到body里面

1.格式控制类

加粗·倾斜·下划线·换行·空格

<b></b>    <i></i>   <u></u>   <br/>   &nbsp

<u><<i><b>人人都玩不玩才怪</b></i></u>
    人生若&nbsp;&nbsp;&nbsp;&nbsp;只如<br/>初见&nbsp;

 

2.内容容器类

标题     <h1>~<h6>

<h1>甲骨文人才实训基地</h1>
    <h2>甲骨文人才实训基地</h2>
    <h3>甲骨文人才实训基地</h3>
    <h4>甲骨文人才实训基地</h4>
    <h5>甲骨文人才实训基地</h5>
    <h6>甲骨文人才实训基地</h6>

 

段落 <p></p>

p>甲骨文人才实训基地</p>
    <p>淄博甲骨文人才实训基地</p>

行内标签:内容有多大,就有多大    <span></span>

div:默认占一行   <div></div>

<!--行内标签-->
    <p>不一样的<span style="background-color: red">神武</span></p>
    <!--div-->
    <div style="background-color: red; height: 100px;"></div>

有序·无序列表

无序列表<ui><li></li></ul>    type属性:circle disc square

有序列表<ol><li></li></ol>     type属性:1  a  A  I   i

<ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
     <ol>
        <li>aaa</li>
        <li>bbb</li>
        <li>ccc</li>
    </ol>

四.常用标签

1.a标签    作用:做链接、做下载、做锚点

<!--做链接,经常用在导航首页-->
        <a href="http://www.baidu.com">跳转到百度</a>
        <!--做下载,浏览器不能够直接打开的-->
        <a href="0426_1.rar">下载</a>
        <!--锚点,返回顶部-->
        <a href="#top">回顶部</a>

 

posted @ 2018-04-26 17:00  所爱隔山隔海  阅读(185)  评论(0编辑  收藏  举报