基本HTML标签总结（一）

来源：互联网发布：阿玛尼没有入住淘宝吗编辑：程序博客网时间：2024/06/02 06:37

html（静态页面）超文本标记语言，在web应用广泛尤其是在网站上，几乎我们访问的网站都是有html页面组成的。当然这几年互联网的发展使网页的兼容性和美观上优化了很多。    当然现在的网站页面已经不是（静态的了），比如php，asp.net等等这些语言都可以写动态的网站页面。 接下来本博主就来稍微的嘚瑟一下html标签（虽然知道的少但是勇于嘚瑟。）0每个双标签都有开始和结束，也有单标签。  接下来就介绍一下基本的页面的结构   <html>//开始       <head>显示网站的标题和检索内容等等</head>       <body>           里面写网站内容       </body>   </html>//结束    1. <caption>用来制作表格的标题</caption> 标题标签

  <table border="1" width="300" height="300">   <caption>标题</caption>  <tr>    <td>1</td> //caption在表格里面使用    <td>2</td>  </tr> <tr>    <td>3</td>    <td>4</td>  </tr></table>

    2.<table> 表格，早期用于网页布局。（现在使用DIV+CSS）            <tr> //行                <th></th>//列            </tr>      </table>

   <table border="1" width="300" height="300">   <caption>标题</caption>  <tr> //两行两列    <td></td>    <td></td>  </tr> <tr>    <td></td>    <td></td>  </tr></table>

     3.<p>段落标签</p> 用于一行的结束，就想唐诗一样每行之间都有一定的距离（大小后期可以通过css来调）

   <h3>静夜思</h3><p>床前明月光，疑是地上霜。</p><p>举头望明月，低头思故乡。</p>

     4.<ol>有序列表          <li></li> 列表项       </ol>

  <ol>    <li></li>   <li></li>   <li></li></ol>

      5.<ul>          <li></li>列表项      </ul>无序列表

    <ul>//有序和无序建议都要有缩进。        <li></li>        <li></li>        <li></li>    </ul>

      6.<h1>-<h6>标题标签

    <h1>1</h1> //数学小字大    <h6>6</h6>//数大字小

      7.<span></span>隔离标签用于给特定的范围或标签设计样式

<span style="color:red;">//前两个字体是红色的后面是默认的    <h1>1</h1>    <h6>3</h6></span><h4>4</h4>

      8.<hr/>水平线标签      9.<br/>换行标签     10.<b></b>加粗标签     11.<i></i>斜体     12.<a></a>超链接  分为1 本页标题之间的链接和网页和网页之间的跳转。

暂时就总结到此。未完敬请期待！

阅读全文

2 0