基本HTML标签总结

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 本页标题之间的链接和网页和网页之间的跳转。

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

posted @ 2017-08-03 21:36  康世行  阅读(18)  评论(0编辑  收藏  举报