html學習筆記一

來源:互聯網
上載者:User

標籤:內容   收錄   筆記   項目   tab   空格   連結   href   實現   

html網頁結構

<!DOCTYPE html> 版本申明

<html> 

<head></head>頭部標籤

<body></body>主體內容標籤

</html>

html標籤大多成對出現

常用標籤學習:

<p></p>段落標籤  使用效果:顯示一段文字,不能分段,能空格,但只能空一個字元位置。

<pre></pre>預格式文本 使用效果:顯示多段文字,能分多段,能空多格。

&nbsp; 空格標籤 使用效果:一個標籤代表一個空格,能在<p>標籤中使用

<hr/>水平線標籤(單標籤) 使用效果:顯示一條水平線,可根據color、width、size、align屬性設定外觀(老師說所有能設定更改標籤外觀的屬性都不用去設定,統一在css中設定)。

<h1></h1>......<h6></h6> 標題標籤 使用效果:字型大小的變化h1最大,h6最小(老師說設定這個標籤比其他普通標籤有權重加分,易被收錄)。

<b></b> 字型加粗

<u></u>字型加底線

<s></s>字型加刪除線

<sub></sub>下標 <sup></sup>上標 用途:一般用於數學公式

<ol><li></li></ol> 有序列表 使用效果:使資料按照一定順序排列,可根據type屬性更改以什麼方式排列(可嵌套無序列表使用)。

<ul><li></li></ul> 無序列表 使用效果:資料排列沒有順序(可嵌套使用)。

<dl> 定義列表 使用效果跟有序列表和無序列表類似(老師說雖然效果看著差不多,但是<dl>更具有語義化)。

  <dt></dt>需要定義說明的項目

  <dd></dd>對項目進行描述

</dl>

<table> 表格 使用效果:在網頁中插入一張表格,可通過,<tr><td>來增加行列(老師說也可以用來布局做架構,但現在通常用<div>)。

  <tr><td></td><td></td></tr>三行兩列,其中<td>有colspan跨列和rowspan跨行屬性。

  <tr><td></td><td></td></tr>

  <tr><td></td><td></td></tr>

</table>

<a></a> 超連結標籤 使用效果:通過href屬性設定網頁連結,實現跳轉頁面。

html學習筆記一

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.