標籤:搜尋引擎 linux 超連結 圖片 檔案夾
今天的課程,老師主要介紹了圖片標籤和超連結標籤的相關知識以及linux系統安裝和操作方面的內容。
一、掛載點(linux系統安裝過程)
“ 掛載點”指的就是檔案夾;所有的硬體在linux系統中都是檔案夾;“/”代表所有檔案夾。
二、圖片標籤(單標籤)
書寫格式:<img src="圖片名全稱" alt="文字">,"src"是"img"的一個屬性。"alt"是修飾"src"的,其作用:1.當圖片不存在時,顯示佔位;2.利於SEO(搜尋引擎最佳化)。
三、超連結標籤
書寫格式:<a href=“網址全稱(帶上HTTP://)或html文檔全稱等”>文字</a>,"href"是"a"的一個屬性。
四、"id"是公用屬性,所有標籤都可以加"id"。
五、利用圖片標籤編寫的程式
650) this.width=650;" title="文檔目錄.png" src="http://s1.51cto.com/wyfs02/M02/8A/0C/wKiom1gkhijwDGNRAAGtYQc6-so491.png-wh_500x0-wm_3-wmp_4-s_349031906.png" alt="wKiom1gkhijwDGNRAAGtYQc6-so491.png-wh_50" />
650) this.width=650;" title="圖片目錄.png" src="http://s3.51cto.com/wyfs02/M02/8A/08/wKioL1gkhinD41PAAAHDetTAC6g391.png-wh_500x0-wm_3-wmp_4-s_916468920.png" alt="wKioL1gkhinD41PAAAHDetTAC6g391.png-wh_50" />
650) this.width=650;" title="圖片圖.png" src="http://s3.51cto.com/wyfs02/M02/8A/09/wKioL1gkhirwcGx8AAFTXlEBDtU312.png-wh_500x0-wm_3-wmp_4-s_3834836695.png" alt="wKioL1gkhirwcGx8AAFTXlEBDtU312.png-wh_50" />
650) this.width=650;" title="圖片.png" src="http://s5.51cto.com/wyfs02/M00/8A/0C/wKiom1gkhiuSjI2lAAJAlJg19DE301.png-wh_500x0-wm_3-wmp_4-s_3616599465.png" alt="wKiom1gkhiuSjI2lAAJAlJg19DE301.png-wh_50" />
六、網站超連結的編程過程
650) this.width=650;" title="網站連結.png" src="http://s2.51cto.com/wyfs02/M00/8A/0C/wKiom1gkiVvQR5SQAAF1TcUg_vo011.png-wh_500x0-wm_3-wmp_4-s_4152893542.png" alt="wKiom1gkiVvQR5SQAAF1TcUg_vo011.png-wh_50" />
650) this.width=650;" title="網站連結圖1.png" src="http://s5.51cto.com/wyfs02/M01/8A/0C/wKiom1gkiVzi_-qWAAFf3D4ZGpA930.png-wh_500x0-wm_3-wmp_4-s_2707404621.png" alt="wKiom1gkiVzi_-qWAAFf3D4ZGpA930.png-wh_50" />
650) this.width=650;" title="網站連結圖2.png" src="http://s5.51cto.com/wyfs02/M00/8A/09/wKioL1gkiV3hY_AiAAGnsUOY95A576.png-wh_500x0-wm_3-wmp_4-s_2253982181.png" alt="wKioL1gkiV3hY_AiAAGnsUOY95A576.png-wh_50" />
七、連結本地檔案的編程過程
650) this.width=650;" title="本地檔案連結1.png" src="http://s1.51cto.com/wyfs02/M02/8A/09/wKioL1gkjNSzfxqqAAE63rv7e0A896.png-wh_500x0-wm_3-wmp_4-s_2772106882.png" alt="wKioL1gkjNSzfxqqAAE63rv7e0A896.png-wh_50" />
650) this.width=650;" title="本地檔案連結2.png" src="http://s4.51cto.com/wyfs02/M02/8A/0C/wKiom1gkjNXiW0k0AAD-8sOXk1Q860.png-wh_500x0-wm_3-wmp_4-s_111525906.png" alt="wKiom1gkjNXiW0k0AAD-8sOXk1Q860.png-wh_50" />
650) this.width=650;" title="本地檔案連結圖1.png" src="http://s5.51cto.com/wyfs02/M00/8A/0C/wKiom1gkjNayfIR5AAF3Gybm4E0409.png-wh_500x0-wm_3-wmp_4-s_850857685.png" alt="wKiom1gkjNayfIR5AAF3Gybm4E0409.png-wh_50" />
650) this.width=650;" title="本地檔案連結圖2.png" src="http://s5.51cto.com/wyfs02/M00/8A/09/wKioL1gkjNbAIzPAAAGdJINe57Y508.png-wh_500x0-wm_3-wmp_4-s_2734019103.png" alt="wKioL1gkjNbAIzPAAAGdJINe57Y508.png-wh_50" />
八、錨點的編程過程
650) this.width=650;" title="maodian1.png" src="http://s2.51cto.com/wyfs02/M00/8A/09/wKioL1gkjz_wjCoiAAFiQywBJ7g857.png-wh_500x0-wm_3-wmp_4-s_3549437537.png" alt="wKioL1gkjz_wjCoiAAFiQywBJ7g857.png-wh_50" />
650) this.width=650;" title="maodian2.png" src="http://s2.51cto.com/wyfs02/M01/8A/0D/wKiom1gkjz-gc_yJAAFfULjbLA0140.png-wh_500x0-wm_3-wmp_4-s_2985360639.png" alt="wKiom1gkjz-gc_yJAAFfULjbLA0140.png-wh_50" />
650) this.width=650;" title="maodian 圖2.png" src="http://s5.51cto.com/wyfs02/M01/8A/09/wKioL1gkj0HAUQLDAAF2JfLcStY256.png-wh_500x0-wm_3-wmp_4-s_1709263625.png" alt="wKioL1gkj0HAUQLDAAF2JfLcStY256.png-wh_50" />
650) this.width=650;" title="maodian 圖.png" src="http://s3.51cto.com/wyfs02/M01/8A/0D/wKiom1gkj0Ci5F7HAAF8ubg1bgY154.png-wh_500x0-wm_3-wmp_4-s_307904799.png" alt="wKiom1gkj0Ci5F7HAAF8ubg1bgY154.png-wh_50" />
九、導航條連結的編程過程
650) this.width=650;" title="連結導航條.png" src="http://s3.51cto.com/wyfs02/M02/8A/09/wKioL1gklHWiGGNTAAOOHjRorzg684.png-wh_500x0-wm_3-wmp_4-s_933532114.png" alt="wKioL1gklHWiGGNTAAOOHjRorzg684.png-wh_50" />
650) this.width=650;" title="連結導航條圖1.png" src="http://s5.51cto.com/wyfs02/M00/8A/0D/wKiom1gklHaBWNmWAAC5S4sqfuY560.png-wh_500x0-wm_3-wmp_4-s_243708599.png" alt="wKiom1gklHaBWNmWAAC5S4sqfuY560.png-wh_50" />
650) this.width=650;" title="連結導航條圖2.png" src="http://s1.51cto.com/wyfs02/M00/8A/0D/wKiom1gklHaASB5eAADjUSnfHFk977.png-wh_500x0-wm_3-wmp_4-s_2399795996.png" alt="wKiom1gklHaASB5eAADjUSnfHFk977.png-wh_50" />
650) this.width=650;" title="連結導航條圖3.png" src="http://s1.51cto.com/wyfs02/M00/8A/09/wKioL1gklHmB3FwfAAXA16_hvYM566.png-wh_500x0-wm_3-wmp_4-s_624066120.png" alt="wKioL1gklHmB3FwfAAXA16_hvYM566.png-wh_50" />
本文出自 “12244280” 部落格,請務必保留此出處http://12254280.blog.51cto.com/12244280/1871647
PHP課程總結20161110