html骨架標記
第一講 html
調出文件的擴展名：工具--文件夾選項--查看--去掉隱藏已知文件夾類型的擴展名 瀏覽器
HTML是超文本標記語言，做用是控制網頁內容，描述內容。 網絡
第二講 工具
Meta標記用於定義文件信息 字體
一、meta標記用於定義文件信息，對網頁文件進行說明，便於搜索引擎查找。放置於<head><head/>之間 動畫
二、設置關鍵字： ui
三、<meta name=」keywords」 content=」value」>多個關鍵字內容之間能夠用」,」分隔 搜索引擎
四、設置描述：<meta name=」description」 content=」value」> url
五、設置做者：<meta name=」author」 content=」做者名」> spa
六、設置字符集：<meta http-equiv=」content-type」 content=」text/html;charset=gb2312」>
七、設置頁面定時跳轉：<meta http-equiv=」refresh」 content=」2;URL=http://www.itcast.cn」/>
第三講
一、editplus快捷鍵，複製一行：ctrl+j
二、網頁主體標記body：註釋<!---->；body屬性：<body bgcolor=」背景顏色」 background=」背景圖像」 text=」文本顏色」 link=」連接文本顏色」 vlink=」訪問過的文本顏色」 alink=」激活的連接文本顏色」 leftmargin=」左邊界」 rightmargin=」右邊界」 topmargin=」上邊界」 bottommargin=」下邊界」>
三、<font>標記：<font color=」文本顏色」 size=」字號」 face=」字體」>文本</font>
注：網頁中的文本字體、字號通常經過CSS修飾
| 顏色 |
英文名稱 |
十六位進制 |
顏色 |
英文名稱 |
十六位進制 |
| 白色 |
white |
#FFFFFF |
黑色 |
black |
#000000 |
| 紅色 |
red |
#FF0000 |
綠色 |
green |
#00FF00 |
| 藍色 |
blue |
#0000FF |
灰色 |
gray |
#999999 |
四、寫html代碼時的流程：先寫咱們的控制內容的標記，內容比較重要，能夠在語義上增強<strong>關鍵字</strong>；文章網頁的主題--推薦使用<h1>文章標題</h1>
五、字符格式
| 功能 |
標記 |
| 加粗 |
<b>文本</b> |
| 斜體 |
<i>文本</i> |
| 增強語氣（加粗） |
<strong>文本</strong> |
| 增強語氣（斜體） |
<em>文本</em> |
| 下劃線 |
<u>文本</u> |
| 刪除線 |
<s>文本</s> |
| 上標 |
<sup>文本</sup> |
| 下標 |
<sub>文本</sub> |
六、段落標記：
格式：<p align=」對齊方式」>文本內容</p>
| 屬性名稱 |
屬性值 |
說明 |
| align |
left |
左對齊（默認） |
| center |
居中 |
|
| right |
右對齊 |
段落標題：<hx align=」對齊方式」>文本內容</hx>
說明：x取值[1--6]hx內的文本會自動加粗顯示。
Hx針對的對象是段落，而font針對的對象是任意文本。
換行（換行不換段）：<br/>
七、水平直線<hr/>
| 屬性名稱 |
屬性值 |
說明 |
| size |
像素（絕對設置） |
以數字表示，屬性值越大，線越粗 |
| 百分比（相對設置） |
以%表示，屬性值越大，線越粗 |
|
| width |
像素（絕對設置） |
長度不會隨着視窗的改變而改變 |
| 百分比（相對設置） |
長度會隨着視窗的改變而改變 |
在xhtml中，全部的標籤都必需要用屬性值，若是沒有，使用屬性名，例如：noshade=」noshade」實體線
八、特殊標記
定義一個快引用：使文本縮進
格式：<blockquote cite=」被引用的url地址」>文本內容</blockquote>
預格式化：<pre></pre>；顯示已經格式化好的文字，不加此標記的話，HTML瀏覽器會忽略全部空格和製表符。
九、在HTML文檔中使用特殊字符
| 特殊字符 |
轉義碼 |
| 空格 |
|
| 版權號 |
© |
| 註冊商標 |
® |
| 「 |
" |
| & |
& |
| < |
< |
| > |
> |
十、列表標記用途：
（1）無序列表：<ul type=」項目符號類型」>
<li type=」項目符號類型」>內容1</li>
<li>內容2</li>
...
</ul>
| 參數值（必須小寫字母） |
描述 |
| disc |
|
| circle |
|
| square |
|
（2）有序列表：<ol start=」列表起點」 type=」項目符號類型」>
<li>內容1</li>
<li>內容2</li>
...
</ol>
| 屬性名稱 |
屬性值 |
說明 |
| type |
1 |
表示以1,2,3,4來表示 |
| a |
表示以a,b,c,d來表示 |
|
| A |
表示以A,B,C,D來表示 |
|
| i |
表示以i,ii,iii來表示 |
|
| I |
表示以I,II,III來表示 |
（3）定義列表：
<dl>
<dt>標題1</dt>
<dd>內容1</dd>
<dd>內容2</dd>
<dt>標題1</dt>
<dd>內容1</dd>
<dd>內容2</dd>
</dl>
| 屬性 |
說明 |
| <dl></dl> |
定義列表 |
| <dt></dt> |
表示一個項目 |
| <dd></dd> |
表示一個項目下的更詳細的內容的解釋 |
十一、Web上支持的圖片格式
（1）GIF（圖形交換格式）：GIF格式文件最多隻能保存256種顏色。該格式支持透明色，支持動畫效果。
（2）JPEG（聯合圖像專家組）：該格式不支持透明色及動畫，顏色可達1670萬種。
（3）PNG（網絡可移植格式）：該格式支持透明色，不支持動畫，顏色從幾種到1670萬種。
十二、圖片標記：<img src=」圖片的路徑」/>
路徑：絕對路徑：提供目標文檔的完整主機名稱、路徑信息、及文檔全稱
根相對路徑：從站點根目錄開始的路徑，以」/」開頭
相對路徑：從當前文檔開始的路徑
圖片與網頁在同一個文件夾內：<img src=」01.png」/>
圖片所在的文件夾與網頁在同一個文件夾內：<img src=」pic/01.png」/>
圖片所在的文件夾與網頁所在的文件夾在同一個文件夾內(../表示向上一級)：<img src=」../01.png」/>
1三、圖片屬性
| 屬性名稱 |
屬性值 |
說明 |
| src |
URL |
圖片的路徑 |
| alt |
文本 |
規定圖片的替代文本[圖片沒法顯示時] |
| title |
文本 |
鼠標懸停時顯示的內容 |
| width |
像素/百分比 |
設置圖片寬 |
| height |
像素/百分比 |
設置圖片高 |
| border |
數字 |
設置圖象邊框 |
| align |
left |
圖片靠左，文字靠右 |
| right |
圖片靠右，文字靠左 |
|
| top |
文字垂直居上靠 |
|
| middle |
文字垂直居中 |
|
| bottom |
文字垂直居下（默認） |
|
| vspace |
像素 |
定義圖像頂部和底部的空白（垂直邊距） |
| hspace |
像素 |
定義圖像左側和右側的空白（水平邊距） |
- 1. HTML骨架
- 2. HTML骨架結構
- 3. HTML學習筆記3：HTML基本骨架詳解
- 4. OpenPose筆記——COCO模式關節點標號/骨架標號
- 5. OpenPose筆記——關節點標號/骨架標號
- 6. HTML介紹和基本骨架 （一）
- 7. sublime快速生成html骨架
- 8. mpvue骨架屏、vue骨架屏、微信小程序骨架屏、svg骨架屏【分享筆記】
- 9. HTML多媒體標記與框架標記
- 10. 【Html】Html基本標記
- 更多相關文章...
- • ASP.NET Razor - 標記 - ASP.NET 教程
- • Docker 架構 - Docker教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
-
每一个你不满意的现在，都有一个你没有努力的曾经。