HTML整理01
HTML
HyperText Mark-up Language(超文字標記語言)
標記出網頁中的內容給瀏覽器解析
HTML的語法
註釋
<!-- 註釋內容 -->
用來對程式碼進行解釋，給自己或者團隊成員看！
文件宣告
<!doctype html>
作用：告訴瀏覽器以標準模式解析程式碼！
標籤
單標籤
<標籤名 /> <img /> <hr /> <br /> <input />
雙標籤
<標籤名>內容</標籤名> <h1>標題</h1>
屬性
屬於標籤的一部分，作用是對標籤進行一種補充
<標籤名 屬性名="值"></標籤名> <h1 style="color:red"></h1> <img src="" width="200" style="width:100px">
主體結構
文件宣告
HTML標籤
head頭
body體
title 標題
meta 設定字符集編碼
編碼不統一會導致中文亂碼
1. 檔案編碼
2. meta標籤設定編碼
3. 瀏覽器設定編碼
放在head頭裡面的標籤
title 設定網頁標題
meta 定義網頁的元資訊
屬性：
charset 設定網頁字符集，值一般設定為utf-8
content 定義其他屬性相關的元資訊
name 將content的值關聯到一個名稱
值：
author 設定網頁的作者
keywords 設定網頁關鍵字
description 設定網頁描述
例：
<meta content="瀧澤老師" name="author" />
http-equiv 設定http頭部資訊
值：
content-type 設定網頁內容型別
refresh 設定頁面自動重新整理或者跳轉
例：3秒後跳轉到百度：
<meta content="3;url=http://www.baidu.com" http-equiv="refresh" />
link標籤 設定外部檔案與本文件的關係
作用：
1. 載入外部css檔案
2. 載入標題欄的小圖示
例：
<link rel="icon" href="小圖示的地址">
放在body裡面的標籤
標題標籤 h1~h6 h1最大，h6最小
段落標籤 p
粗體標籤 b
strong 表示重要，以粗體顯示
斜體標籤 i
em 表示強調，以斜體顯示
sub 下標
sup 上標
按鈕標籤 button
bdo 可以修改文字的顯示方向
屬性： dir
值：rtl right to left 從右到左
ltr left to right 預設從左到右
del 刪除標籤，會在文字中間加橫線
u 下劃線標籤，會給文字加下劃線
time標籤，定義時間
實體字元
在HTML裡面，某些字元是預留的，預留的字元都有相對應的實體
空格
< 小於號 <
> 大於號 >
© 版權符號
無序列表 ul 前面的符號是實心小圓點
有序列表 ol 前面的符號是阿拉伯數字
li標籤 定義列表項