zoukankan      html  css  js  c++  java
  • html常用标签

    1.主要标签

    <html>  --开始标签
    
       <head>
       
       <title>页面标题</title>
    
        <head>
      
        <body>   
    
    换行1  Shif+Enter <br />
    换行2<br>
    &nbsp  空格<br>
    <font color="" face="" size="">文字的颜色、字体、大小</font><br>
    background 背景图片 bgcolor 背景色<br>
    left/rightmargin    左/右边距    top/bottommargin 上/下边距<br>
    
    
    
    
         </body>
    
    </html>  --结束标签

    2.字体格式控制标签

    <b>字体加粗方式1,b标签</b><br />
    <strong>字体加粗方式2,strong标签</strong><br />
    <i>字体倾斜方式标签1,i标签</i><br />
    <em>字体倾斜方式2,em标签</em><br />
    <u>字体加下划线,u标签</u>
    123<center>center标签,居中标签,默认前后若有    其他,执行前后换行,保证自身成为一个整体,然后进行居中显示</center>456<br />

    3.内容容器标签

    123<p>p标签,段落标签。前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</p>
    456
    <ol>ol有序列表
    <li>默认自带序号</li>
    <li>默认自动换行</li>
    <li>前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</li>
    </ol>789
    <ul>ul无序列表
    <li>默认不自带序号</li>
    <li>默认自动换行</li>
    <li>前后若有其他,执行前后换行,并且空开一行,保证自身成为一个整体。</li>
    </ul>
      <h1>h1~h6标签,标题控制标签</h1>
      <h2>默认自动换行</h2>
      <h3>前后若有其他,执行前后换行,并且空开一行</h3>
      <h4>重要性依次减小</h4>
      <h5>受到所在位置的文字默认大小的约束</h5>
      <div style="background:#0F3">div层标签,默认占用一行,若果一行放不开,继续占用下一行</div>
      <span style="background:#909">span层标签,默认使用多少占用多少</span><br />

    4.常用标签

     <a name="top"></a>

    <a href="http://www.baidu.com/" target="_top">百度一下</a>
    
    <img src="牛1.jpg" title="这是一头牛" alt="zheshiyitouniu"/>
    <img src="牛1.jpg" width="325"/>
    <img src="牛1.jpg" width="650" height="300"/>
    title 鼠标指向图片时显示 alt  图片加载不出来是显示<br>
    
    
    <table align="center" width="480" height="90" border="1" cellpadding="0" cellspacing="0">
    <tr align="center">
    <td width="120">汽车之家</td>
    <td width="120">易车网</td>
    <td width="120">太平洋汽车</td>
    <td rowspan="2">新浪汽车</td>
    </tr>
    <tr align="center">
    <td>赶集网</td>
    <td>58同城</td>
    <td>百姓网</td>
    
    </tr>
    <tr align="center">
    <td colspan="2">天猫</td>
    
    <td>聚美优品</td>
    <td>京东</td>
    </tr>
    </table>
    
    <a href="#top">返回最顶端</a>
  • 相关阅读:
    pta-L2-032 彩虹瓶 (25 分)
    pat-L2-019 悄悄关注
    谷歌与Airbnb的JS代码规范
    无阻塞加载脚本----性能优化(二)
    web开发者性能优化工具(一)
    threeJS创建mesh,创建平面,设置mesh的平移,旋转、缩放、自传、透明度、拉伸
    攻防世界-web-高手进阶区011-Web_python_template_injection
    攻防世界-web-高手进阶区010-upload1
    攻防世界-web-高手进阶区009-unserialize3
    攻防世界-web-高手进阶区008-PHP2
  • 原文地址:https://www.cnblogs.com/wenwen123/p/5359873.html
Copyright © 2011-2022 走看看