iT邦幫忙

html相關文章
共有 878 則文章
鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 29

技術 D29 - 如何打包 Apps Script 的程式碼?(二)包成 HTML 網頁與或 API

今日的目標 要怎麼將我們的 GAS 成果打包成別人可以使用的版本?我們已經學了快一個月的 GAS 使用方式,但並不是每個人都熟悉 GAS 的進入與使用。我們要怎...

鐵人賽 Modern Web DAY 30

技術 #30 [Final] Had Fun Learning JavaScript?

Congratulations to all of us! The final day has already come! Hooray!Pic: Unspla...

鐵人賽 Modern Web DAY 14

技術 項目清單-30天學會HTML+CSS,製作精美網站

項目清單分為條列式清(ol)單及編號清單(ul),兩者的差別在於是否有自動排序項目的功能,<ul>是黑點符號「●」,在不同的瀏覽器下可能呈現不同的效...

鐵人賽 Modern Web DAY 13

技術 網頁超連結-30天學會HTML+CSS,製作精美網站

超連結是建立網頁與網頁之間的關係,也可以連結到外部網站。a是Anchor的縮寫,中文翻譯為「錨」,點擊後跳到指定位置。連結可以是文字、圖片或檔案,當使用者滑過時...

鐵人賽 Modern Web DAY 11

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

網站通常是透過文字的編排,呈現資訊給使用者,標籤用得好,對於SEO排名也會有些幫助,今天要來介紹網頁文字標籤及樣式的使用 網頁標題 <h1>~&lt...

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

所有的網站大概可以分成兩類:靜態網頁、動態網頁,靜態網頁顧名思義就是靜止的網頁,不會去太頻繁的更新內容;動態網頁則是會根據使用者的輸入而有不同的內容更新,包含的...

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

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 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 7

技術 30天打造品牌特色電商網站 Day.7 HTML基礎

HTML 是一份可以給瀏覽器讀取的文件,副檔名為.html,我們在網頁上所看見的元件,基本上都是由 HTML 標籤所生成,後續再由CSS 、JS去做美化編輯。今...

鐵人賽 Modern Web DAY 11

技術 DAY11-JavaScript(一)

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

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

技術 認識網頁元素 HTML、CSS

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

鐵人賽 Modern Web DAY 20

技術 Day20. 懂Bootstrap,並讓Bootstrap帶你上天堂

工程師都有google的習慣,但是 bootstrap 的使用方式不用特別去估狗,基本的用法只要看官網的介紹就可以了。若發現自己看不懂文件,多半都是自己還沒有補...

鐵人賽 自我挑戰組 DAY 4

技術 Day 04 HTML<表單標籤>

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

鐵人賽 自我挑戰組 DAY 3

技術 Day 03 HTML<列表標籤>

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

鐵人賽 自我挑戰組 DAY 2

技術 Day 02 HTML<表格標籤>

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 5

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

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

鐵人賽 Modern Web DAY 4

技術 DAY4-比CS更好玩的CSS

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

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

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

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

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

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

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

鐵人賽 Modern Web DAY 2

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

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

鐵人賽 自我挑戰組 DAY 3

技術 Day 03:專案01 - 超簡單個人履歷02 | HTML基本元素

大家早安阿! 來到我們冒險的第三天了,今天我要繼續來介紹HTML的其他常用元素,還沒看過昨天的建議先看完再來看這篇。 HTML基本元素(續) &lt;img&g...

鐵人賽 Modern Web DAY 5

技術 Day 5【JavaScript】可以看到,將近是20公分的深度

【前言】 我的習慣是先在 Youtube 看完落落長的影片,然後才去 Coursera 看看有什麼學院派會特別注重的地方,還有與 Youtube 教學不同的地...

鐵人賽 Modern Web DAY 4

技術 Day 4【HTML + CSS】於是他開始像靈犬萊西一樣到處蒐集證據

【前言】不知道大家有沒有看過 Youtube 上面一些 5~12 小時的 Coding 教學影片。這是一件頗好笑的事情,以前我都想到底誰會把這種影片看完來學一...

鐵人賽 自我挑戰組 DAY 2

技術 Day 02:專案01 - 超簡單個人履歷01 | HTML簡介

專案介紹 這個專案會帶你使用HTML和CSS,打造專屬於你的個人履歷網頁。 預覽圖: 首先,我們從HTML入門吧! HTML是什麼? HTML全名是Hyper...