html基礎2

一、表格

?????*定義:

????????????1.<table> 標簽。

????????????2.每個表格均有若干行(<tr> 標簽)

????????????3.每行被分割為若干單元格(<td> 標簽)

????????????4.數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等

<table? border="1">
????<tr>
????????<td>圖書管</td>
????????<td>餃子館</td>
????</tr>
????<tr>
????????<td>麻辣燙</td>????

????????<td>麻辣香鍋</td>

????</tr>

</table>

二、列表(有序列表ol、無需列表ul、自定義列表dl)

????1.無需列表。

????????a.無序列表始于 <ul> 標簽。每個列表項始于 <li>

? ? ? ? b.列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等

? ??<ul>

? ? ? <li>香菇</li>

? ? ? <li><a >百度</a></li>

? ? ? <li><p>菠菜</p></li>

? ? </ul>

? ? 2.有序列表

? ? ? ? a.有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

????????b.列表項內(nèi)部可以使用段落、換行符、圖片、鏈接以及其他列表等

三、HTML 塊元素(換行)

? ? 1.大多數(shù) HTML 元素被定義為塊級元素或內(nèi)聯(lián)元素。

? ? 2.“塊級元素”譯為 block level element,“內(nèi)聯(lián)元素”譯為 inline element。

????例子:<h1>-<h6>, <p>, <ul>, <ol> ,<li> ,<table> ,<div>

? ? 3.<div> 元素

? ? ? ? (a).<div> 元素是塊級元素,通常可用于組合其他 HTML 元素的容器。

? ? ? ? (b).<div> 元素沒有特定的含義,通常與css一同布局樣式使用,簡稱 div+css布局


四、HTML 內(nèi)聯(lián)元素(不換行)

????內(nèi)聯(lián)元素在顯示時通常不會以新行開始。

例子:<b>, <td>, <a>, <img>,<i>,<span>

? ? 1.<span> 元素是內(nèi)聯(lián)元素,可用作文本的容器。

? ? 2.<span> 元素沒有特定的含義。<span> 元素可為部分文本設置樣式。


五、HTML 類(class)

? ? 1.對 HTML 進行分類(設置類),使我們能夠為元素的類定義 CSS 樣式。

? ? 2.為相同的類設置相同的樣式,或者為不同的類設置不同的樣式。

? ??<div>

? ? ? ? ? <div class="one">123</div>

? ? ? ? ? <div class="one">456</div>

? ? ? ? ? <div class="one">789</div>

? ? ? ? ? <div class="two">000</div>

? ? ?</div>

<style>

? ? .one{
? ? ? ? color:red;
? ? ?}

</style>


六、HTML id 屬性(唯一)

? ? 1.id?屬性指定 HTML 元素的唯一 ID。?id?屬性的值在 HTML 文檔中必須是唯一。

? ? 2.JavaScript 也可使用它來訪問和操作擁有特定 ID 的元素。

? ? 3.id 的語法是:寫一個井號 (#),后跟一個 id 名稱。然后,在花括號 {} 中定義 CSS 屬性。

<!DOCTYPE html>

<html>

? <head>

? <style>

? ? #myId {

? ? ? color: black;

? ? ? text-align: center;

? ? }

? </style>

? </head>

? <body>

? ? <h1 id="myId">My Header</h1>

? </body>

</html>


七、HTML Iframe

? ? 1.iframe 用于在網(wǎng)頁內(nèi)顯示網(wǎng)頁。

<iframesrc="demo_iframe.htm"width="200"height="200"></iframe>


八、HTML 文件相對路徑與絕對路徑

? ? 1.定義:文件路徑用來描述網(wǎng)站文件夾結(jié)構(gòu)中某個文件的位置,文件包含網(wǎng)頁、圖像、樣式表(css)、JavaScript

? ? 2.絕對路徑:絕對文件路徑是指向一個因特網(wǎng)文件的完整 URL

? ? 例子:<img src="https://imgs01.dihe.cn/202202/1815/620f4ec8ef3d2.png" alt="客服">

? ? 3.相對路徑:相對于當前頁面的文件位置。 .例如:/../aa.png 或者 /img/aa.png

? ? <img src="./../aa.png">

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 一.樣式有幾種引入方式?link和@import有什么區(qū)別 樣式主要有三種引入方式:外部樣式表、內(nèi)部樣式表、內(nèi)聯(lián)樣...
    簡_developer閱讀 342評論 0 0
  • 樣式有幾種引入方式? link和 @import有什么區(qū)別? 樣式有三種引入方式 1.內(nèi)聯(lián)樣式 2.內(nèi)部樣式 3....
    coolheadedY閱讀 276評論 0 0
  • line-height 行高是指文本行基線間的垂直距離關(guān)于行高 行距 基線等概念的圖例: 在div中使文字垂直居中...
    饑人谷_Diego閱讀 657評論 0 0
  • 說到html的常用標簽,就不得不說,一個html頁面是由那些基本元素組成的。 1.舉個?? 打開百度首頁,windo...
    Coding破耳閱讀 1,023評論 0 0
  • 樣式的幾種引入方式 外部樣式: 內(nèi)部樣式: ... 內(nèi)聯(lián)樣式: ... link 和 @import的區(qū)別: 區(qū)別...
    王難道閱讀 206評論 0 0

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