iT邦幫忙

html相關文章
共有 441 則文章
鐵人賽 自我挑戰組 DAY 14
網頁學習紀錄 系列 第 14

技術 鐵人賽Day14-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!播放器!

aside 終於進入最後一個部分,也就是播放器了,預計呈現樣式如下圖: 這次用了比較多技巧跟方式,慢慢的講解吧!! HTML 如下: <div clas...

鐵人賽 影片教學 DAY 1

達標好文 技術 金魚都能懂的這個網頁畫面怎麼切 : 圖文滿版區塊

本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔,另外幾個重點問題中,Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...

鐵人賽 自我挑戰組 DAY 13
網頁學習紀錄 系列 第 13

技術 鐵人賽Day13-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!加入 hover 效果!

進入 aside 中間部分的編寫,想要寫成下方畫面 程式碼滿簡單的,跟前面的程式碼差不多,但這次加入了畫面優化跟效果, 先來看一下 HTML 程式碼 &lt...

鐵人賽 Modern Web DAY 1
重新認識 CSS 系列 第 1

技術 重新認識 CSS - CSS 簡介

CSS 是 Cascading Style Sheets 的縮寫,是一種 style sheet (樣式表) 語言,可將自訂的樣式 (例如:字體、顏色) 附加在...

鐵人賽 自我挑戰組 DAY 12
網頁學習紀錄 系列 第 12

技術 鐵人賽Day12-向 KKBOX 致敬,寫一個 aside 側邊欄位吧!

這次要寫一個播放器的清單,在編寫之前,我先把 navbar 優化了一下,如下圖呈現的樣式, 但我還是沒有研究出來 search 要怎麼對齊在 navbar 的...

鐵人賽 自我挑戰組 DAY 11
網頁學習紀錄 系列 第 11

技術 鐵人賽Day11- 向 KKBOX 致敬,一樣從 navbar 開始

小弟平常喜歡聽音樂,台灣音樂串流平台的始祖 KKBOX,從一推出就使用至今,也看到 KKBOX 在台灣的音樂圈越來越具有代表性,並且還有自己的風雲榜演唱會,真是...

鐵人賽 自我挑戰組 DAY 10
網頁學習紀錄 系列 第 10

技術 鐵人賽Day10-向 KKBOX 致敬

小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式, 接下來這一週要向 KKBOX 致敬,撰寫內容如下 navbar 導覽列 左邊 s...

鐵人賽 自我挑戰組 DAY 10
一週程式專案挑戰 系列 第 10

技術 [專案02]自製踩地雷(三)用JS控制地圖大小

初級踩地雷是9X9地圖,如果網頁直接寫死,三個等級就要寫三頁。透過JavaScript來控制地圖大小,就可以將初、中、高地圖寫在同頁,甚至還可以讓玩家自訂地圖大...

鐵人賽 自我挑戰組 DAY 8
網頁學習紀錄 系列 第 8

技術 鐵人賽Day8-來寫一個 footer 吧!

終於來到第一個網頁的內容結尾,通常結尾會有一個表尾,我們俗稱 footer,用來做最後的資訊用,但我個人比較喜歡簡單的樣式,所以就來寫一簡單的 footer 吧...

鐵人賽 自我挑戰組 DAY 8
一週程式專案挑戰 系列 第 8

技術 [專案02]自製踩地雷(一)前期規劃

windows經典小遊戲,CPE也有踩地雷10189 - Minesweeper,不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷,會用到Html、Css、JS...

鐵人賽 自我挑戰組 DAY 6
網頁學習紀錄 系列 第 6

技術 鐵人賽Day6-寫一個 用 ul li 產生的 product 產品表吧!

一個網頁的產生,除了跟消費者介紹產品與提供資訊外,最重要的就是要提供下單服務啦!! 這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表...

鐵人賽 自我挑戰組 DAY 5
網頁學習紀錄 系列 第 5

技術 鐵人賽Day5-寫一個 三欄式 ul li 吧!

一個音樂網頁主視覺下方會有一個最新的資訊,就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <sect...

鐵人賽 自我挑戰組 DAY 4
網頁學習紀錄 系列 第 4

技術 鐵人賽Day4- 來寫個 header 吧!

網站中最重要的主視覺大圖,大部分會落在 header 上,今天就來寫個 header 吧!! 預計會長這樣 HTML 的寫法很簡單,如下方 <div...

鐵人賽 自我挑戰組 DAY 4

技術 任務 04 | HTML、CSS 和自適應網站設計

響應式網頁設計 響應式網頁設計(英語:Responsive web design,通常縮寫為 RWD),或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是...

鐵人賽 自我挑戰組 DAY 2
網頁學習紀錄 系列 第 2

技術 鐵人賽Day2-寫一個 Navbar 導覽列吧!

現在網頁為了 RWD ,在 layout 的 navbar 跟 footer 都會固定,而網頁最上方都會有一個 navbar,裡面會有 logo 還有一些選項,...

鐵人賽 自我挑戰組 DAY 1
網頁學習紀錄 系列 第 1

技術 鐵人賽 Day 1-寫在鐵人賽第一天

從大學畢業以來,就一直在平面設計的領域中探索自己, 如何將自己所學變成可能回饋社會的力量, 雖然不多,但不斷的努力著透過設計可以讓台灣的視覺更好, 隨著智慧裝置...

鐵人賽 Modern Web DAY 2

技術 Day 02: 網頁生命週期之頁面建置

一個網頁應用程式的生命週期可分為以下階段: 輸入網址或點擊超連結 瀏覽器向伺服器送出 request 伺服器回傳回應頁面(HTML, CSS, 和 JavaS...

技術 什麼是 HTML 標題語法 < h1 > 至 < h6 > 與 SEO 的關係

有一些看似很基本的知識 例如 Heading < H1 > 至 < H6 > 有時不知是不是所有新手 都知道是什麼? 在老一輩什麼都是...

徵才 [誠徵] 網頁前端合作伙伴

誠徵網頁前端合作伙伴, 希望能夠長期合作者為佳, 至少網頁做一年以上吧, 最好是常在切版, 能夠做動畫之類的更好, 然後可以介接API, 希望是能夠前後端分離的...

技術 2019/3/28 問題小記

重要的一天,記錄一些筆記: HTML ::after 解釋 在原本的元件後面增加內容。 []的運用 style{ .img img[alt]{ w...

技術 [HTML] tr:nth-child(even)失效 更改預設瀏覽器版本為9即可

用VS 2013 F5跑起來看,有相間的效果 但網頁放到IIS上時,就沒有了. 查到原因是因為IE瀏覽時預設值為版本7,這個功能要9 以上才支援. 所以就再...

技術 【javascript+php】【紀錄】寫php的時候需要傳值給javascript該怎麼辦--遇到問題的解決方式

這是第一次在這裡發文,這是一篇記錄自己在寫php的時候遇到的問題紀錄與找到的解決方法。 遇到的問題:按下按鈕之後要呼叫寫在同一頁的Javascript func...

鐵人賽 自我挑戰組 DAY 29

技術 CSS的Class和id到底誰比較大牌?(原始碼比對版)

相較於前一篇用文字記憶法,這篇則是用原始碼做為比較,詳細列出一眼辯英雄的矛盾大對決! 從第5項實驗,我們成功證明了id確實強過class的效果! 但是這時我突...

鐵人賽 自我挑戰組 DAY 27

技術 連我都沒看過的特殊字符編碼

或許你可能曾在FB或是Dcard的留言板上,看過諸如此類的奇怪文字: 因為大家都不知道怎麼辦到的,所以紛紛複製貼上,演變成大量洗版的詭異流行。 現在就來介...

鐵人賽 自我挑戰組 DAY 27
開源組織生態觀察筆記 系列 第 27

技術 [Day27] 網頁教學開源社群 --- freeCodeCamp

想轉職當網頁工程師,你有聽過 freeCodeCamp 嗎? 轉職寫網頁? 每當朋友說想要轉職當工程師,我都會推薦直接去寫網頁,因為資源豐富啊!而且市場需求...

技術 15分鐘,教你用Python爬網站數據,並用BI視覺化分析!

作為一名在資料行業打拚了兩年多的資料分析師,雖然目前收入還算ok,但每每想起房價,男兒三十還未立,內心就不免彷徨不已~ 兩年時間裡曾經換過一份工作,一直都是從事...

鐵人賽 自我挑戰組 DAY 25

技術 打不出特殊的符號?

就在寫前一篇範例的時候,突然想起了這項也很重要的問題: 當我想在內容編寫程式碼的語法時,導致網頁誤以為那也是一段要執行的語法,該怎麼辦? 這時就需要請出HTM...

鐵人賽 自我挑戰組 DAY 24

技術 網頁的皮膚──CSS階層式樣式表

如果HTML是人,那CSS就決定了他的髮膚顏色,而JS則是這個人的行為。 其中,HTML負責確定網頁中有哪些內容。 CSS確定如何展現元素的外觀(比如:大小、...

鐵人賽 自我挑戰組 DAY 21

技術 Day21 實作一個簡單的 Todolist (上)

第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手,把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...

鐵人賽 自我挑戰組 DAY 20

技術 斜槓與反斜槓

這是接續了前一篇推薦的教學網址,對其談到的斜槓稍作內容延伸。 這個符號 「/」就是斜槓,呈現上右下左。 而 「\」是反斜槓,呈現上左下右。 斜線的方向,有時...