iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

學習 HTML / CSS 遇到的問題 系列

記錄一些自己在初學 HTML / CSS 時遇過的問題,或是看過其他初學者遇過的問題

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

元素的寬高

HTML / CSS 是我第一個接觸的網頁相關語言(學了好一陣子才發現 HTML / CSS 不是程式語言,原本以為所有和網頁有關的都屬於程式語言,這樣說起來...

2020-09-16 ‧ 由 hsin yu 分享
DAY 2

關於 <ul> < li>

初期學到 ul li 列表結構,以為列表就是只有這種文字的列表形式 &lt;ul&gt; &lt;li&gt;文字文字文字&lt;/li&gt; &lt;l...

2020-09-17 ‧ 由 hsin yu 分享
DAY 3

關於 <ul> <li>(二)

ul li 列點縮排 之前遇過將 ul li 放在區塊內,發現使用 CSS Reset 後,列點是在區塊外的示意範例後來查了一下,找到此調整列表縮排,文章中提到...

2020-09-18 ‧ 由 hsin yu 分享
DAY 4

關於 h1- h6

一個頁面一個 h1 開始練習規劃網頁內容,使用 h1-h6 來表示標題重要性時,就曾經因為覺得有幾個地方標題都很大,因此全部使用 h1 標籤來表示大標題,後來才...

2020-09-19 ‧ 由 hsin yu 分享
DAY 5

HTML 元素組成

雖然不算是學習過程遇到的問題,不過直到前兩個月開始翻 HTML / CSS 的書籍才了解元素的組成架構,最一開始接觸時就是從怎麼寫一些基本的 HTML 標籤,不...

2020-09-20 ‧ 由 hsin yu 分享
DAY 6

關於 <img>

img 標籤寫法 &lt;img src=&quot;img_girl.jpg&quot; alt=&quot;Girl in a jacket&quot; w...

2020-09-21 ‧ 由 hsin yu 分享
DAY 7

img 下方的留白空間

當 img 放在 div 中,會發現圖片與 div 底部有一小塊留白,使用開發者工具查看會發現 div 的高度比 img 本身的高度多了一點(約 2px)以下參...

2020-09-22 ‧ 由 hsin yu 分享
DAY 8

關於 table 表格

基本表格結構 &lt;table&gt;&lt;tr&gt; : tr 代表「表格列 ( table row )」&lt;td&gt; : td 代表「表格資...

2020-09-23 ‧ 由 hsin yu 分享
DAY 9

關於 table 表格(二)

因較少使用到因此在這邊補充紀錄一下~ table 跨欄、列 &lt;th&gt; &lt;td&gt; 可在開始標籤處使用 colspan 和 rowspan...

2020-09-24 ‧ 由 hsin yu 分享
DAY 10

<input> - type 屬性

常使用到的 HTML 表單元素 &lt;input&gt; &lt;label&gt; &lt;select&gt; &lt;textarea&gt;...

2020-09-25 ‧ 由 hsin yu 分享