iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

轉職工程師前的技能學習!沒記起來就偷看筆記吧~ 系列

最近想轉職工程師,主要學習HTML、CSS、javaScript、jQuery,剛學沒多久,很多語法明明都學過寫過,但就容易記不起來,所以決定來整理個筆記,寫過的就讓他留下痕跡,忘了也不用在資訊海裡找答案,看筆記就會!

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

HTML5的語意化標籤,加速搜尋引擎讀懂你的網頁

第一次參加鐵人賽~新手中的新手,一步一腳印的學習筆記就在這邊跟大家分享啦!第一篇文章先來簡單介紹HTML5實用的語意化標籤,HTML屬於標記式語言,用<...

2022-09-15 ‧ 由 Alice CH 分享
DAY 2

HTML裡的meta tag這些你用得到的功能!加強SEO搜尋靠它

上一篇講了語意化能夠增加素搜尋引擎辨識網頁中的區塊,這裡來介紹讓SEO能夠搜尋到你的方法!meta是元資訊(meta data),HTML< head &...

2022-09-16 ‧ 由 Alice CH 分享
DAY 3

用HTML與CSS製作出「下拉選單」!

input原本的下拉選單太過擁擠,想製作出好看的下拉選單可以參考這邊呦~ HTML 先製作選單input值,讓input內文字能夠顯示出所選選項。 <di...

2022-09-17 ‧ 由 Alice CH 分享
DAY 4

如何用HTML與CSS製作出「toggle開關鍵」

iphone常用的開關鍵,其實很簡單! HTML 使用input的checkbox <input id="toggle" class=...

2022-09-18 ‧ 由 Alice CH 分享
DAY 5

用偽元素改寫input radio,自己設計「單選框」

美化UI小技巧,讓單選框可以更符合設計樣式~ HTML <input type="radio" name="radio&...

2022-09-19 ‧ 由 Alice CH 分享
DAY 6

用 HTML, CSS, jQuery來做「動態進度條」

這次的有用到jQuery,讓進度條動起來! HTML 有使用到data-寫法~ <div class="tool-chart" da...

2022-09-20 ‧ 由 Alice CH 分享
DAY 7

Bootstrap RWD應用,製作簡易「切換頁面」

製作簡單點選切換互動,搭配Bootstrap就能輕鬆有RWD的效果呦!此範例需引用Bootstrap, fontawesome, jQuery呦。 原頁面比例...

2022-09-21 ‧ 由 Alice CH 分享