零基礎小白三天學會基礎HTML day2

2021-10-11 23:33:54 字數 2291 閱讀 8782

任何一張網頁都少不了,乙個有**的網頁,會使得使用者體驗性更好。那麼下面就來學習一下的用法。

一、img標籤簡介

在html中,影象使用img標籤。對於「影象標籤」,我們先掌握乙個img標籤和它的3個屬性src、alt和title就行

1.img標籤src屬性

src,即「source(原始檔)」。img標籤的src屬性用於指定影象原始檔所在的路徑,它是影象必不可少的屬性。

語法:img src=「影象原始檔的路徑」

預覽效果:

alt屬性是用於載入不出來時,設定的描述資訊,這些資訊是給搜尋引擎看的。

語法:

四、img標籤title屬性

title屬性用於設定滑鼠移到上的提示文字,這些提示文字是給使用者看的。

語法:

當滑鼠移到上的提示文字

相對路徑和絕對路徑:

1、相對路徑和絕對路徑:

(1)相對路徑,就是在同乙個**下,不同檔案之間的的位置定位。引用的檔案是相對當前網頁的位置而言的,根據這個相對位置得出相對路徑。

(2)絕對路徑,指的是完整的路徑。

​ 相對路徑寫法1: ./表示當前資源所在的目錄

​ 2: …/ 返回上一級目錄

​ (相對路徑的 ./是可以省略的)

拓展:我們了解一下.jpg、.png和.gif三種格式的區別。

1、jpg可以很好處理大面積色調的影象,如相片、網頁一般的。

2、png格式體積小,而且無失真壓縮,能保證網頁的開啟速度。最重要的是png格式支援透明資訊。png格式可以稱為「網頁設計專用格式」。

3、gif格式影象效果很差,但是可以製作動畫。

4.在html編寫裡面用png格式

html列表中:列表共有3種:①有序列表;②無序列表;③定義列表。

html有序列表:

有序列表的各個列表項是有順序的。有序列表從ol開始,到/ol結束,中間的列表項是li標籤內容。 有序列表的列表項是有先後順序的,一般採用數字或字母作為順序,預設是採用數字順序。

語法:

在瀏覽器預覽效果如下

屬性:type 列表項的序號型別進行什麼樣更改

![在這裡插入描述](
在瀏覽器預覽效果如下

2. 無序列表

無序列表,很好理解,有序列表的列表項是有一定順序的,而無序列表的列表項是沒有順序的。預設情況下,無序列表的專案符號是●,不過可以通過無序列表type屬性來改變無序列表的列表項符號。

語法:

在瀏覽器預覽效果如下

屬性:type屬性值 列表項的序號型別

disc 預設值,實心圓「●」

circle 空心圓「○」

square 實心正方形「■」

(ul元素內部的子元素只能是li元素,不能是其他元素。)

3.html定義列表

定義列表由兩部分組成:定義條件和定義描述

語法:

在瀏覽器預覽效果如下

dl即「definition list(定義列表)」,dt即「definition term(定義名詞)」,而dd即「definition description(定義描述)」。在該語法中,dl標記和dl標記分別定義了定義列表的開始和結束,dt後面新增要解釋的名詞,而在dd後面則新增該名詞的具體解釋。

HTML零基礎入門

注意事項 1.doctype html 必須放在文件的第一行。2.doctype 宣告不是html標籤。當出現中文亂碼時,使用標籤來解決。3.影象標籤中 img src alt src必寫,它是屬於單閉合開關。標題標籤 h1 h6 段落標籤 p 換行標籤 br 單閉合開關 水平線標籤 hr 水平分割...

零基礎小白Python入門必看 程式設計基礎概念

每個物件由 標識 id 型別 type 值 value 組成 型別 相當於物件儲存的 資料 的型別。型別可以限制物件的取值範圍和可執行操作,使用type 123 獲取所屬型別。值 表示物件所儲存的資料的資訊。使用print 123 直接打在這裡插入 片印出值。用於變數 函式 類 模組等的名稱。a 1...

HTML零基礎學習筆記 一

size medium b html學習筆記 b size color darkred b 什麼是html?b color 超文字標記語言,即html hypertext markup language 是用於描述網頁文件的一種標記語言。color darkred b 什麼是w3c?b color ...