iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

一日一屬性,HTML 基礎一定行 系列

大家對於屬性的認識可能再熟悉不過了,讓草頭黃小姐一日介紹一個,由淺入深,讓大家陪我輕鬆打穩基礎中的基礎!

鐵人鍊成 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文 團隊貓肥家潤一條龍
DAY 1

Day 01 什麼是 HTML 屬性

在 HTML 的標籤組成中,常會為了讓標籤更加符合我們的需求,好對標籤元素增加更多說明和功能,會增加屬性和值,屬性的英文稱為 attribute。屬性後通常會加...

2022-09-16 ‧ 由 Keddie 分享
DAY 2

Day 02 src 屬性介紹

上一篇用簡單文字介紹了屬性的簡介和其特色,接著想跟大家做更多屬性的應用。今天要介紹的屬性是 src。 常會使用在<img>標籤上,那它的實際應用可見...

2022-09-17 ‧ 由 Keddie 分享
DAY 3

Day 03 alt 屬性

上篇文章有提到,如果路徑沒設好,無法正確顯示檔案,通常為了讓使用者知道這張圖片的內容是什麼?會加上 alt 的屬性,那它又是怎麼樣使用的呢? alt 的全名為...

2022-09-18 ‧ 由 Keddie 分享
DAY 4

Day 04 class 屬性

HTML 的 class 屬性其實有點抽象,簡單來說是用來將某些標籤歸為同一類別,因此有可能很多元素會隸屬於同一 class。為什麼要有 Class: CSS...

2022-09-19 ‧ 由 Keddie 分享
DAY 5

Day 05 style 屬性

我們都知道 HTML 主要是為了將頁面所需文字和圖片逐一放上去,然後再藉著 CSS 來排版和調整期樣式。但是我們也可以在 HTML 加上 Style 的屬性,將...

2022-09-20 ‧ 由 Keddie 分享
DAY 6

Day 06 id 屬性

一篇文章提到 class,知道一個 HTML 裡可以有很多的 Class 存在,用來將裡面的元素分類。而在 HTML 裡,只會有一個 ID,你無法將 ID 裡的...

2022-09-21 ‧ 由 Keddie 分享
DAY 7

Day 07 href 屬性

跟 src 很像的屬性有 href,它的全名為 Hypertext Reference 中文叫做超文本連結,常會跟 標籤一起使用,其實它的功用指定目標到超連結...

2022-09-22 ‧ 由 Keddie 分享
DAY 8

Day 08 title 屬性

很多人在使用 img 標籤除了會使用 alt 屬性之外,還會搭配使用 title 屬性。在之前文章提過 alt 屬性最主要就是當圖片失效時,可以成為輔助的文字,...

2022-09-23 ‧ 由 Keddie 分享
DAY 9

Day 09 type 屬性

type 屬性會用 <button> ,<input>,<embed>, <link>, <object&...

2022-09-24 ‧ 由 Keddie 分享
DAY 10

Day 10 loop 和 hidden 屬性

loop 是提供給多媒體使用的屬性,是希望讓音樂或是影片可以重複播放,可以用在 <audio>和<video>標籤上。特別注意的是 ve...

2022-09-25 ‧ 由 Keddie 分享