HTML

3個要點弄懂HTML的Form表單

Form表單

更新日期: 2022 年 11 月 6 日

<form>表單標籤是Html的各類標籤中比較複雜的部分,剛開始接觸時,你可能覺得大概就跟其他的標籤一樣,一個一個放上去便可以成功的在網頁上展示出一個表單,但真的開始去做時,很容易一不小心就被一堆不同的標籤(tag)、屬性(attribute)、值(value)弄得頭暈,然後再被一堆看起來都一樣的值搞混。

會產生這樣的狀況,是由於HTML為了讓表單可以滿足各類型資料的需求,使表單具有顯示各種輸入格式的功能,例如有些表單可以填入文字,有些只能填入數字、E-mail、日期,有些則可能要勾取選項,還分複選跟單選,而這些各式各樣的格式,需要不同的標籤及屬性來建立,如此一來,便提高表單建立上的複雜性。

東西一多,就複雜了,就好比買一杯咖啡給一位同事,跟包辦公司100位分屬5個單位的同仁的咖啡,還分冷熱、大小杯,複雜程度難以相比,後者可說是個工程了。

回歸正題,表單除了要能填寫外,寫好的資料還需要送到後端,把資料遞交出去,所以標籤的屬性又牽涉到後端,例如method與action。

15個常用的HTML標籤與屬性基本介紹

15個常用的HTML標籤與屬性基本介紹

更新日期: 2024 年 4 月 21 日

在《Python爬蟲必備的HTML概念,5個要點認識網頁的基本結構文章中,我們概要的認識了網頁的架構,知道<!DOCTYPE html>是宣告,功能是讓瀏覽器知道這是HTML,也知道網頁的架構就是由<html></html>、<head></head>、<body></body>三個大標籤(tags)所構成,分別表示網頁的工作範疇。

接著我們來簡單認識幾個常用的HTML標籤,及弄懂屬性(attributes)是什麼東西,知道怎麼使用常用的HTML標籤及屬性後,便可以運用基礎的知識,學習CSS,讓你具備架構網頁的知識與也知道如何設定選擇器(selectors),讓Python爬蟲來找尋你需要的資訊。

Python爬蟲必備的HTML概念,5個要點認識網頁的基本結構

HTML概念

更新日期: 2022 年 9 月 11 日

如果學習HTML,就跟學會日常生活中你有興趣的事類似,你會不會比較能夠感同身受,容易理解HTML的運作方式?

學習新的事物,要是可以與你的生活經驗結合,學習起來會比較親近點,好學一些。

它們可能很相似,也可能完全不同;若概念相似,可以讓你套用既有的經驗仿效學習,若是截然不同,也會讓你開開眼界,發現原來有這樣的方法,來組織起一個有價值的東西,讓你有所成長。