目錄
Yao Ming
首頁 web前端 html教學 一步步學習html----第三課

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

Dec 20, 2016 pm 02:36 PM
html

經過前面兩課的學習,不知道你們對於什麼是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)! 


🎜
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 表格邊框指南。在這裡,我們以 HTML 中的表格邊框為例,討論定義表格邊框的多種方法。

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

這是 HTML 中巢狀表的指南。這裡我們討論如何在表中建立表格以及對應的範例。

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距指南。在這裡,我們討論 HTML margin-left 的簡要概述及其範例及其程式碼實作。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

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

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在這裡我們也分別討論了 HTML 有序列表和類型的介紹以及它們的範例

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕指南。這裡我們分別討論它們的介紹、工作原理、範例以及各個事件中的onclick事件。

See all articles