HTML 介紹
HTML 即超文本標記語言(HyperText Markup Language),它是構成網頁的基礎技術之一。HTML 借助各種標簽(Tag)對網頁的結構與內容加以描述。下面為你介紹其核心要點:
關鍵特性
- 標簽結構:HTML 運用尖括號包裹關鍵詞來形成標簽,像
<html>
、<body>
、<h1>
等。標簽一般是成對出現的,分別為開始標簽和結束標簽,例如<p>這是段落</p>
。 - 網頁結構:一個完整的 HTML 頁面包含頭部(
<head>
)和主體(<body>
)兩部分。頭部用于存放頁面的元數據,像標題、編碼方式等;主體則是網頁實際顯示的內容。 - 元素嵌套:HTML 元素可以相互嵌套,從而構建出復雜的頁面結構。比如,
<div>
元素常常被用來對頁面進行分區。 - 超鏈接:借助
<a>
標簽能夠創建指向其他網頁或者資源的鏈接,例如<a href="https://example.com">鏈接</a>
。 - 圖片與多媒體:通過
<img>
標簽可以在頁面中插入圖片,使用<video>
標簽能嵌入視頻。 - 表單:利用
<form>
標簽可以創建用戶輸入表單,其中包含文本框、按鈕等各種輸入元素。
示例
下面是一個html的示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Raigor(raigor.com)</title>
</head>
<body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body>
</html>
預覽方式
方式一 瀏覽器
可以通過Chrome等瀏覽器直接打開預覽html文件
方式二 VSCode的HTML Preview插件
在VSCode插件中心下載HTML Preview
插件
使用ctrl+shift+v
即可實現html預覽