web理論和HTML標簽的示例分析

這篇文章給大家分享的是有關web理論和HTML標簽的示例分析的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

　　1,什么是web？

　　web是運行在internet上最流行的應用之一，internet給我們web提供了運行的環境，我們俗稱網頁，職業點就是萬維網（萬維網有萬維網聯盟 是一個組織機構就是w3c。

　　web的作用 ：web能夠將各類型的信息和服務進行連接，并提供生成圖形用戶 界面。

　　2.web工作原理

　　web是基于B/S結構的模式的程序和C/S結構的模式的程序。（B：Browser 瀏覽器 C：Client 客戶端 S：Server 服務器）于用戶代理和Web服務器進行通信。

　　web服務器

　　作用

　?、伲捍鎯eb頁面上的內容信息，提供管理環境

　?、谔幚頌g覽器的請求執行服務器端的程序可以給出響應

　?、?具備基本安全性功能

　　主要產品：Tomcat IIS Apache…

　　web瀏覽器

　　作用

　?、俅碛脩籼峤徽埱?/p>

　?、谧鳛镠TML CSS JS解釋器

　?、垡詧D形化的方式顯示內容

　　主要產品：

　　Microsoft internet Explorer （IE瀏覽器）

　　Google Chrome 谷歌瀏覽器

　　Mozilla fireFox 火狐瀏覽器

　　Opera 歐朋瀏覽器

　　apple safari 蘋果瀏覽器

　　3.web相關的技術

　?、俜掌鞫说募夹g：主要運行與服務器的技術 操作數據庫

　　JSP PHP ASP .NET

　?、诳蛻舳说募夹g：運行于客戶端的，由瀏覽器負責解釋運行

　　HTML CSS JS

　　1，什么HTML？

　?、?HTML 超文本標記語言

　?、诔谋荆壕邆涮厥夤δ艿奈谋?/p>

　?、蹣擞洠簶撕?規范了超文本的組成形式

　?、艹溄?圖片 音頻 視頻 ……

　?、菡Z言：具備特定的語法規范

　?、轍TML是網頁的設計語言，由HTML編寫的文件

　　一般后綴為。html,htm。

　　2.HTML的開發工具

　?、匍_發工具：記事本 超級記事本 Hbuilder等等；

　?、谶\行工具：各款瀏覽器

　　3.HTML的基礎語法

　　1，標記語法

　?、?在HTML中，用于描述功能的符號稱為標記 標記在使用的過程中是必須用<>括起來

　?、跇擞浀姆诸?a:.封閉類的標記 <標記名>內容</標記名>

　　b.非封閉類的標記 也稱為空標記 單標記 <標記名/>或者<標記名>

　　2,屬性和值

　?、?屬性是用來修飾元素的（標簽）

　　例

　　運行

　　在這個網頁中間了。

　?、跇藴蕦傩?/p>

　　a.又稱為通用屬性 頁面上所有的標簽都會具有的屬性

　　b.id 頁面元素獨一無二的標識

　　c.class 類名

　　d.style 定義元素的樣式

　　e,title 鼠標移入到元素上所顯示的內容

　?、圩⑨專?/p>

　　注釋是不會被瀏覽器所解釋執行

　　用法：

　　注意：注釋是不能嵌套注釋 只認識開頭和結尾 注釋是不能位于 <>標簽中

　　三、HTML文檔結構

　　1.第一行：文檔的類型聲明

　　作用：指定文檔的版本和類型

　　標識這個文件是一個HTML5的版本

　　head ：網頁的頭部：作用 定義頁面中的全局信息

　　指定文檔的字符集

　　文檔的標題

　　四、特殊字符

　　1在html中，任意的多個空格和回車最后都被解析成一個空格

　　通過轉義字符的特殊表現形式來表示特殊效果

　?、?&nbsp； 空格 ② &lt； < ③&gt； > ④ &yen ; ￥ ⑤&copy；？

　　加粗

　　斜體

　　下劃線

　　刪除線

　　上標

　　下標

　　作用：以標題的形式顯示文本

　　表現方式：

　　1.垂直空白距離

　　2.不同的標題字體大小并不相同 范圍：1-6 從大到小 不能超過這個范圍

　　3.獨占一行

　　作用：在頁面中表示一段獨立的文本

　　表現方式：具備垂直空白 獨占一行

　　作用：換行

　　作用：在頁面中顯示線條

　　屬性： size 尺寸的大小

　　width：寬度

　　align：線條的水平對齊方式

　　color：顏色

感謝各位的閱讀！關于“web理論和HTML標簽的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！