初涉HTML
一. 概念
1. HTML標記:瀏覽器顯示的網頁效果
2. HTML元素:只是瀏覽器如何組合和顯示文件
3. HTML屬性:控制和顯示元素內容
每個元素有>=1個屬性,且屬性無大小,順序之分
4. HTML資料型別:a. 長度值:絕對值(以畫素px定義)和相對值(以佔用相對物件的百分比表示)
b. 顏色值:十六進位制表示(#RRGGBB)和顏色的英文名稱表示
5. URL地址規範: 從HTML網頁連結到另一個HTML網頁時,需依靠URL,其會把網頁定位到正確的位置上
a. URL(Uniform Resource Identifier):統一資源識別符號
b. 定位:網路應用層的協議種類 + web伺服器地址 + 網頁檔案路徑 (+ 具體檔案的錨定位)---------分為絕對定位和相對定位
二. 建立HTML檔案( .html .htm .shtml)
1. SHTML與HTML的區別:SHTML不是HTML,而是一種伺服器API,shtml是伺服器動態產生的html
2. .shtml: 一種用於SSI(Server Side Include----SSI伺服器端包含指令)技術的檔案,即使用SSI的html副檔名。(SSI是為web伺服器提供的一套命令,其只需直接嵌入到HTML文件的註釋中即可)SSI通常稱為“伺服器端嵌入”或“伺服器端包含”,是一種類似於ASP(動態伺服器頁面)的基於伺服器的網頁製作技術。
3. 三者區別
同:均為靜態網頁字尾
異:.html與.htm完全靜態網頁,不通過伺服器編譯直接送出給瀏覽器讀取。以htm和html偽靜態Request除外
a. html與htm無任何區別,可互換
b. shtml與shtm無任何區別,可互換
c. html與shtml都屬於靜態網頁的一種,html屬於純靜態,客戶端瀏覽器讀取html檔案是什麼就呈現給瀏覽器什麼內容,而shtml可以使用SSI
d. SSI指令:<!-- #include file = "info.htm" --> 作用:將info.htm內容拷貝到當前頁面中
例:A.shtml頁面內容是: 我包含頁面B<!-- #include file = "b.htm" -->
B.shtml頁面內容是: 我是頁面B
當瀏覽器檢視A頁面html原始碼。A.shtml頁面內容是:我是頁面B。不會發現B頁面引入痕跡,而是看到頁面B內容完全在A頁面裡
相關文章
- 初涉FlexFlex
- 【記初涉JAVA】Java
- 初涉html(第一個站點+上傳github及一些坑)HTMLGithub
- 初涉MySQL資料庫部署解析MySql資料庫
- 程式設計師初涉江湖 宜步步為贏(1)程式設計師
- 初識 “HTML”HTML
- 初識htmlHTML
- “初涉軟體專案管理的彷徨”解決方案(轉)專案管理
- 初學HTML福音HTML
- 小豬的Python學習之旅 —— 2.爬蟲初涉Python爬蟲
- html初學總結HTML
- html初體驗#2HTML
- 1-HTML初識HTML
- 1.HTML初識HTML
- html程式碼初體驗HTML
- HTML初學者指南(九)(轉)HTML
- HTML初學者指南(七)(轉)HTML
- HTML初學者指南(六)(轉)HTML
- HTML初學者指南(四)(轉)HTML
- HTML初學者指南(三)(轉)HTML
- HTML初學者指南(二)(轉)HTML
- HTML初學者指南(一)(轉)HTML
- HTML+JS初試水HTMLJS
- (二)涉眾分析
- 初入HTML/Css的總結HTMLCSS
- 沉澱-初級html5(一)HTML
- 初識HTML5 Web Audio APIHTMLWebAPI
- 初識網頁設計語言HTML網頁HTML
- HTML5 & CSS3初學者指南(3) – HTML5新特性HTMLCSSS3
- 初涉後端,還請見諒···By Ajax驗證註冊的賬號資料庫中是否存在後端資料庫
- 7個HTML5移動開發框架,初學HTML5必看HTML移動開發框架
- 初學HTML5,可以看的6本書!HTML
- 【WEB基礎】HTML & CSS 基礎入門(1)初識WebHTMLCSS
- HTML5 & CSS3 初學者指南(4) – Canvas使用HTMLCSSS3Canvas
- 阿里雲封禁大量“涉詐”網站阿里網站
- web前端教程分享初學HTML5的幾點建議Web前端HTML
- 測試漫談:QA與涉眾的關係
- 推薦10個適合初學者的 HTML5 入門教程HTML