一、HTML概述1、HTML是什么？HTML（Hyper Tex" />

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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML語言基礎(chǔ)

HTML語言基礎(chǔ)

時間：2023-09-26 07:12:01 | 來源：網(wǎng)站運營

時間：2023-09-26 07:12:01 來源：網(wǎng)站運營

HTML語言基礎(chǔ)：

前言

通過瀏覽器可以訪問服務(wù)器上的信息，包括文本數(shù)據(jù)以及圖片、聲音、視頻等多媒體數(shù)據(jù)。而HTML的出現(xiàn)，能有效的幫助瀏覽器傳遞過來的信息，有好的形式呈現(xiàn)給用戶。

一、HTML概述

1、HTML是什么？

二、HEAD元素

1、title 元素

<!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>頁面的標(biāo)題</title></head><body> </body></html>2、meta 元素

三、文本元素

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

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于標(biāo)題標(biāo)簽</title></head><body> <h1>一級標(biāo)簽</h1> <h2>二級標(biāo)簽</h2> <h3>三級標(biāo)簽</h3> <h4>四級標(biāo)簽 與默認(rèn)文本大小基本相同</h4> <h5>五級標(biāo)簽</h5> <h6>六級標(biāo)簽</h6></body></html>

2、文本修飾標(biāo)簽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于語義標(biāo)簽</title></head><body> <p>你好</p> <p><strong>你好</strong></p> <p><em>你好</em></p> <p><del>你好</del></p> <p><ins>你好</ins></p> <p>HTML 語言是一門 <ins>""</ins> 的語言</p></body></html>

3、轉(zhuǎn)義字符

四、文檔結(jié)構(gòu)元素

1、段落標(biāo)簽< p>

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于段落</title></head><body><!-- 所有的 空格包括 /t 還有 /n；最終在瀏覽展示中都被視為一個空白 --><p>Click Duplicate The Duplicate button on the toolbar. A new template item is added to the same group as the original, and selected.</p><p>Click Duplicate The Duplicate button on the toolbar. A new template item is added to the same group as the original, and selected.</p></body></html>

2、換行標(biāo)簽< br />

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于段落</title></head><body><!-- 所有的 空格包括 /t 還有 /n；最終在瀏覽展示中都被視為一個空白 --><p>Click Duplicate The Duplicate<br> button<br> on the toolbar. A new template item is added to the same group as the original, and selected.</p><p>Click Duplicate The Duplicate button on the toolbar. A new template item is added to the same group as the original, and selected.</p></body></html>

3、水平線標(biāo)簽< hr />

<!DOCTYPE html><html> <head> <title>你好世界</title> </head> <body> <h1>我去春游</h1> <p>我玩得<em>很開心</em></p> <p>明天接著去!</p> <hr> </body></html>

五、列表元素

1、有序列表< ol>

<h1>有序列表</h1><ol> <li>cc</li> <li><a href="https://www.baidu.com/">百度</a></li> <li><img src="cc.jpg" height="120"></li></ol>

2、無序列表< ul>

<h1>無序列表</h1><ul> <li>cc</li> <li><a href="https://www.baidu.com/">百度</a></li> <li><img src=".jpg" height="120"></li></ul>

3、自定義列表< dl>

<h1>自定義列表</h1><dl> <dt>標(biāo)題</dt> <dd>項1</dd> <dd>項2</dd> <dd>項3</dd></dl>

六、div與span標(biāo)簽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于 div 和 span</title></head><body> <!-- 每個 div 都是獨立的，結(jié)束后必須跟換行 --> <div>111</div><div>222</div> <!-- span 不換行 --> <span>AAA</span> <span>BBB</span> <span>CCC</span></body></html>

七、URL簡介

八、圖像標(biāo)簽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>關(guān)于圖片</title></head><body> <!-- 瀏覽器取到的資源還是原圖資源，只是最終顯示的時候縮放 --> <img src="cc.jpg" height="300" alt="這是一個頭像"></body></html>

九、超鏈接標(biāo)簽< a>

1、文本鏈接

<a href="target.html">本地的一個資源頁</a><a href="https://www.baidu.com/">在當(dāng)前頁打開百度</a>

2、錨點鏈接

3、target 屬性

總結(jié)

主要記住一些常用的標(biāo)簽，如標(biāo)題系列、段落、換行等文本標(biāo)簽以及一些語義標(biāo)簽還有重要的圖片標(biāo)簽等，在使用過程中可以查看W3school網(wǎng)站、mdn文檔使用。

我是云鹿，一個從事前端五年的碼農(nóng)，積累了一些學(xué)習(xí)資源學(xué)習(xí)方法等等，在自學(xué)的伙伴也可以加入我組建的零基礎(chǔ)前端學(xué)習(xí)營，我會督促大家打卡學(xué)習(xí)，遇到問題可以一起探討解決；需要學(xué)習(xí)資料的伙伴也可以找我免費領(lǐng)??；平時還會組織小項目，大家可以練習(xí)鞏固基礎(chǔ)。

關(guān)鍵詞：基礎(chǔ),語言

74
73
25
news

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

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