iT邦幫忙

html相關文章
共有 855 則文章

技術 使用Emmet省下泡一杯咖啡的時間(HTML篇)

使用Emmet省下泡一杯咖啡的時間 (HTML篇) 效率滿點的好工具 為什麼而學? 前身是Zen coding,現已改名為Emmet,是一款文字編輯器的套件...

鐵人賽 Modern Web
HTML 與 CSS 學習筆記 系列 第 31

技術 HTML 與 CSS 學習筆記 - 系列目錄

前言 將這 30 天的資料做成目錄,並簡單說明內容,方便查找 紀錄一下 系列目錄 HTML 與 CSS 學習筆記 系列 Day01 - 說明、工具 前言...

鐵人賽 Modern Web DAY 30
HTML 與 CSS 學習筆記 系列 第 30

技術 Day30 - 結語、推薦

結語 感謝鐵人賽的契機,讓我又完成一門課了,雖然是一門基礎的課程,但是過程中依然放了不少心力,看那幾乎都接近時限前的發文,每天都花 1 ~ 2 小時的時間,上完...

徵才 日商(網站維護及網頁設計) 月薪60K

【工作內容】 ・使用HTML、CSS編輯網站後台 ・相關網站維護及網頁設計 ・公司官網的程式編碼 ・其他業務支援 【條件】 ・網站架構、維護三年以上相關經驗 ・...

徵才 日系知名雲端軟體系統開發 |系統工程師

【公司介紹】以提供雲端群組軟體及工作改善服務為主軸。日本市佔率第一,服務據點遍布全球,橫跨亞太、北美地區。2017年9月設立台灣據點,已協助超過百家企業、提高工...

鐵人賽 Modern Web DAY 29
HTML 與 CSS 學習筆記 系列 第 29

技術 Day29 - Float

Float float:用來將區塊並排時可以使用,當設定浮動時,其父層會抓不到子層的高度 left:靠左浮動 right:靠右浮動 none:不浮動...

鐵人賽 Modern Web DAY 28
HTML 與 CSS 學習筆記 系列 第 28

技術 Day28 - HTML 與 CSS (10) - 網頁設計

網頁設計 環境:將多頁面的檔案建立,連結確認彼此間的關係 layout (佈局):評估多個頁面皆會出現的部分,如開頭與結尾,可稱為佈局 保持彈性:內容長度不定...

鐵人賽 Modern Web DAY 28
喪屍黑白切 系列 第 28

技術 Day 28 | 來組合個畫面吧 - Part 1

終於要來組合畫面嚕~寫了這麼多天的小區塊切版,終於要派上用場了!是不是常常有一種:「我想要學的是整個網頁的切版,不是這種小區塊!」的吶喊啊?其實小區塊切得好,切...

鐵人賽 Modern Web DAY 26
HTML 與 CSS 學習筆記 系列 第 26

技術 Day26 - HTML 與 CSS (8) - 背景圖片

背景圖片 background-image:使用 url(pic路徑) 來顯示圖片 background-image: url(./img/logo.p...

鐵人賽 Modern Web DAY 25
HTML 與 CSS 學習筆記 系列 第 25

技術 Day25 - CSS (6) - 漸層、權重

漸層 linear-gradient:漸層屬性,可以從 background 套用 方向:預設未寫為上至下 to bottom,也可寫成角度,從上以 0...

鐵人賽 Modern Web DAY 25

達標好文 技術 【Day 25】HTML Table Responsive (RWD) 的幾種方法分享

Visual examples of those four possibilities. by CSS-TRICKS 在製作表格時,最常遇到的狀況就是需要在各種...

技術 Day40 網頁前端-持續練習(終極試煉)

Day40 終極試煉 簡單小語 終極試煉拖了好久啊啊啊,工作忙,家裡忙,又有連假,一切都是藉口,小魯是不會多說的,寫這篇心得當下可是在花蓮民宿裡苦苦地寫,為的...

鐵人賽 Modern Web DAY 24
HTML 與 CSS 學習筆記 系列 第 24

技術 Day24 - CSS (5) - 圓弧、陰影

圓弧 border-radius:圓弧屬性,可設定 4 組,可以為 px 或是 % ,從左上開始,順時鐘為左上、右上、右下、左下 設定 1 個:代表全部通...

鐵人賽 Modern Web DAY 24

技術 【Day 24】成為網頁設計師後,我再也不畫表格了! - Word to HTML 線上工具

不知道各位網頁設計師,在製作設計稿的時候,有沒有遇過需要設計的表格內容超級多!類似部門人員介紹或人事績效考核的超長表格XD By 攝圖網 - 人事行政主管绩效考...

技術 Day39 網頁前端-持續練習(刻不容緩)

Day39 刻不容緩 簡單小語 這個樣板算是目前最大挑戰,看似簡單但細節超級多,中間又卡了一個出遊因此進度落後,趕快補起來,許多地方並沒有樣板這樣如此細膩及滑...

鐵人賽 Modern Web DAY 23
HTML 與 CSS 學習筆記 系列 第 23

技術 Day23 - HTML 與 CSS (7) - Form 表單

Form 表單 <input>:說明 type 的單選與多選 radio:單選 同一群要定義 name,value 回傳值 描述可用 la...

技術 Day38 網頁前端-持續練習(隨點隨到)

Day38 隨點隨到 簡單小語 看到這個menu的效果可以fixed在想要的位置上,覺得超酷,立刻查資料看看要如何做,才發現原來可以用JQuery去尋找滑鼠的...

鐵人賽 Modern Web DAY 22
HTML 與 CSS 學習筆記 系列 第 22

技術 Day22 - HTML 與 CSS (6) - Form 表單

Form 表單 <form>:有 action 來確定要送出的地方,method 則是送出的方法 <input>:用來輸入資料...

技術 Day37 網頁前端-持續練習(電光一閃)

Day37 電光一閃 簡單小語 為什麼叫電光一閃呢?因為每個在hover後都是快速閃一下,一時興起就來的電光一閃吧(衝吧皮卡丘,宅ing),看到好多樣式,於是...

鐵人賽 Modern Web DAY 24
前端開發 30 個問題 系列 第 24

技術 如何調整游標 (caret) 位置

前言2020 秋天,我將用 30 天的時間,來嘗試回答和網路前端開發相關的 30 個問題。30 天無法一網打盡浩瀚的前端知識,有些問題可能對有些讀者來說相對簡...

鐵人賽 Modern Web DAY 21
HTML 與 CSS 學習筆記 系列 第 21

技術 Day21 - HTML 與 CSS (5) - Table 表格

Table 表格 <table> <tr>:代表 (table row),橫的 row <td>:代表 (tabl...

技術 Day36 網頁前端-持續練習(風琴萬種)

Day36 風琴萬種 簡單小語 原來做了這麼久的收合選單,這種樣式叫做手風琴選單啊!果然風琴萬種(什麼爛梗……)無知如小魯的我,看了下樣板覺得可以更改樣式,讓...

鐵人賽 Modern Web DAY 20
HTML 與 CSS 學習筆記 系列 第 20

技術 Day20 - Position (2) - 固定定位

固定定位 不隨網頁滑動(滾動)而改變位置,例如購物車按鈕、置頂按鈕、聊天服務等固定區域的 fixed:類似絕對座標固定位置,但參考的是瀏覽器視窗,也就是我們...

技術 Day35 網頁前端-持續練習(大俠漢堡)

Day35 大俠漢堡 簡單小語 大俠愛吃漢堡包,純正牛肉真是好;香港市民添口福,吃完就是乖寶寶,看到這麼多的漢堡選單樣式,就立刻想到這個標語及經典台詞,這次練...

鐵人賽 Modern Web DAY 19
HTML 與 CSS 學習筆記 系列 第 19

技術 Day19 - Position (1) - 相對定位、絕對定位

相對定位與絕對定位 可以用來應用在重疊 static:預設值,代表不會被定位,依照網頁預設排版 absolute:絕對座標,可放在整個網頁視窗的位置,挪動...

技術 Day34 網頁前端-持續練習(鈕紐捏捏)

Day34 鈕紐捏捏 簡單小語 看到這麼多的按鈕效果,真的是看得鈕鈕捏捏,忍不住就想挑戰想練習,總共16個效果,有些想破腦筋,有些熟能生巧,不斷的刷新就是看自...

技術 Day33 網頁前端-持續練習(透明人間)

Day33 透明人間 簡單小語 這個練習只看到,哇透明的header並用fixed的方式,不過萬萬沒想到,還是忘記該如何製作透明模糊背景,經過Google後又...

鐵人賽 Modern Web DAY 18

技術 [HTML] 圖解 Table 結構

雖說目前網頁排版已經不太會用表格來做,但偶有簡易的資料表要呈現時,還是會使用到 <table>呀!不知道有沒有人跟我一樣常被 HTML Table...

鐵人賽 Modern Web DAY 18
HTML 與 CSS 學習筆記 系列 第 18

技術 Day18 - Flex (5) - 並排選單

做個簡單的並排選單練習 HTML 將基本列表完成,使用 <ul> 和 <li> 因為是要點擊連結,所以加入 <a> 最...

鐵人賽 Modern Web DAY 17
HTML 與 CSS 學習筆記 系列 第 17

技術 Day17 - Flex (4) - flex-wrap、flex-flow、內元件

延續昨日的部分,把外容器補完 flex-wrap flex-wrap:就是換行屬性,當內元件數量超過外容器大小時,就會超出 各屬性如下,假設 flex-di...