HTML5自學筆記

黄舟

發布： 2016-12-28 17:09:24

原創

1387 人瀏覽過

1，為什麼學HTML

超文本標記語言Hype Text Mark-up Language

2，HTML的基本組成單位

標籤

3，標籤

（單標籤和雙標籤標籤

3，標籤

（單標籤和雙標籤標籤）

資料夾的建立

首頁：index.html

home.html

html基本結構

文件聲明

charset 字符集「UT 4，常用標籤

h1 標籤雙標籤大標題標籤

內容

h1標籤在一個頁面內只能出現一次

align-屬性水平對齊

left/right /center-屬性值

h1-h6總共六級標題

p標籤段落雙標籤

特殊符號空格

單標籤換行

color="red" width="300" size="10" align="right"/>

傾斜

傾斜強調的意思

加粗強調的意思

加粗

需要特殊處理的文字行內元素

區塊區塊級元素主要用在CSS

HTML5自學筆記

單標籤插入圖片

三種列表

無序列表

<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>

登入後複製

有序列表

<ul type="disc">
disc:圆点 circle：圆圈 square 正方形
<li>列表项</li>
</ul>

登入後複製

定義列表

<ol type="a" start="只能写数字">
a 1 I A
<li>列表项</li>
</ol>

登入後複製

reee

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>

登入後複製

定義列表

<a href="资源地址" target="_self(自身窗口打开）/_blank（新窗口打开）">文字或者图片</a>

登入後複製

reee 。

rrreee
資源地址：

內部連結：html文件,圖片，電影，音樂，壓縮文件，word文檔，PPT，，，

外部連結：http://www.baidu.com

路徑：

相對路徑

1：兩個檔案在同一個資料夾下方時，直接寫檔案的名稱。

2：兩個檔案分別在不同資料夾下面，用../來表示上一層檔案

3：一個檔案在資料夾的裡面，一個檔案在資料夾的外面。直接寫資料夾的名稱

絕對路徑

本地機器：E:左霖學習筆記

網路：http://www.xxx.com/xxx/xxx

網頁中常用的圖片格式:

gif :支援動畫，支援透明，最多儲存256種顏色，有損壓縮

jpg(jpeg):不支援動畫，不支援透明，顏色比較豐富，有損壓縮

png:不支援動畫，支援透明，顏色豐富，無損壓縮

註釋標籤

Photoshop切圖以及快捷鍵

ctrl+r 顯示標尺

F8 顯示資訊

ct 多步撤銷

ctrl+z 單步撤銷

ctrl+N 新建空白畫布

ctrl+D 取消選取

ctrl+o 開啟