簡介:
超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標准標記語言。
查看網頁的HTML
打開右上角菜單,選擇工具 -> 開發人員工具(F12)
一、創建方法(以VS code 為例):
法1,如圖新建文件,命名后綴 .htm 或.html (兩種命名方法無區別),輸入源代碼並保存
法2,"文件 -> 新建文件" -> 輸入源代碼 ->"文件 ->另存為(以.htm 或.html為擴展名)"
二、在瀏覽器中運行這個HTML文件
法1,(VS code)鼠標右鍵點擊文件名,復制路徑,在瀏覽器中打開
法2,在電腦中找到需要打開的HTML文件,單擊右鍵,用瀏覽器打開
三、最簡單的實例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>我的網頁</title> </head> <body> <h1>我的第一個標題</h1> <h2>我的第二個標題</h2> <p>我的第一個段落。</p> <p>我的另一個段落。</p> </body> </html>
解析:
<!DOCTYPE html> 聲明(不區分大小寫)為 HTML5 文檔
HTML元素/HTML標簽
—— 成對出現 <標簽> 內容 </標簽>
<html> HTML 頁面的根元素
<head> 包含了文檔的元(meta)數據,如 <meta charset="utf-8"> 定義網頁編碼格式為 utf-8(360默認編碼格式為gbk)。
<title> 描述文檔的標題
<body> 包含可見的頁面內容
<h1> 定義一個大標題
<p> 定義一個段落
四、文本格式化
<b> 定義粗體文本 <em> 定義着重文字 <i> 定義斜體字 <small> 定義小號字 <strong> 定義加重語氣 <sub> 定義下標字 <sup> 定義上標字 <ins> 定義插入字 <del> 定義刪除字
實例:
<b>加粗文本</b><br><br> <i>斜體文本</i><br><br> <code>電腦自動輸出</code><br><br> 這是 <sub> 下標</sub> 和 <sup> 上標</sup>
輸出:
五、鏈接
<a href="url">鏈接文本</a>
實例: