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

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲
