1html瀏覽器訪問網(wǎng)頁的方式

1、HTML瀏覽器訪問網(wǎng)頁的方式瀏覽器服務器 下載演示網(wǎng)頁源碼HTMLCSSJavaScript網(wǎng)頁組成HTML是一種網(wǎng)頁標簽語言HTML是Hypertext Markup Language的英文縮寫,即超文本標記語言 HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執(zhí)行 文件后綴.html或者.htmHTML概念基本編輯軟件文本編輯器、vim notepad+ editplus推薦： notepad+集成開發(fā)環(huán)境EclipseSublimePhpstormwebstormFRONTPAGEDreamweaver開發(fā)工具屬性：loop direction scrollamount滾動文本 全局

2、架構標簽格式標簽特性 容錯性強成對出現(xiàn)標簽注意格式和縮進text屬性：用于設定整個網(wǎng)頁中的文字顏色link：用于設定一般超鏈接文本的顯示顏色alink:用于設定當前超鏈接上時，超鏈接文本的顯示顏色vlink:用于設定訪問過的超鏈接文本的顯示顏色background:用于設定背景墻紙所用的圖像文件，可JPEG文件的絕對或相對路徑bgcolor:用于設定背景顏色，當已設定背景墻紙時，這個屬性會失去作用，除非墻紙具有透明部分leftmargin:設定網(wǎng)頁顯示畫面與瀏覽器窗口左邊沿的間隙，單位為像素topmargin:設定網(wǎng)頁顯示畫面與瀏覽器窗口上邊沿的間隙，單位為像素全局屬性：class、name、

3、id、style:BODY標簽屬性這種格式加入注釋特殊字符可以用數(shù)值碼和引用實體兩種方式表示，例如，：注釋和實體引用顯示描述實體名稱實體編號空格小于號大于號“雙引號單引號&apos版權TM商標常用格式標簽1標簽的三個常用屬性face、size、color常用格式標簽2 與 之間的所有文本都會從常規(guī)文本中分離出來，經(jīng)常會在左、右兩邊進行縮進，而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。img標簽src屬性（重點默寫：絕對鏈接、相對鏈接）width屬性height屬性title或alt屬性img標簽 A標簽的功能href屬性title屬性target屬性mailto和tel撥打電話錨點

4、超鏈接標簽URL的基本組成：協(xié)議、地址、端口、文件、參數(shù)URL參數(shù) URL統(tǒng)一資源定位符播放視頻使用您的瀏覽器不支持 video 標簽。height 高width 寬loop循環(huán)播放次數(shù)src 文件路徑autoplay 自動播放video標簽 表格標簽 用excel展示表格的行、列、跨行、跨列屬性：bgcolor、border、bordercolor、cellspacing、cellpadding、width、height.屬性：align、valign、bgcolor屬性：width、height、align、valign、colspan、rowspan、nowrap。表格標簽 分幀(框架)

5、1分幀(框架)2Top.html文件：這是頂部的網(wǎng)頁文件Left.html文件：這是左邊的網(wǎng)頁文件顯示右邊的第一個文檔顯示右邊的第二個文檔Right1.html文件：這是右邊的第一個網(wǎng)頁文件Right2.html文件：這是右邊的第二個網(wǎng)頁文件分幀(框架)3 使用框架定義后臺管理平臺模型 您的瀏覽器不支持框架，請升級瀏覽器 frameset 標簽 - 代替body標簽定義了框架頁,并且定義了框架將分為多少行與多少列 常用屬性: cols - 定義了框架含有多少列與列的大小(每個值使用逗號分隔),取值為象素px或者百分比% rows - 定義了框架含有多少行與行的大小(每個值使用逗號分隔),取值為

6、象素px或者百分比% border - 定義frame定義的框架頁的邊框(單位像素),使用css實現(xiàn)frameborder - 定義框架頁是否邊框(此屬性應寫在frame標簽內(nèi)部,不應在此出現(xiàn)) framespacing - 定義框架頁之間間隔的距離,使用css實現(xiàn)noframes標簽可為那些不支持的瀏覽器，提供不支持時的錯誤顯示。iframe標簽創(chuàng)建一個包含另外一個文檔的內(nèi)聯(lián)框架，iframe標簽內(nèi)的內(nèi)容可以做為瀏覽器不支持iframe標簽時顯示 。分幀(框架)4frame標簽 - 定義frameset標簽中每個框架頁的內(nèi)容 frame標簽是單獨出現(xiàn)的， 常用屬性: frameborder

7、- 定義了內(nèi)容頁的邊框,取值為(1|0),缺省值為1 1 - 在每個頁面之間都顯示邊框 0 - 不顯示邊框 name - 在一個框架頁鏈接到另一框架頁時使用(另一個框架頁可以使用target定義鏈接頁) noresize - 定義了瀏覽者是否可以通過拖拽改變框架頁尺寸,取值為(noresize) scrolling - 定義是否有滾動條,取值為(yes|no|auto),缺省值為auto yes - 顯示滾動條 no - 不顯示滾動條 auto - 當需要時再顯示滾動條 src - 定義了內(nèi)容頁URLborder 設置邊框粗細 分幀(框架)5表單標簽區(qū)域?qū)⒁峤坏谋韱谓o套起來method 屬性

8、常用方法有:get、post、put、delete、patch等action是提交地址target打開方式enctype常用值：application/x-www-form-urlencoded（默認不用記）multipart/form-data(上傳文件時使用)form表單屬性：size、value、maxlength、readonly(只讀)、disabled、placeholderform表單2標簽的屬性：multiple、size,name標簽的屬性：value、selected屬性：for（使用alt+指定字符）屬性：cols、rowsform表單3頭元素標簽content中有兩個參

9、數(shù)一個為時間，一個為url跳轉(zhuǎn)地址即：指定時間內(nèi)自動從當前頁面跳轉(zhuǎn)至URL指定頁面跳轉(zhuǎn) 默認是all設定為all：文件將被檢索，且頁面上的鏈接可以被查詢； 設定為none：文件將不被檢索，且頁面上的鏈接不可以被查詢； 設定為index：文件將被檢索； 設定為follow：頁面上的鏈接可以被查詢； 設定為noindex：文件將不被檢索，但頁面上的鏈接可以被查詢； 設定為nofollow：文件將不被檢索，頁面上的鏈接可以被查詢。 整站點使用robots.txt協(xié)議搜索引擎屏蔽頭元素處理緩存在中國常用的是GB2312或者UTF-8 相當于我們在說話之前使用國際通用語說一句：Can you speak

10、 English？字符集圖像超鏈接格式為：.圖像是地圖什么？把一幅圖像分成多個區(qū)域，每個區(qū)域指向不同的URL地址，譬如，將一幅中國地圖的圖像按省市劃分成若干區(qū)域，這些區(qū)域被稱為熱點，單擊熱點區(qū)域，就可以鏈接到與相應省市有關的頁面，這就是圖像地圖。 怎樣產(chǎn)生圖像地圖首先必須定義出圖像上的各熱點區(qū)域的形狀、位置坐標、及其指向的url地址等信息，這個過程叫圖像熱點映射。圖像熱點映射需要使用標簽對進行說明，其中的name屬性為該圖像熱點映射指定了一個名稱。圖像熱點映射中的各個區(qū)或用標標說明，標簽的格式為：。Href部分也可以用nohref替換，表示在該區(qū)域單擊鼠標無效。標簽還可以有一個target屬性，用來指明瀏覽器在哪個窗口或幀中顯示href屬性所指向的網(wǎng)頁資源。定義好了圖像熱點映射后，接著就要在圖像標簽