- Taipei, Taiwan
- Taipei, Taiwan
-
-
Web - 第十九章 | HTML 原生Form表單組件(一)
這篇關於表單的組件，非常的多，我將會把文章拆成兩個章節來做筆記記錄，這章只會紀錄「文本輸入域(Text input fields)」、「下拉內容(Drop-down content)」。 通用屬性 大部分用來定義表單小組件的元素都有一些他們自己的屬性。然而，在所有表單元素中都有一組屬性，...
-
Web - 第十八章 | HTML 建構Form表單
HTML表單的靈活性使它們成為HTML中最複雜的結構之一; 你可以使用專用的表單元素和屬性構建任何類型的基本表單。在構建HTML表單時使用正確的結構將有助於確保表單既可用又可訪問。 <form>元素 <form>元素按照一定的格式定義了表單和確定表單行為的屬性。當...
-
Web - 第十七章 | HTML Form表單
這邊這篇文章是個非常重要的開始，因為後端和前端的溝通，幾乎都是透過Form來做程序之間的交換。 HTML Form 表單是什麼？ HTML表單是用戶和web站點或應用程序之間交互的主要內容之一。它們允許用戶將資料發送到web站點。大多數情況下，資料被發送到web伺服器，但是web頁面也可...
-
Web - 第十六章 | HTML 表格高級功能和可訪問性
HTML 表格更高級的功能，比如像表格的標題/摘要，以及將你表格中的各行分組成頭部、正文、頁腳部分，提高視障用戶的可訪問性。 表格標題節 表格增加一個標題，通過<caption>元素，再把<caption>元素放入 <table>元素中。 你應...
-
Web - 第十五章 | HTML 表格基礎知識
常常在寫網頁上面的表格，總是會遇到要有標題的表格、要合併儲存格、要跨行跨列、樣式⋯等等。因為不熟悉的關係，常常花很多時間在搜尋方面，希望透過這一系列的了解，可以增加自己的技術能力。 什麼是表格？ 表格是由行和列組成的結構化資料集(表格資料)，它能夠使你簡捷迅速地查找某個表示不同類型資料之...
-
Web - 第十四章 | HTML 響應式圖片
在開始之前我必須要說，這篇對我來說太重要了，因為目前工作上在全面的調整公司網站的網頁，改為響應式網頁設計(英語：Responsive web design，通常縮寫為RWD)，然後這篇準備要看的是「響應式圖片」，正好可以補充一下一些技術知識上的不足。 響應式網頁設計（英語：Responsive...
-
Web - 第十三章 | HTML 將向量圖形添加到Web
在看到這篇文章以前，我是真的沒有研究了解過，可能因為不是主攻這塊的麻，但是學無邊界，就是看到有稍微沾到邊的，基本上都要去了解，哪怕某一天可以拿來用或是解決問題是吧。 文中提到，向量圖形在很多情況下非常有用 — 它們擁有較小的文件尺寸，卻高度可縮放，所以它們不會在鏡頭拉近或者放大圖像時像素化，這...
-
Web - 第十二章 | HTML 從對像到iframe - 其他嵌入技術
目前已經了解到如何在網頁上，插入圖片、影片、音樂⋯等等，接下來我們要在網頁上面在嵌入其他的內容元素、其他網站內容⋯之類的。 嵌入的簡史 很久以前，很流行在網路上使用框架建立網站—網站的一小部分存儲於單獨的HTML頁面中。這些被嵌入在一個稱為框架集的主文件中，它允許你指定每個框架能夠填充在...
-
Web - 第十一章 | HTML 中的視頻和音頻
這邊看完這篇文章後，沒想到在網頁中加入視頻和音頻，居然有這麼多需要注意的部分，不管是在視頻上的Type和格式以及瀏覽器支援的問題，這些我以前都沒有想過；還有音頻可以加入字幕⋯等等太多了。哈，真的是學海無涯。 web 中的音頻和視頻 現在我們可以輕鬆的為一張web網頁添加簡單的圖像，下一步...
-
Web - 第十章 | HTML 中的圖片
在一開始時，Web僅有文本，那真的是很無趣。幸運的是，沒過多久網頁上就能嵌入圖片和其他有趣的內容了。雖然還有許多其他類型的多媒體，但是從地位比較低的<img>元素開始是符合邏輯的，它常常被用來在網頁中嵌入一張簡單的圖片。在這篇文章中，我們將看到怎樣深入的使用它，包括基本的用<fi...