iT邦幫忙

html相關文章
共有 855 則文章
鐵人賽 自我挑戰組 DAY 28

技術 Day 28:前端測試入門

一、前言 測試是前端裡面的一個重要單元,雖然說很重要,但是在一般的練習專案中,不會特別的去撰寫測試單元,自然就不會去研究相關的資料。趁這次鐵人賽的機會,來好好...

鐵人賽 Modern Web DAY 24

技術 Day 24:Scroll 組件實作

組件實作 : Demo、Demo2 一、前言 Scroll 的意思為滾動,它常見的應用,比如在頁面捲動時所產生的效果,這個效果被稱作為「視差滾動」 Par...

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

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

鐵人賽 Modern Web DAY 7

技術 Day 07:Card 組件實作

組件實作 : Demo 一、前言 Card 組件通常會出現在像是購物網站的商品資訊,或是影片追劇等電影介紹中,其實只要是文字加上圖片的一個群組,都可以是一...

鐵人賽 Modern Web DAY 19

技術 Day 19:滑動頁面組件實作

組件實作 : Demo 一、前言 滑動頁面組件 Overlay 的用途是當作側邊選單,可以用在隱藏一部分的資訊,讓頁面看起來更乾淨,反過來說,Overla...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18:jQuery 學習筆記-上

一、前言 伴隨著前端框架的不斷演進,jQuery 的使用慢慢地式微,甚至出現了棄用 jQuery 的建議【1】。雖然某些公司專案開上可能不再使用 jQuery...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20 HTML+CSS 網頁初版挑戰(下)

前言 我們昨天先嘗試設計了一個框架跟樣式的簡易模板出來 也把HTML的基本架構建立好了,接下來就是使用CSS來進行排版美化了 打開CSS檔案一樣先設計最上方的...

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

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

鐵人賽 Modern Web DAY 16

技術 Day 16:Tooltip 組件實作

組件實作 : Demo 一、前言 Tooltip 是文字提示的組件,感覺上它很容易被忽略,其實這一個功能在網頁上也很常找到它的芳蹤,其實作的原理,也不會太...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02:架設第一個自己的網站

一、前言 想要在有限的時間內快速建立自己的網站,對於追求效率的人來說,是一件很有吸引力的事情,但是這件事情最大的缺點,就是會花上不少的金錢與心力。一般來說,想...

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

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

鐵人賽 Modern Web DAY 5
【每天5分鐘】學前端 系列 第 5

技術 正版Day05【每天5分鐘】學前端 | HTML 標籤

哈哈,突然發現昨天的標題應該是 Day04 卻打成 Day05 ,是不是不能改了 (ㆆᴗㆆ) ...今天去看海豹被海洋生物們療癒,文章又要 壓線 發了,希望不要...

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

技術 Day07 - CSS (2) - 選擇器、隨機假文

選擇器 (Selector) 似乎也稱為選取器,介紹幾個常用的選擇器 標籤選擇器 type selector:又稱型態選取器,就是之前舉例時修改標籤的樣式...

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

技術 Day29 - Float

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

鐵人賽 Modern Web DAY 20

技術 Day 20:AJAX 功能實作

組件實作 : Demo 一、前言 AJAX(Asynchronous JavaScript and XML)中文翻作「非同步的 JavaScript 與...

鐵人賽 Modern Web DAY 2

技術 Chapter1-DJ最愛的音頻動感圖像(I)基本流程圖 & 操作DOM介面

在開始前,還沒看過序章的朋友們,可以點擊進去,教學大綱和主題方向都寫在裡面囉! 看完這章節,你會學到... 地基一定要打穩,如果基本的還不會的話,建議先去w...

鐵人賽 Modern Web DAY 2
入門前端技能之旅 系列 第 2

技術 Day.2 「歡迎來到網頁這個世界!」 —— 認識網頁架構

網頁世界是由什麼組成? 上一篇有講到網頁三兄弟,其中有一個老大哥負責撐起這個世界,那就是 HTML ,少了 HTML 這個根基,就不會有網頁。只有 HTML...

徵才 [急徵]網頁設計師招募

☑️年終保障1個月☑️離捷運站超近☑️可活用日文能力日商178人力銀行急徵網頁設計師中,如果你喜歡聽人分享職涯規劃,想了解各行各業的生態,或是對人力資源行業有興...

技術 Day9 職訓(機器學習與資料分析工程師培訓班): python、 php結合highchart

上午: Python程式設計 老師此次課程教學for迴圈, List comprehension, 產生器, 例外處理(try、except), 函式funct...

鐵人賽 自我挑戰組 DAY 28

技術 Day28 網頁前端-刻意練習(模仿遊戲#1)

Day28 六角 模仿遊戲#1 簡單小語 這個週末偷懶了一下,多花了點時間完成這個模仿遊戲,再次把最近學到的To Do List給放進來刻意練習一遍,Java...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02 HTML<表格標籤>

表格標籤主要用來顯示以及展示數據,可用表格標籤排版後讓數據更容易閱讀 1. 表格基礎標籤簡易介紹 ( 以code表示 ) : &lt;table&gt; 表示表...

技術 [快速入門前端 2] HTML 架構和組成關係

HTML 頁面框架 上篇文章說到前端網頁的結構是由 HTML 所構建而成的,主要用 HTML 檔案和裡面的 HTML 標籤組成我們平常所瀏覽的網頁畫面,包含各種...

技術 2019/3/28 問題小記

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

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

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

Table 表格 &lt;table&gt; &lt;tr&gt;:代表 (table row),橫的 row &lt;td&gt;:代表 (tabl...

鐵人賽 Modern Web DAY 4

技術 Day 04:多媒體資源匯入

一、前言 在製作網頁時,我們會需要一些文字或是圖片來裝飾我們的頁面,這些資料可能來自設計師或是後端工程師。但是我們在前端製作頁面時,沒有這些文字與圖片資源時該...

技術 幫助自己上班的零件數量查詢器(2) - 網頁骨骼 html

html造就構造、css填肉美化、javascript動作這樣類似的敘述再學習網頁的初期應該會常常看到,甚至會有很多類似的迷因。 你是不是在想我怎麼不插個謎因,...

鐵人賽 Modern Web DAY 3

技術 Day3|HTML介紹、布局元素の筆記

HyperText Markup Language 超文本標記語言 前言 MDN |官方文件|W3C 以一個人來做比喻,描述網頁中三大巨頭的關係就會像是: H...

鐵人賽 Modern Web DAY 1

技術 Day 01:前言(2022 主題競賽)

一、前言 早在幾年前,我一直有著經營自己 Blog 的小小願望,但是礙於不知道要寫些什麼主題,這個願望就一直被我藏在心中遲遲未去執行。而在無意間,我得知鐵人賽...

鐵人賽 Modern Web DAY 1
【每天5分鐘】學前端 系列 第 1

技術 Day01【每天5分鐘】學前端 | 前言

本來只是上網爬文,想架設一個自己的 部落格,爬呀爬,不小心跑到了 iT邦幫忙,還註冊了一個帳號然後還報名了鐵人賽~~~ 想到以前查資料 Google 的時光,...

技術 不專業 RWD 現成模版範例

透過控制 p margin:5px auto; 調整文字上下間距透過 @media screen and (max-width: @media screen...