標籤：注釋 有序列表 絕對路徑 相容性 預設值 ext ctrl+h 軟體文檔 storm
常用快速鍵
Ctrl+c |
複製 |
Ctrl+v |
粘貼 |
Ctrl+x |
剪下 |
Ctrl+a |
全選 |
Ctrl+s |
儲存 |
Ctrl+z |
撤銷一步 |
Windows+d |
返回案頭 |
Windows+e |
我的電腦 |
Windows+r |
開啟運行 |
Alt+tab |
切換軟體 |
Ctrl+tab |
軟體文檔之間的切換 |
F2 |
重新命名 |
F5 |
重新整理頁面 |
養成一種習慣。
３ 認識網頁３.1 網頁由文字、圖片、輸入框、視頻、音頻、超連結等組成。３.2 Web標準W3c組織（全球資訊網聯盟）
Html 結構標準 相當人的身體
Css 表現標準 相當與給人化妝 變的更漂亮
Js 行為標準 想當與人在唱歌，頁面更靈動。
３.3 基礎班課程安排Html 2天
Css 7天
Js 3天
３.4 瀏覽器◆瀏覽器是一個上網的用戶端（軟體）。
３.5 瀏覽器核心
渲染引擎
渲染引擎是相容性問題出現的根本原因。
３.6 瀏覽器和伺服器的那點事IIS web伺服器 提供網頁瀏覽服務
３.7 Url地址Url地址就是咱們說的網址。
４ 認識html４.1 Hyper text markup language
超文字標記語言 (HTML)。
超文本：超連結。（實現頁面跳轉）
４.2 Html結構標準< ! doctype html> 聲明文件類型
<html> 根標籤
<head> 頭標籤
<title></title> 標題標籤
</head>
<body> 主體標籤
</body>
</html>
Html 與htm是一樣的。
尾碼名不能決定檔案格式，只能決定開啟檔案開啟的方式。
４.3 Html標籤分類單標籤 <! Doctype html>
雙標籤 <html></html> <head></head> <title></title>
４.4 Html標籤關係分類包含（嵌套關係） <head><title></title></head> 父子
並列關係 <head></head><body></body> 兄弟姐妹
４.5 開發工具
Dw 曆史悠久，設計師使用。
Sublime 輕量級 有很多好用的外掛程式。
Webstorm 重量級 太過智能。
|
建立檔案、開啟檔案、開啟檔案夾 |
Html:xt+tab |
Html結構代碼 |
tab |
補全標籤代碼 |
Ctrl+shift+d |
快速複製一行 |
Ctrl+shiif+k |
快速刪除一行 |
Ctrl+滑鼠左鍵單擊 |
集體輸入 |
Ctrl+h |
尋找替換 |
Ctrl+f |
尋找 |
Ctrl+/ |
注釋 |
Ctrl+L |
快速選擇一行 |
Ctrl+shift+↑（↓） |
快速上移（下移）一行 |
F11 |
全屏 |
|
查看----布局 |
sublime快速鍵使用：
４.6 設定預設瀏覽器Chrome瀏覽器右上方，設定裡選擇設定預設瀏覽器。
５ 標籤５.1 單標籤◆注釋標籤 ctrl+/
◆ 換列標籤 <br />
◆ 水平線標籤 <hr />
５.2 雙標籤 <p>常值內容</p>
特點：上下自動產生空白行。<br>換行不會產生空白行。
標題標籤
h1-h6 取值到h6
h1 在一個頁面裡只能出現一次。
文字標籤
<font>常值內容</font>
文字格式設定化標籤
文本加粗標籤 <strong></strong> <b></b> 工作裡盡量使用strong
文本傾斜標籤
<em></em> <i></i> 工作裡盡量使用em
刪除線標籤
<del></del> <s></s> 工作裡盡量使用del
底線標籤
<ins></ins> <u></u> 工作裡盡量ins
◆注意：之所以工作裡使用<strong></strong> <em></em> <del></del>
<ins></ins> 是因為更有語義化。
５.3 圖片標籤
Src 圖片的來源 必寫屬性
Alt 替換文本 圖片不顯示的時候顯示的文字
Title 提示文本 滑鼠放到圖片上顯示的文字
Width 圖片寬度
Height 圖片高度
◆圖片沒有定義寬高的時候，圖片按照百分之百比例顯示，如果只更改圖片的寬度或者高度，圖片等比例縮放。
６ 路徑６.1 相對路徑相對於檔案自身出發，就是相對路徑。
◆檔案和圖片（html文檔）在同一個目錄(檔案夾) ，直接寫檔案名稱。
◆圖片（html文檔）在檔案在下一級目錄裡。檔案夾名稱+/+圖片（html）名稱
◆圖片（html）在檔案的上一級目錄裡，..+/+圖片（html）名稱
◆圖片在檔案的上一級的其他目錄裡，../檔案夾名稱/圖片名稱
★總結：找到下一級目錄（檔案夾）的圖片（檔案）用 /
跳出目前的目錄使用../
６.2 絕對路徑７ 超連結
href="http://www.qianhtj.com" 去往的路徑（跳轉的頁面） 必寫屬性
title="解釋性文字" 提示文本 滑鼠放到連結上顯示的文字
target=”_self” 預設值 在自身頁面開啟（關閉自身頁面，開啟連結頁面）
Target=”_blank” 開啟新頁面 （自身頁面不關閉，開啟一個新的連結頁面）
７.1 錨連結1.先定義一個錨點
2.超連結到錨點
７.2 空鏈 不知道連結到那個頁面的時候，用空鏈
７.3 壓縮檔下載 不推薦使用７.4 超連結最佳化寫法
８ 另存新檔 ctrl+shift+s９ 特殊字元
１０ 列表１０.1 無序列表
<ul>
<li></li> 清單項目
<li></li>
<li></li>
</ul>
type=”square” 小方塊
Type=”disc” 實心小圓圈
Type=”circle” 空心小圓圈
１０.2 有序列表<ol>
<li></li> 清單項目
<li></li>
<li></li>
</ol>
◆type=”1,a,A,i,I” type的值可以為1,a,A,i,I
start=”3” 決定了開始的位置。
１０.3 自訂欄表<dl>
<dt></dt> 小標題
<dd></dd> 解釋標題
<dd></dd> 解釋標題
</dl>
１１ 音樂標籤
１２ 滾動
html標籤必備
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
