您現在的位置是:電腦技術吧?>? 組裝維修 ??>??HTML語法,HTML基礎語法??>??正文詳情

HTML語法,HTML基礎語法

司徒星星2019-11-15 01:31:03 人圍觀
簡介HTML基本語法[圖像標記]使用圖像標記時需要注意兩件事:第一,文件名,第二,路徑。首先要注意的是文件名是否正確,大小寫是否一致!文件名不正確。不管電腦有多強大,它都找不

【影像標簽】  在使用影像標簽時有兩件事值得注意一下,一是檔名,二是路徑。

首先要注意的就是,檔名是否正確以及大小寫是否一致!圖檔名稱不正確,任電腦再厲害也找不到您要的圖,檔名大小寫不一致,如Image.gif、image.gif、image.GIF在自己的電腦中看都能正確的顯示,但是一但傳到網路上去時,因為系統不一樣的關系(電腦伺服器的作業系統可比個人用電腦的作業系統嚴謹多了)就變成三個不一樣的檔案了,所以,可別忽略檔名大小寫不一致的影響。

  另外一個就是路徑問題了,這個問題也不難,我們在稍后會提到。

我們先來看看影像的標簽如何寫。

  使用方法:img src=boy.gif alt=本站特約模特兒 align=right border=0 hspace=2 vspace=2 height=56 width=32  標簽解說:目前常見的網頁圖形格式有兩種就是gif及jpg兩種格式。

gif格式只有256色,不過色彩比較鮮艷干凈漂亮,適合電腦美工圖案。

而jpg格式的圖案是全彩失真壓縮,比較適合一大堆顏色的圖片,如照片就較適合用jpg格式來呈現。

  使用范例:

由于此網頁有用css控制版面圖文,故在netscape下觀看,會稍有不正確。

  【網頁影像重要觀念】  關于路徑:現在我們來談談圖片路徑的事,路徑不對,不管您的網頁名稱寫的多正確也沒用,因為瀏覽器無法尋著您的路徑去找到該有的圖片,所以,我們來看看該如何正確的使用路徑。

有些人并不喜歡將網頁及圖通通放在同一個目錄下,比如說有人將圖檔全放在c:images里,而網頁檔放在c:demo里,這樣子的話,我們該如何正確的寫圖片的路徑呢?

我將幾種常見的情形整理成下表:

  或許有人看到不明就理,我來說明一下,../是回到上一層目錄的意思。

images/則是進入下一層目錄image之意,而images/的意思就是,回到上一層目錄,然后再進入目錄images中。

以上我們使用的均為相對路徑的概念。

  影像單位:或許您會常常看到px這個單位,沒錯,這是我們在制作最常用的一個單位了。

這個單位完整的寫法是pixels,我們稱之為像素。

像素,是熒幕上的一個小光點,然而這一小光點的大小,并非是固定的,舉個例子而言,熒幕本身十五?,不會因為你的任何設定而變成十七?。

但是,其解析度是可以改變的,我們常見的解析度有以下幾種:640 480、800 600、1024 768。

舉其中之一的640 480來說,其代表的就是在熒幕上有寬640個光點,高有480光點,若是我們將解析度調整為800 600其寬勢必要從640變成800個光點,也因此,該光點便會變小一點,所以,我們看起來就會覺得解析度調高后,熒幕內的東西,變得小小的,很精致,那就是因為光點變小的原因。

  影像格式:網頁用的圖檔目前只有gif格式(即副檔名為gif的圖檔,如:bg.gif)以及jpg格式(即副檔名為jpg的圖檔,如:bg.jpg)為一般的瀏覽器所接受。

其他如bmp格式或是pcx格式都是無法在網頁上使用的,若非得要用,那就利用影像繪圖軟體來作格式的轉換吧!

版權聲明:本文由 司徒星星 整理編輯。

原標題:HTML語法主要由什么組成,HTML的基本語法規則

轉載注明出處:http://www.dn9ww09s.icu/assemble/12343.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦安裝雙系統的利弊,蘋果電腦裝雙系統利弊

    電腦安裝雙系統的利弊,蘋果電腦裝雙系統利弊 相關圖片電腦如何雙系統你對電腦雙機系統了解多少?如果有人問雙重制度有什么好處?那么,小編現在就可以告訴你它的三大好處了。讓我們一起認識他們。熟悉不同的操作系統來安裝雙系統...

  • 用戶體驗設計流程,用戶體驗設計案例

    用戶體驗設計流程,用戶體驗設計案例 相關圖片用戶體驗 產品設計當o2o正在席卷各大城市時,設計師如何才能與時俱進,在沒有碎片感的情況下創造線上線下的用戶體驗?今天,來自阿里的李天分享了一個超級實用的用戶體驗設計方...

  • Windows XP,Windows XP Mode

    Windows XP,Windows XP Mode 相關圖片Windows XP下載軟件介紹這個安裝程序是一個ISO可引導的映像文件。建議下載后直接用Nero刻錄鏡像文件,然后用CD安裝,或者安裝到硬盤上,在相應的目錄下運行winnt32.baXP免費升級win10...

  • 啟動winpe有什么作用,pe的作用

    啟動winpe有什么作用,pe的作用 相關圖片winpe什么是winpe?winpe的角色是什么?什么是winpe?Windowspe,windowspreallation environment的全稱,中文是prewinpe有什么用...

  • 飛舞的小鳥像,飛舞的小鳥

    飛舞的小鳥像,飛舞的小鳥 相關圖片像小鳥一樣什么點評:本文教你如何在閃光燈下制作飛鳥,并告訴你飛鳥的運動規律。讓我們看看如何畫卡通風格的鳥。無論是在風景動畫還是在MTV中,總有鳥兒在天空中自由飛翔的畫...

  • 裝系統后無法連接網絡,win7重裝后不能上網

    裝系統后無法連接網絡,win7重裝后不能上網 相關圖片重裝之后無法聯網問:我剛重新安裝了系統,發現找不到網絡連接。我的朋友讓我重置一個,但是我在登錄后被提示錯誤678。怎么了?我是Netcom A:這條線路的原因是有人應該檢查一下電...

  • Win XP Activator,win XP

    Win XP Activator,win XP 相關圖片win10系統調整成XP風格Windows XP SP3的簡體中文官方下載地址也已經出現,并確認該文件與之前泄露的版本完全一致。官方下載(速度較慢):Windows XP SP3簡體中文提Windows xp密鑰...

  • 字體設計網站,網頁字體設計

    字體設計網站,網頁字體設計 相關圖片網頁一般用什么字體字體的設置是新手網頁制作的首要困難。如何控制字體大小,如何去掉超鏈接字體的下劃線,是網民最常問的問題。好吧,讓我們徹底地看看字體的所有方面:字符...

  • ghost xp sp3是什么,xpsp3

    ghost xp sp3是什么,xpsp3 相關圖片ghost xp sp3安裝步驟下載地址:thunder://qufodhrwoi8vegl0b25nlm1vzmf6ahuy29至jgwoc9yuc9zte1g0dit1nuwfftnfq1ghost xp sp3安裝圖解...

  • 3d字體制作,制作3D字體的軟件

    3d字體制作,制作3D字體的軟件 相關圖片ps制作3D立體字要制作本文的3D字體,我們需要使用xara3d和焰火。Xara3d可以下載到搜索引擎。該軟件主要用于制作文本的三維模型,然后導入焰火中。然后我們用焰火在文本中添手機3d字體...

熱評文章

  • win7 最低配置,windows7的最低配置要求

    win7 最低配置,windows7的最低配置要求 相關圖片win7推薦配置要將家庭計算機升級到win7 32位系統。太晚了,不知道你家里的電腦是否受支持。同時,您會擔心安裝后是否會卡住。昨天,我的朋友告訴我win732的最低配置要求。windows7最低...

  • flash如何模糊,flash模糊

    flash如何模糊,flash模糊 相關圖片flash模糊遮罩在一些電影片名中,我們經常能看到模糊而清晰的特效動畫,具有很大的視覺沖擊力。大多數高質量的模糊效果都是經過Photoshop處理后才導入flash中,然后作為腳flash導出的...

  • win10雨林木風和深度技術哪個好,電腦系統深度和雨林哪個好

    win10雨林木風和深度技術哪個好,電腦系統深度和雨林哪個好 相關圖片光盤裝xp系統教程圖解哪種技術更好,雨林風還是深度技術?深度技術和雨林風都非常優秀。編輯認為很難區分利弊。這兩個系統都有各自的特點,深度力求簡化,所以系統手術相對較大...

  • 任何文件都可以創建快捷圖標,文件創建快捷方式圖標

    任何文件都可以創建快捷圖標,文件創建快捷方式圖標 相關圖片用創建快捷方式的圖標首先,選擇要添加超鏈接的文本,并在添加超鏈接后將“屬性面板”中的“點到文件”按鈕拖動到鏈接的文件中,可以獲得以下效果。快捷方式文件的圖標...

  • 裸奔,裸奔什么意思

    裸奔,裸奔什么意思 相關圖片xp還能用嗎微軟將于4月8日停止為其WindowsXP操作系統提供技術支持。在充斥著各種病毒和木馬的網絡世界里,人們稱這個XP系統為裸奔系統。有一個標題令人震驚地說XP在裸xp需要激活碼...

  • 吹泡泡動畫,吹泡泡動漫女

    吹泡泡動畫,吹泡泡動漫女 相關圖片動漫人物吹泡泡圖片這個閃光的例子使小丑吹泡泡有趣的卡通。它主要使用橢圓和直線工具,以及任意變形和梯度填充。操作簡單易懂,適合實踐。首先看效果:效果圖:制作步驟:1。...

  • ghosterrtxt怎么解決,ghosterrtxt能跳過嗎

    ghosterrtxt怎么解決,ghosterrtxt能跳過嗎 相關圖片ghost怎么用將系統重新安裝到計算機上的朋友可能遇到了此類問題。安裝系統時,是否會出現ghosterr.txt?怎么了?接下來,編輯將向您解釋ghosterr.txt的含義1pe系統...

  • xp系統停止服務,xp系統為什么停止服務

    xp系統停止服務,xp系統為什么停止服務 相關圖片xp系統可以用嗎我相信XP系統的用戶仍然很受歡迎,但是微軟已經決定停止windowsxp服務。這個決定對許多XP用戶來說可能非常殘酷。當然,微軟停止XP服務是有原因的。如果我們xp 系統...

  • 語法表格,英語語法表格

    語法表格,英語語法表格 相關圖片主謂一致語法總結表格例如,如果我們想創建一個今天有三列和兩列的表,在word中,我們只需要將表設置為三列和兩列。但是,要在web頁面中創建一個包含三列和兩列的表,我們需要將...

  • windows7xp,windows xp是一個

    windows7xp,windows xp是一個 相關圖片windows xp怎么升級4月23日,該軟件正式發布了簡體中文官方版本的Windows XP SP3。這里簡單介紹一下基本的安裝方法。如果你還沒有下載XP SP3的官方版本,那么xp免費升級win10...

關注微信

变脸官网查询