iT邦幫忙

鐵人檔案

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

給自己學習30天重新認識css 系列

哈囉我是黃奇昌,這是我第一次參加IT鐵人賽。
透過這次的鐵人賽重新認識CSS的觀念及讓自己更加熟悉HTML語法。

給自己更多投入時間學習網頁設計及切版,重新認識CSS。
大家請多多指教。

參賽天數 16 天 | 共 16 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

給自己學習30天重新認識css

哈囉大家好,我是黃奇昌我就讀嶺東科技大學視覺傳達設計系 今年是第一次參加13th鐵人賽,想跟大家好好分享重新學習css,以設計師的角度去學習切版流程。我規劃了3...

2021-09-16 ‧ 由 黃奇昌 分享
DAY 2

建立第一份html文件

建立第一份html文件,需要注意一些細節如沒宣告加上!doctype html會導致瀏覽器解讀功能會出現問題,一定要加上這行才可以確保html是正確的哦 影片...

2021-09-17 ‧ 由 黃奇昌 分享
DAY 3

h1~h6標題基礎用法

<h1> 標題01 </h1> <h2> 標題02 <...

2021-09-18 ‧ 由 黃奇昌 分享
DAY 4

img圖片標籤基本語法

img標籤語法使用在html的加入圖片的語法 需要注意地方是,img不需要做閉合標籤的動作 常見不用閉合標籤:<br><meta>&lt...

2021-09-19 ‧ 由 黃奇昌 分享
DAY 5

絕對路徑及相對路徑

上一篇提到圖片匯入方式最重要環節就是src屬性,相對路徑及絕對路徑使用方式要注意相對路徑檔案及絕對路徑差別 相對路徑: .目前的目錄/根目錄..上一層目錄...

2021-09-20 ‧ 由 黃奇昌 分享
DAY 6

p段落標籤-基礎用法

p段落標籤最常使用搭配段落文章使用同時也是一個display:block特性的元素 <p>Lorem ipsum dolor sit amet co...

2021-09-21 ‧ 由 黃奇昌 分享
DAY 7

a連結標籤基礎方法

<a href="https://www.w3.org/" target="_blank"> &lt...

2021-09-22 ‧ 由 黃奇昌 分享
DAY 8

ui li 列出清單標籤-基礎語法

<ul> <li>1</li> <li>2</li>...

2021-09-23 ‧ 由 黃奇昌 分享
DAY 9

div及span容器標籤-基礎語法

介紹div及span容器標籤使用方式及注意事項淺談div區塊元素及span行內元素 <div> <h2&gt...

2021-09-24 ‧ 由 黃奇昌 分享
DAY 10

html5 語意化標籤-基礎語法

html5 語意化標籤歷史 在很久以前html還沒有語意化標籤,都是使用div區塊元素來做排版早期網頁都會用有div區塊元素去包其他元素,例如範例以下:...

2021-09-25 ‧ 由 黃奇昌 分享