- Hyper Text Markup Language(超文本標(biāo)記語言)

- 標(biāo)簽控制排版

- 體積小,方便傳輸

編寫HTLML推薦" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁 > 營銷資訊 > 網(wǎng)站運營 > 七分鐘學(xué)會 HTML 網(wǎng)頁制作

七分鐘學(xué)會 HTML 網(wǎng)頁制作

時間:2023-09-23 01:06:02 | 來源:網(wǎng)站運營

時間:2023-09-23 01:06:02 來源:網(wǎng)站運營

七分鐘學(xué)會 HTML 網(wǎng)頁制作:

什么是HTML

[點擊打開視頻講解更加詳細](七分鐘學(xué)會 HTML 網(wǎng)頁制作_嗶哩嗶哩_bilibili)

- Hyper Text Markup Language(超文本標(biāo)記語言)

- 標(biāo)簽控制排版

- 體積小,方便傳輸

編寫HTLML

推薦使用:[VS Code](Visual Studio Code - Code Editing. Redefined)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>末晨曦吖</title></head><body> <div id="app"> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p> </div></body><style scoped> body{ padding: 0; margin: 0; }</style></html>

HTML文件結(jié)構(gòu)

<!DOCTYPE html><html lang="en"><head> <title>末晨曦吖</title></head><body></body></html> - 起始行 `<!DOCTYPE html>` 告訴瀏覽器這是一個HTML文檔

- 開始標(biāo)簽 `<html>`

- 結(jié)束標(biāo)簽 `</html>`

html根標(biāo)簽,標(biāo)簽都是成對出現(xiàn)的,標(biāo)簽中可以嵌套文本或其他標(biāo)簽

- ` <head>`中定義文檔的描述信息

- `<title>` 定義title,它會顯示在瀏覽器上

HTML常用標(biāo)簽

標(biāo)題標(biāo)簽

<h1>這是標(biāo)題 1</h1><h2>這是標(biāo)題 2</h2><h3>這是標(biāo)題 3</h3><h4>這是標(biāo)題 4</h4><h5>這是標(biāo)題 5</h5><h6>這是標(biāo)題 6</h6>效果:

段落標(biāo)簽

<p>這是一個段落。</p><p>這是一個段落。</p><p>這是一個段落。</p>效果:

文本樣式標(biāo)簽

<b>加粗文本</b><br><br><i>斜體文本</i><br><br><code>電腦自動輸出</code><br><br>這是 <sub> 下標(biāo)</sub> 和 <sup> 上標(biāo)</sup><br><br><del>我是帶刪除線的文本</del>效果:

列表標(biāo)簽

無序列表

<ul> <li>列表項</li> <li>列表項</li> <li>列表項</li></ul>效果:

有序列表

<ol> <li>列表項</li> <li>列表項</li> <li>列表項</li></ol><ol start="50"> <li>列表項</li> <li>列表項</li> <li>列表項</li></ol>效果:

超鏈接標(biāo)簽

<a href="嗶哩嗶哩 (゜-゜)つロ 干杯~-bilibili" target="_blank">跳轉(zhuǎn)到 B 站</a>效果:

多媒體標(biāo)簽

圖片標(biāo)簽

<img src="./smiley.gif">

視頻標(biāo)簽

<video src="./video .mp4" controls></video>

音頻標(biāo)簽

<audio src="./audio .mp3" controls></audio>

div標(biāo)簽

塊級元素,并沒具體的實際意義,主要作用是調(diào)整布局樣式;

<div> <h1>我的第一個標(biāo)題</h1> <p>我的第一個段落。</p></div>

布局標(biāo)簽

<header>頭部信息
<nav>導(dǎo)航欄
<aside>側(cè)邊欄
<main>內(nèi)容區(qū)域
<footer>底部信息
<article>文章詳情
<section>頁面分區(qū)

更多資料參考

[菜鳥教程](HTML 教程 | 菜鳥教程)

[w3cschool](w3cschool官網(wǎng) - 編程獅,隨時隨地學(xué)編程)

[若對您有幫助,請點擊跳轉(zhuǎn)到B站一鍵三連哦!感謝支持!](七分鐘學(xué)會 HTML 網(wǎng)頁制作_嗶哩嗶哩_bilibili)

關(guān)鍵詞:學(xué)會

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉