iT邦幫忙

html相關文章
共有 449 則文章
鐵人賽 AI & Data DAY 6

技術 【Day 5】剖析網頁原始內容 (1/2) - HTML

在昨天的內容中,我們已經了解了基本的 HTML 結構,今天我們來試著剖析網頁原始碼並找出我們需要的資料。 常見剖析 HTML 原始碼的方式有三種: 正則表示式...

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

技術 鐵人賽 Day16-向 KKBOX 致敬!來一個滿版主視覺吧!!

今天要來寫一個滿版圖片,但不使用 img 的標籤,想呈現下方畫面 這次做法跟先前一個練習類似,但這次有一個地方有優化了一下,就是在這個地方增加下列屬性 .co...

鐵人賽 Modern Web DAY 18
ASP.NET Web Form 入門30天 系列 第 18

技術 [ASP.NET] 網頁常用物件-初淺談Request物件

本篇擷取重點: Request物件 Request物件的常用屬性及方法 一、Request物件 Request 物件是 ASP 的內建物件之一,我們可以使...

鐵人賽 自我挑戰組 DAY 4
從門外漢到前端新手 系列 第 4

技術 Day4 動手寫HTML之前(上)

首先就來了解網路的運作吧!點圖看影片 How The Internet Works: HTML是什麼 超文本標記語言(英語:HyperText Markup...

鐵人賽 AI & Data DAY 5

技術 【Day 4】常見的資料格式 (3/3) - HTML

我們在瀏覽器上實際看到的畫面,其實是瀏覽器在收到 HTML 後渲染出來的結果,之後寫爬蟲時也是幾乎都會根據 HTML 來找到我們要爬取的目標,所以必須對 HTM...

鐵人賽 Modern Web DAY 3
~網頁入門~ 系列 第 3

技術 Day03-網頁基本架構(上)

網路上有著各式各樣的網站,看似五花八門,但其實基本的頁面都是由 HTML 與 CSS 所構成,再加入程式語言來增加與使用者間的互動。這一篇,我要先來介紹一下 H...

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

技術 鐵人賽Day15-向 KKBOX 致敬!寫個右邊欄位的 header!

左邊的欄位已經寫完了,這篇開始從右側欄位開始撰寫內容, 預計 header 會長這樣,左邊是一排選單,右邊有一個按鈕,給客戶做意見回饋用, 如下圖: 為了要讓...

鐵人賽 Modern Web DAY 2

技術 02. [HTML] script tag 加上 async & defer 的功能及差異?

前端當然要從 HTML 出發,今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道,瀏覽器解析 HTML...

鐵人賽 自我挑戰組 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...