昨天有提到,瀏覽器會根據伺服器返回的HTML和CSS內容,來呈現我們在瀏覽器中看到的網頁畫面。因此,我們今天要來認識HTML標籤,HTML的標籤有許多種,我們必須要了解這些不同種類的標籤類型,才能擷取到正確的資料。
HTML(Hyper Text Markup Language)是一種標準標記語言,用於建立網頁內容並在瀏覽器中呈現,這種語言讓我們可以創建和設定網頁上的各種內容,例如:文本、圖像、視頻、超連結等元素。
HTML文檔的類型聲明<!DOCTYPE>
,目的是為了讓瀏覽器知道目前所使用的是HTML版本。
根元素
網頁最上層的元素<html>
,其他的標籤都要包含在<html></html>
裡面。
使用lang屬性來指定網頁使用的語言:
<html lang= “zh-TW”>
屬性值常見的兩碼:zh(中文)、en(英文)、fr(法文)、ja(日文)、ko(韓文)。
標題(Tags)
例如:<head>
、<title>
、<meta>
、<script>
、<style>
標籤。
編排網頁內容(Tags)
通常包含在<body></body>
裡面,例如:段落<p>
、圖片<img>
、表格<table>
、超連結<a>
等等。
HTML標籤是可以有屬性的,目的是用來定義細部的編排。
例如: 定義一張圖片的寬度和高度
<img src=”apple.jag” width=”20” hight=”30”>
參考資料
https://www.w3schools.com/tags/ref_language_codes.asp
https://www.newscan.com.tw/all-faq/faq-detail-3.htm