iT邦幫忙

html相關文章
共有 502 則文章
鐵人賽 Modern Web DAY 2
入門前端技能之旅 系列 第 2

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 Modern Web DAY 1

技術 #1 Entry-Level Front-End Web Development

Before learning the front-end web development, let’s talk about my plan in the f...

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

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

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

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

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

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

鐵人賽 Modern Web DAY 1

技術 30天學會HTML+CSS,製作精美網站

隨著科技不斷進步,智慧型手機的普及,網際網路已經進入生活的食衣住行等各方面的需求,隨時隨地只要透過網頁就可以向使用者分享資訊、互動、溝通、購物....,使用者只...

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

技術 Day.3 「建構網頁的基石!」 —— 使用網頁標籤

我們前面已經稍微認識了網頁的架構了,就像樂高一塊一塊堆疊起來,前一篇已經介紹的就不多贅述了。 雖然會最基礎的<div>和<span>標...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05 CSS <基礎選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將先說明基礎選擇器 DAY6將繼續說明複合選擇器 CSS中的基礎選擇器 單個選擇器組成,包含標籤選擇器、類選擇器...

鐵人賽 Modern Web DAY 2

技術 #2 HTML x Lovely Auntie

What is HTML? English: Wiki - HTML Mandarin: HTML 基礎 - 學習該如何開發 Web HTML Mark...

鐵人賽 Modern Web DAY 5

技術 D5 - 如何用 Google Apps Script 搭配 HTML 客製 Google 表單的回應信件?

來到了第五天,關於寄信可以進入比較進階的操作。但一樣先講結論,如果你很急著用,可以直接使用這份 Add-On: Form Notification,這是 Goo...

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

技術 Day 12 | 我的 HTML 筆記

分享一下之前看金魚系列時整理的筆記, 附上金魚原本的連結: 金魚都能懂的網頁設計入門:再談HTML Html 標籤 主標題:h1 副標題:h2 小標題:h...

鐵人賽 自我挑戰組 DAY 11
大二萌新的學習紀錄 系列 第 11

技術 Day 11 : PHP - 如何將HTML的內容傳送到PHP?POST和GET又該如何選擇?

這篇想和大家介紹如何將HTML的內容傳送到PHP 因為HTML呈現的是網頁的畫面,若想做些運算或儲存,就必須將內容傳到後端執行 1. POST 首先,先在HT...

鐵人賽 Modern Web DAY 19

技術 Day19. 後端工程師需要具備的前端常識

請問你只會<br /> 跟&nbsp; 嗎 ? 如果你只會這些的話,這篇會對你的幫助很大 後端寫樣式,要有後端的樣子。我們雖然沒辦法像前端那...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04 HTML<表單標籤>

表單標籤主要功用是用來收集使用者資料 常用情況 : 註冊頁面... 主要由 表單域、表單元素、提示文字 這三種內容組成 以MOMO註冊頁面為範例: 1.表單域...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02 HTML<表格標籤>

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

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

前言: 前面我們介紹了很多html, css, php和mysql相關的內容了!今天我們要繼續來介紹JavaScript!這個JavaSript呢可以說是目前...

鐵人賽 Modern Web DAY 5

技術 認識網頁元素 HTML、CSS

看完了前幾天製作網頁,所需要的素材、使用編輯器及製作網站的流程後後,今天要來介紹HTML、CSS的基本結構,跨出製作網站的第一步了 HTML HTML是什麼?...

鐵人賽 Modern Web DAY 3

技術 [Day 03 - HTML] 想寫網頁,就從HTML開始

HTML (HyperText Markup Language,超文本標記語言),是一種用來建立網站結構的語言,透過包含標籤 (Tag) 與內容 (Conten...

鐵人賽 Modern Web DAY 15

技術 [Day 15 - 小試身手] 用HTML、CSS、JS打造個人網站 (2)

在上一篇:用HTML、CSS、JS打造個人網站 (1),講解了開發網頁的前置作業,以及 Header 跟 Section-Primary 的區塊,接下來就讓我...

鐵人賽 Modern Web DAY 6

技術 語意標籤-30天學會HTML+CSS,製作精美網站

在HTML5中新增了語意標籤,取代以前只能用<div>劃分區塊,可以更清楚知道網頁區塊設計目的,也有有利SEO的搜尋。下圖是網站標籤的結構,依序跟大...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06 CSS <複合選擇器>

CSS的選擇器分為基礎選擇器以及複合選擇器 本日將將繼續說明複合選擇器 複合選擇器可以更準確更高效的選擇元素(標籤) 是由兩個或多個基礎選擇器透過不同方式組合...

鐵人賽 自我挑戰組 DAY 3

技術 Day 03 HTML<列表標籤>

列表標籤可以用來為頁面進行布局 主要分為無序列表、有序列表、自定義列表三大類 1.無序列表 無序列表主要使用的標籤如下 蘋果 香蕉 鳳梨 水蜜桃 哈密瓜 無...

鐵人賽 Modern Web DAY 8

技術 偽類與偽元素-30天學會HTML+CSS,製作精美網站

昨天介紹了各種選擇器,今天介紹偽類及偽元素樣式設定,可以讓畫面有更多的樣式變化,也減少html code的撰寫。讓我來為你一一介紹各種屬性使用方式吧~ 偽類選擇...

鐵人賽 Modern Web DAY 25

技術 Day25. Form 裡面還有 Form 怎麼辦?- 表單 part3

Day23 的彈跳視窗元件,送出表單按鈕在form標籤的外面,理當來說form 外面的送出表單按鈕和裡面無關,今天我們會講如何處理這種狀況。 <div c...

鐵人賽 Modern Web DAY 9

技術 網頁常用單位-30天學會HTML+CSS,製作精美網站

設置CSS樣式大小時,會使用到各種不同的單位,尤其現在都製作響應式網站,用錯單位,就會針對不同尺寸調整大小相當耗時,以下介紹網頁常用各種網頁單位,讓你使用的更加...

鐵人賽 Modern Web DAY 5

技術 DAY5-PHP這是什麼老東西

前言: PHP(Hypertext Preprocessor)作為網頁開發的先驅,可是不知道是因為這個名子很有上世紀的美感或是已經太廣泛被使用十幾年,導致大家...

鐵人賽 Modern Web DAY 4

技術 DAY4-比CS更好玩的CSS

前言: 昨天的進度中,我們大致完成了一個由HTML建構起來的網站,只是看起來真的是太陽春了。今天我們就透過CSS來加上一些會動又好看的特效吧! 我CSS有龍炮...

鐵人賽 Modern Web DAY 17

技術 濾鏡-30天學會HTML+CSS,製作精美網站

前一章節介紹過混合模式,相信對濾鏡也不會很陌生。「濾鏡」是什麼呢?他可以做出與Photoshop相同的濾鏡,CSS提供了十種濾鏡,可以用在圖片、文字...等地方...

鐵人賽 Modern Web DAY 15

技術 第15車廂-data-*的坑?data-*介紹篇

本篇介紹data-*常用抓取方法,以及需注意的地方 我們在<第9車廂-使用content:attr()實現tableRWD應用篇>,其實已經有用...

鐵人賽 Modern Web DAY 24

技術 網頁編排Grid-30天學會HTML+CSS,製作精美網站

Grid是什麼 Grid是磚牆式版面,使用二維的排版方式,與flexbox不同的地方是Grid一次可以控制水平及垂直方向。Grid像是美工軟體,有許多參考線幫助...