iT邦幫忙

html相關文章
共有 441 則文章
鐵人賽 Modern Web DAY 5
HTML 與 CSS 學習筆記 系列 第 5

技術 Day05 - HTML (3) - 列表、a、img

列表清單 (List) List 標籤:主要分成 2 種,有順序和無順序的,清單內還可以再放其他清單 <ul>:代表無順序 (unordere...

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

技術 CSS Specificity / 權重

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

鐵人賽 自我挑戰組 DAY 20

技術 Day20 網頁前端-刻意練習(Flex時光屋#2)

Day20 六角 Flex時光屋#2 簡單小語 自己切了這個版,才發現原來Bootstrap真的很好用,觸發的事件自己寫過才知道,要如何去撰寫,要如何設計架...

鐵人賽 Modern Web DAY 4

技術 【Day 4】網頁設計入門:基礎 HTML、CSS 線上課程推薦

昨天分享的教學是以文章資源為主,好處是一目了然,所有大綱和分類都可以快速尋找。 但文字看久難免會想睡呀! 學習時搭配一些互動式影片教學,可以幫助吸收和複習,一步...

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

技術 Day04 - HTML (2) - head、body

<head> 延續昨天的說明,<head> </head> 主要說明這個網頁的資訊,如編碼、標題,只會有一個 <h...

鐵人賽 自我挑戰組 DAY 19

技術 Day19 網頁前端-刻意練習(Flex時光屋#1)

Day19 六角 Flex時光屋#1 簡單小語 看到當時時光屋練習的作品,想說挑兩個來整併,當作練習的機會,這次的結構不一樣的是,header及footer...

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

技術 z-index and stacking context

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

鐵人賽 Modern Web DAY 19

技術 Day 19:批改系統網頁 (1) - 建立基本 Kotlin/JS 網頁專案

在完成了審核程式後,接著就要讓我們將實作完成的資料管理系統以及審核程式能夠有個可以讓使用者方便使用的介面,因此就讓我們開始來實作批改系統的前端網頁吧! 網頁架...

鐵人賽 Modern Web DAY 3

技術 從 W3Schools 學習基本頁面佈局 - 版面【30天切版臨摹 D3】

W3Schools 首頁有用到他們自家出產的 w3.css,這是一套類似 Bootstrap 的 CSS Framework,把很多常用的css屬性包成許多cl...

鐵人賽 Modern Web DAY 3

技術 【Day 3】基礎 HTML、CSS 線上教學資源分享

學習 HTML、CSS 的路上,買過不少線上教學,也蒐集了很多免費資源。 有時候買下來才驚覺太過艱深,或是上到一半發現跟自己的工作內容相去甚遠, 這時候不用覺得...

鐵人賽 Modern Web DAY 3
ReactJS 疑難排解 系列 第 3

技術 ReactJS 疑難排解:為什麼按下取消,form 卻 submit 了

先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...

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

技術 Day03 - HTML (1) - 標籤、架構、註解

標籤 (tag) 基本上 HTML 就是一堆標籤 (tag) 組合而成 有些標籤帶有屬性 (attribute),多個屬性顯示的先後順序不影響結果 屬性通常帶...

鐵人賽 自我挑戰組 DAY 18

技術 Day18 網頁前端-刻意練習(履歷表#3)

Day18 AC 履歷表#3 簡單小語 剛好切到這個版面時學習了基礎Github,因此也把連結放上來,算是小小練習,這個版面一看到就非常吸引我,原因到現在都...

鐵人賽 Modern Web DAY 2

技術 從 W3Schools 學習基本頁面佈局 - 前處理【30天切版臨摹 D2】

從 W3Schools 學習基本頁面佈局 - 前處理 我剛開始學 HTML, CSS 是在 W3Schools 這個網站上學的,內容非常詳盡,絕對推薦給每一個想...

鐵人賽 Modern Web DAY 2

技術 【Day 2】首先,什麼是HTML?什麼是CSS?

記得剛開始接觸程式時,看到那些密密麻麻的程式碼, 就像看到無字天書一樣,好多小螞蟻在爬呀爬......。゚(゚´ω`゚)゚。 和它認識久了之後,發現其實沒有想像...

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

技術 Day02 - HTML 和 CSS 概述

HTNL HTML = Hyper Text Markup Languare (超文本標記語言) 寫給瀏覽器看的 HTML 不是一種程式語言 HTML...

鐵人賽 自我挑戰組 DAY 17

技術 Day17 網頁前端-刻意練習(履歷表#2)

Day17 AC 履歷表#2 簡單小語 發現一個樣板的履歷網站再次練習履歷切版,加深觀念,每一次的切版,每一次的練習,都是成就更好的自己,雖然是簡單樣板,相...

鐵人賽 Modern Web DAY 1

技術 一起挖掘各大網站原始碼,掌握前端切版概念【30天切版臨摹 D1】

TL;DR,簡介30天切版臨摹 30天,跟我一起 trace 各大網站的 HTML, CSS 程式碼,直接學習好的網站是怎麼被切出來的,用最高效的方式累積實戰經...

鐵人賽 Modern Web DAY 2

技術 Day2: HTML之區塊元素與行內元素

區塊元素 1.almost佔滿整個版面 2.區塊元素會另起一行來進行呈現 行內元素 1.比較常用在段落裡面 2.沒辦法設定寬高 以上練習來自六角學院課程練習:...

鐵人賽 Microsoft Azure DAY 16
Azure 的自我修煉 系列 第 16

技術 Day16 實作官網教學 JavaScript 呼叫 ASP.NET Core web API

實作官網教學 JavaScript 呼叫 ASP.NET Core web API 延續Day14 實作 ASP.NET Core 建立 Web API 教學,...

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

技術 What is metadata?

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

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

技術 Day01 - 說明、工具

前言 網頁基礎構成基本就是 HTML 和 CSS,最多再增加 JavaScript,前 2 個我幾乎每次都碰一下就會中斷,畢竟比起基礎的 HTML 和 CSS,...

鐵人賽 自我挑戰組 DAY 16

技術 Day16 網頁前端-刻意練習(履歷表#1)

Day16 AC 履歷表#1 簡單小語 很快地又來到履歷頁面的練習,想當初剛開始學習時就在思考要放什麼在履歷表中,到了現在還是一頭霧水,就是一直練習一直練習...

鐵人賽 Microsoft Azure DAY 15
Azure 的自我修煉 系列 第 15

技術 Day15 網頁基礎知識

網頁基礎知識 對於剛接觸網頁的人,首先要認識 HTML、CSS、JavaScript, 這三的語言構成基本的網頁結構 HTML Wiki 超文本標記語言,是一種...

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

技術 關於 <link> 的兩三事

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

鐵人賽 自我挑戰組 DAY 15

技術 Day15 網頁前端-刻意練習(英雄頁面#2)

Day15 AC 英雄頁面#2 簡單小語 雖然都是簡易排版及臨時起意的想法,可能實務上用到機會不大,加入了好久沒使用的輪播效果,認為目前尺寸的控制還需加強,...

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

技術 What is DOCTYPE?

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

鐵人賽 自我挑戰組 DAY 14

技術 Day14 網頁前端-刻意練習(英雄頁面#1)

Day14 AC 英雄頁面#1 簡單小語 之前在學習AC時做鋼鐵人的練習,當時就想有一天一定要做其他角色然後放上其餘資訊,所以到了今天就毫不猶豫的練習一波,...

鐵人賽 自我挑戰組 DAY 13

技術 Day13 網頁前端-刻意練習(切版練習)

Day13 金魚 切版練習 簡單小語 金魚的尾聲,總結一下自己練習所學,因此就上網找了兩個字認為切得出來的樣板進行練習(太難的小魯功力不足),練習的過程也真...