HTML 簡介
時(shí)間：2023-09-01 05:54:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-09-01 05:54:01 來源：網(wǎng)站運(yùn)營
HTML 簡介：作為設(shè)計(jì)師，我們不需要從上到下學(xué)習(xí)開發(fā)網(wǎng)站的所有復(fù)雜性。我們將從 HTML 基礎(chǔ)開始，熟悉任何網(wǎng)頁的構(gòu)建塊。
通過了解幕后情況，您將了解最令人興奮的部分——您的最終用戶最終會(huì)得到什么。
超文本和標(biāo)記語言
HTML 或超文本和標(biāo)記語言是所有網(wǎng)頁設(shè)計(jì)人員和開發(fā)人員在前端開發(fā)中學(xué)習(xí)的第一門語言。超文本定義了網(wǎng)頁之間的鏈接，供用戶通過簡單的點(diǎn)擊訪問網(wǎng)頁上的內(nèi)容。標(biāo)記語言都是關(guān)于括號< >中的標(biāo)簽，通常成對出現(xiàn)。瀏覽器解釋這些標(biāo)簽并以所需的熟悉格式向用戶呈現(xiàn)文本、圖像和其他內(nèi)容。
Tim Berners-Lee 在 1991 年創(chuàng)建了第一個(gè) HTML 版本，該版本演變?yōu)楫?dāng)前的 HTML5 版本?，F(xiàn)在，它包含大約 100 個(gè)標(biāo)簽，這些標(biāo)簽具有改變其功能或外觀的屬性。
頁面結(jié)構(gòu)
基本的 HTML 頁面由簡單的構(gòu)建塊元素組成，例如 doctype 聲明、HTML、head、title 和 body 標(biāo)簽。與所有標(biāo)簽一樣，它們以尖括號開頭和結(jié)尾<……>.要?jiǎng)?chuàng)建 HTML 文檔，您可以使用內(nèi)置的文本編輯器，如記事本 (Windows) 和 TextEdit (Mac)。使用 .html 或 .htm 保存文件，瞧！— 您可以在任何瀏覽器中將其作為網(wǎng)頁打開。
<!DOCTYPE html>
每頁都以<!DOCTYPE html>聲明開頭。從技術(shù)上講，它甚至不是標(biāo)簽，而是向?yàn)g覽器發(fā)出的信號，表明該頁面使用了最新的 HTML5 版本。與真實(shí)標(biāo)簽相比，它<!DOCTYPE>只能出現(xiàn)一次——在頁面頂部。doctype 聲明不區(qū)分大小寫，您可以任意編寫。
<html> 標(biāo)簽
在<!DOCTYPE html>標(biāo)簽之后<html>——任何網(wǎng)頁的基石。像所有標(biāo)簽一樣，它以尖括號開頭和結(jié)尾。使用<html>結(jié)束</html>標(biāo)簽會(huì)創(chuàng)建一個(gè)強(qiáng)制框架來標(biāo)記文檔的邊界。
還有一件事要記住——HTML 不區(qū)分大小寫，你可以用你喜歡的任何方式來編寫它，<html>或者<HTML>. 請記住保持一致并使用小寫或大寫。
<head> 標(biāo)簽
該<head>元素跟隨<html>標(biāo)簽并包含使用<meta>標(biāo)簽的元數(shù)據(jù)，這對最終用戶是不可見的，但必不可少。簡單地說，<meta>標(biāo)簽包含有關(guān)信息的信息并提供網(wǎng)頁的摘要，包括字符集、頁面描述、關(guān)鍵字、文檔作者和視口設(shè)置（頁面對用戶的可見區(qū)域）。
像谷歌這樣的搜索引擎分析網(wǎng)站的元標(biāo)簽以了解其目的并使用它們來生成片段——搜索結(jié)果頁面的標(biāo)題和描述。
<title> 標(biāo)簽
<title> 標(biāo)簽是<head>包含網(wǎng)頁“幕后”元素的部分的一部分。這是正確的; 用戶在頁面上看不到<title>標(biāo)簽——不要將其與標(biāo)題混淆。用戶只能查看此元素內(nèi)的內(nèi)容，例如瀏覽器的標(biāo)題欄、頁面的選項(xiàng)卡或搜索結(jié)果。不要忘記用</title>標(biāo)記結(jié)束部分。
<body> 標(biāo)簽
用戶在頁面上看到的唯一內(nèi)容是在開始和結(jié)束正文標(biāo)簽內(nèi) -<body>和</body>. 這部分包括網(wǎng)頁設(shè)計(jì)師使用<h1>to<h6>標(biāo)簽定義的標(biāo)題。<h1>代表最重要的標(biāo)題，而 代表最不重要的標(biāo)題<h6>。
如果您需要在 HTML 中添加一個(gè)段落，則將文本放入其中<p>并添加</p>標(biāo)簽。除此之外，正文部分還可以包含圖像、超鏈接、表格、列表和其他類型的內(nèi)容。
頁面結(jié)構(gòu)
結(jié)識新朋友時(shí)，您不會(huì)在最初的幾分鐘內(nèi)說出您的整個(gè)人生故事。同樣，您需要先將頁面引入瀏覽器并提供<!DOCTYPE>元數(shù)據(jù)。<html>標(biāo)記后面是<head>，然后才出現(xiàn)該部分<body>。不要亂用網(wǎng)頁的標(biāo)準(zhǔn)結(jié)構(gòu)——它可以完美運(yùn)行。
W3C
與任何標(biāo)準(zhǔn)一樣，Web 標(biāo)準(zhǔn)的存在是為了防止世界出現(xiàn)混亂。但是誰負(fù)責(zé)創(chuàng)建網(wǎng)絡(luò)規(guī)則？這項(xiàng)任務(wù)落在所謂的“標(biāo)準(zhǔn)制定組織”或 SDO 的肩上。
萬維網(wǎng)聯(lián)盟 (W3C) 是最知名的標(biāo)準(zhǔn)機(jī)構(gòu)之一，它邀請技術(shù)人員一起工作并開發(fā) Web 標(biāo)準(zhǔn)。他們的目標(biāo)是幫助開發(fā)人員構(gòu)建功能性、可訪問性和交叉兼容的產(chǎn)品。W3C 于 1994 年由麻省理工學(xué)院 (MIT) 的 Tim Berners-Lee 與歐洲核研究組織 (CERN) 合作成立。除了 Web 標(biāo)準(zhǔn)之外，W3C 還提供教育課程、開發(fā)軟件并促進(jìn)一個(gè)開放論壇以討論 Web。
以上內(nèi)容為轉(zhuǎn)載
在線咨詢