HTML標簽

?HTML (Hyper Text Markup Language) 超文本標記語言,通過標記標簽進行描述網(wǎng)頁需要的內(nèi)容和結(jié)構(gòu)

?HTML標簽通常是用尖括號,成對出現(xiàn),分別成為開始標簽和結(jié)束標簽(開放標簽和閉合標簽)
?


  • HTML基本結(jié)構(gòu)

<!DOCTYPE>
<html>
<head></head>
<body></body>
</html>

其中 <html> 與 </html> 之間的文本描述網(wǎng)頁
<head></head>之間的文本描述文檔的各種屬性和信息,及引用的腳本網(wǎng)頁樣式等
<body> 與 </body> 之間的文本是可見的頁面內(nèi)容

  • HTML標題

?-<h1>一級標題</h1>

?-<h2>二級標題</h2>

?以此類推……

  • HTML段落

?- <p></p>進行段落文本的內(nèi)容的書寫
?- <blockquote></blockquote>進行段落的縮進
?- <b></b>文字加粗
?-<i></i>設(shè)置斜體
?<u></u>設(shè)置下劃線

  • HTML插入

-鏈接:<a href="URL"></ a>
-圖片: ![](XXX.jpg)

  • HTML表格
<table>
    <thead>
        <tr>
            <th></th>
       </tr>
    </thead>

    <tbody>
       <tr>
            <td></td>
      </tr>
    </tbody>  
    <tfoot>
          <tr>
            <td></td>
          </tr>
    </tfoot>
</tabe>

其中 thead、tbody、tfoot使整個表格代碼結(jié)構(gòu)清晰
th設(shè)置表格表頭、會呈現(xiàn)加粗居中效果
tr定義每一個表格的行,td定義每一個單元格

-樣式設(shè)置 -

width、height設(shè)置表格的寬和高;
boder設(shè)置表格邊框
colspan、rowspan可設(shè)置單元格的跨行及跨列

  • HTML列表
有序列表
<ol>
    <li></li>
</ol>
無序列表
<ul>
    <li></li>
</ul>

在無序列表中可通過style設(shè)置樣式
dics ? ? 實心圓點
square ? 實心方塊
circle ?? 空心園點
……

  • HTML表單
<form>
<input type = ""/>
</form>

type 類型
radio? ?單選
text ? ? 文本
submit ? 提交
……

  • 樣式設(shè)置
    通過<span></span>可對span內(nèi)的內(nèi)容進行樣式的設(shè)置
    通過<div></div> 定義塊進行樣式設(shè)置
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,520評論 1 41
  • 在前一篇文章中已經(jīng)簡單提到Html標簽了,在本文中就不再贅述它的介紹了。想要再看看的可以戳Html+Css基礎(chǔ)概要...
    年少有van閱讀 969評論 0 14
  • 今天有機會將css的內(nèi)容重新總結(jié)一次也是一件極好的事,從較基本的總結(jié)一遍,也便于對基本概念的更深入的理解。 HTM...
    gyc0530閱讀 794評論 0 3
  • 寒假回到家的這段時間,我常常在下午出門跑步,跑到很遠很遠的地方,然后走回來。一路上沒有塞在耳朵里的音樂,有風聲,偶...
    色彩鮮艷的胖紙閱讀 390評論 0 1
  • 我孤身一人,獨伐一葉偏舟。 - 只書一側(cè),茶一壺,足矣。 - 坐在船內(nèi),獨享。 - 不必劃動小槳,就讓遇風而走,遇...
    樓念念閱讀 448評論 0 0

友情鏈接更多精彩內(nèi)容