HTML學習總結


HTML學習總結--基礎標簽

一、什么是HTML

HTML:是Hyper Text Markup Language(超級文本標記語言)的縮寫,HTML不是一種程序,只是一種控制網頁中數據顯示的標識語言。

二、HTML的基本結構

HTML由一組標簽組成。

HTML的基本結構

 <html>

   <head>

     <title>第一個HTML示例</title>

   </head>

   <body>  

<!--編輯你的HTML-->

   </body>

 </html>

HTML在瀏覽器中運行。

HTML是純文本文件,所以可以使用任何一款文本編輯器編輯。

三、常用的HTML標簽

塊級標簽:<div> <h> <ul> <li> <p> <form>  占滿一行,可以設置寬,高

行級標簽:<span> <a>  只占用自己的大小,不可以設置寬,高。

行內塊標簽:<img> <input>   只占用自己的大小,但可以設置寬,高。 

換行標簽:<br/>

空格:$nbsp

<!--注釋 -->

<a>標簽

a標簽的一些常用屬性:href、title、target、name(錨記時用)

<a  href="目標網址"  title="鼠標滑過顯示的文本"  target="_blank">鏈接顯示的文本</a>  _blank在新窗口中打開,_self在自己的窗口中打開

<a>中還可以嵌套圖片,這樣就是點擊圖片打開鏈接

<a href="www.baidu.com"> <img src="aaa.jpg" /> </a>

2.列表與表格標簽

無序列表標簽<ul>。

格式:

   <ul type=""><li></li></ul>

ul-li在網頁中顯示的默認樣式一般為:每項li前都自帶一個圓點  默認會在css初始化的時候用:list-style: none;

   type設置標號的類型,值可以取:

   1 disc :實心圓點

   2 circle  :空心圓點

   3 square  :實心方塊

有序列表的每項都有連續的編號。

格式

<ol type="" start="">

 <li></li>

type設置標號的類型,值可以取:

  1:顯示數字

  A:顯示大寫字母

  a:顯示小寫字母

  I:顯示大寫羅馬數字

  i:顯示小寫羅馬數字

start取值:數字

嵌套列表:一個列表作為另一個列表的一部分,即多層列表。

HTML中的表格通過<table>、<tr>、<td>、<th>四個標簽完成。 (現在用的很少了,基本都用現成的表格UI組件)

cellspacing、cellpadding 在tale便簽上寫,清除單元格之間的空隙和單元格內的填充

rowspan、colspan 在td單元格內寫,合並單元格的行和列

 

四、總結

HTML的知識非常重要,它是我們學習以后知識的基礎,大量的標簽不可能全部記住,掌握一部分基礎的標簽,知道HTML可以完成的功能,在具體使用的時候查找HTML手冊,經過多次的實踐,可以精確掌握這一部分知識,總之,實踐對我們無疑是非常必要的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM