首頁 > web前端 > html教學 > 一步步學習html----第三課

一步步學習html----第三課

黄舟
發布: 2016-12-20 14:37:37
原創
1120 人瀏覽過

經過前面兩課的學習,不知道你們對於什麼是html有沒有了一定程度上的了解,今天的第三課算是第一階段的一個總結,會加入一點新的內容,但是更多的是會做總結,好了,廢話不說了,進入今天的課程吧!
在前兩課的基礎上,這一課主要是加入了一個插入圖片的問題,插入圖片的代碼:
YaoMing
img標籤:代表的是插入圖片,src:其實就是source的簡寫形式,說白了就是資源,所以資源後面跟著的就是要插入的圖片,alt是很重要的一個屬性值,裡面所包含的東西呢就是指的是在圖像無法正常顯示時的代替文本,這個很好理解,有時如果網頁加載的比較慢的情況下,可以看到原本應該顯示網頁的地方顯示的是我們在alt屬性裡面所確定的值。
而且對於img標籤不需要有標籤來結尾,而只需要在img的最後面加上反斜線就可以了。
還有,這裡對於圖片的路徑使用的是相對的路徑,因為我把圖片和網頁文件放在了一個資料夾裡,所以寫路徑的時候相對簡易一些。大家可以自己試試看!
具體的代碼再下面:
br/>"http://www.w3.org/TR/xhtml11//DTD/xhtml11.dtd" >
 


NBA Player-Houston

 

Yao Ming



YaoMing

NickName:Yao

Position:Center

Height:216cm

Weight:156kg

Age:28

BirthPlace:Shanghai China






src="YiJianLian.jpg" alt="YI "Air YI" JianLian"/>

NickName:Air YI

Position:Formater

Height:208cm

Weight :120kg

Age:24

BirthPlace:Guangdong China




 
在網頁上寫好之後,我們要做的事情就是對於網頁進行驗證:http://validator.w3.org就是網址了,因為大多數情況下我們的網頁都是沒有上線的,所以我們選擇validator by file uploads這個選項去選擇我們要進行驗證的網頁文件,然後它就會給報錯提示之類的。如果沒有錯誤或警告,則證明你的程式碼寫的非常到位了。
接下來總結一下前三課所學到的東西:
1、所有的html頁面都必須包含哪四個標籤:html、head、title、body這四個標籤;
2、分行和分隔標籤hr和br的分別使用用法;
3、圖片的插入標籤img等;第一階段的學習就到此為止咯,接下來我們就要開始更加美好的更加強大的html學習了,大家都要加油咯!

 以上就是一步步學習html----第三課 的內容,更多相關內容請關注PHP中文網(www.php.cn)! 


🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板