iT邦幫忙

html相關文章
共有 893 則文章
鐵人賽 Modern Web DAY 7
跟著 OXXO 一起學 HTML 系列 第 11

技術 ( Day 7.1 ) HTML 特殊字元

由於 HTML 是標記語言,在撰寫語法時常常會使用一些特殊字元作為標記,例如大於小於符號、單引號雙引號...等,因此如果想要透過瀏覽器呈現這些字元,就必須使用指...

鐵人賽 Modern Web DAY 6
跟著 OXXO 一起學 HTML 系列 第 10

技術 ( Day 6.2 ) HTML 尺寸單位

HTML 裡有許多表示尺寸的單位,例如 px、pt、em、rem、%,有些時候甚至必須搭配特定的單位才能做出特定的效果,這篇教學會介紹 HTML 裡的尺寸單位。...

鐵人賽 Modern Web DAY 6
跟著 OXXO 一起學 HTML 系列 第 9

技術 ( Day 6.1 ) HTML 色彩表示法

如果要在 HTML 所建構的網頁裡呈現色彩,必須使用對應的色彩代碼,這篇教學會介紹三種色彩表示的方法,透過這些方法,就能讓網頁出現鮮豔豐富的顏色。 原文參考:...

鐵人賽 Modern Web DAY 5
跟著 OXXO 一起學 HTML 系列 第 8

技術 ( Day 5.2 ) HTML 元素屬性

HTML 中所有的元素都具有屬性 ( Attributes ),透過屬性的設定,可以調整元素的行為或樣式,這篇教學會介紹 HTML 元素的屬性。 原文參考:H...

鐵人賽 Modern Web DAY 5
跟著 OXXO 一起學 HTML 系列 第 7

技術 ( Day 5.1 ) HTML 元素顯示類型

HTML 的所有元素都有預設的顯示類型,而這些顯示類型是透過 CSS 的 display 屬性進行控制,只有在遇到特殊的網頁版面需求時才需要更動,這篇教學將會介...

鐵人賽 Modern Web DAY 4
跟著 OXXO 一起學 HTML 系列 第 6

技術 ( Day 4.2 ) HTML 網址與路徑

實作 HTML 時,常常會用到許多的「網址」( 路徑 ),路徑包含了超連結的網址、圖片網址、外部資源...等,此外,這些路徑又分成絕對路徑和相對路徑,這篇教學會...

鐵人賽 Modern Web DAY 4
跟著 OXXO 一起學 HTML 系列 第 5

技術 ( Day 4.1 ) HTML 縮排與註解

在撰寫 HTML 的時候,常常會需要使用「縮排」和「註解」,縮排可以讓 HTML 裡的不同段落和不同元素更為清楚,註解可以替 HTML 加上說明,這篇教學將會介...

鐵人賽 Modern Web DAY 3
跟著 OXXO 一起學 HTML 系列 第 4

技術 ( Day 3.2 ) HTML 格式規範

雖然 HTML 是一種容錯彈性很大的標記語言,就算格式或語法寫錯還是可以顯示 ( 但結果可能會不如預期 ),但在撰寫語法上仍然要遵照一些格式規範,才能確保產生出...

鐵人賽 Modern Web DAY 3
跟著 OXXO 一起學 HTML 系列 第 3

技術 ( Day 3.1 ) HTML 標籤與架構

所有的網頁的 HTML 內容都是由標籤組成,呈現的「基本架構」也都差不多,差別只在於內容組成、編排、框架、樣式...等的不同 ( 就像每個人類的身體骨架結構都相...

鐵人賽 Modern Web DAY 2
跟著 OXXO 一起學 HTML 系列 第 2

技術 ( Day 2 ) 使用 HTML 編輯器

所有可以編輯「純文字」的編輯器,都能作為 HTML 的編輯器使用,但有些比較優秀的編輯器,提供了「程式碼上色」、「除錯」、「快速產生程式碼」等功能,利用這些編輯...

鐵人賽 Modern Web DAY 1
跟著 OXXO 一起學 HTML 系列 第 1

技術 ( Day 1 ) 認識 HTML

HTML 是所有網頁的基礎,不論是透過軟體設計網頁,還是直接撰寫程式碼,甚至是透過後端伺服器產生網頁,最後都一定是透過 HTML 來呈現,而且因為 HTML 屬...

技術 [Web] socketio4.0 Client & Server 範例

Clientsocketio.html <!DOCTYPE html> <html lang="en"> <h...

技術 ㊙️千萬不要轉職前端工程師 ! ?

嗨,大家好,我是前端工程師(小宇) 我身邊的朋友常常問我說,成為前端工程師學歷是不是一定要有相關的資訊背景才會被公司錄取?我可以肯定的說不用,我面試多家公司的經...

達標好文 技術 [快速入門前端] 系列文章索引列表

前言 本系列旨在幫助新手快速進入前端的世界,對於底層的原理和延伸用法並未多加著墨。文章中有錯誤或需補充的部分也希望各路高手不吝指教! HTMl 相關 [快速...

技術 VScode 無法自動判讀檔案語言模式

最近遇到 VScode 無法自動辨識 HTML 的檔案類型,不知道是不是因為失手進行了更新導致,按 !+Tab 時無法自動生成 HTML 模板(如下圖)並且代碼...

技術 CSS 簡單客製化表單上的 checkbox 樣式

在HTML上列出一條常規的checkbox <label class="check-box"> <inpu...

技術 [快速入門前端 7] 內嵌框架 (Inline Frame) 和特殊實體 (Entity)

Inline Frame (內嵌框架) 內嵌框架是指在我們的 HTML 頁面中嵌入另一個檔案,例如 HTML 頁面、圖片、影片等都可以被嵌入在網頁中。嵌入的標籤...

技術 [快速入門前端 6] 區塊元素和超連結

DIV (區塊元素) <div>元素(HTML 文件區塊元素)是無標籤語意的容器元素,雖然它不代表任何意義,卻是使用最多的標籤之一,主要用來把相似或...

技術 [快速入門前端 5] 什麼是 HTML 標籤 (3)

HTML 標籤 下拉選單 - select 單選選單下拉式選單讓使用者可以從一堆選項中選擇出一個(或多個)選項。 本身做為選單的容器,在 select 裡面用...

技術 [快速入門前端 4] 什麼是 HTML 標籤 (2) — 表格(Table) 和表單(Form)

HTML 標籤 表格 - table <table> 顧名思義就是表格標籤,用來呈現二維資料的表資訊,不過 <table> 標籤只是作為...

技術 [快速入門前端 3] 什麼是 HTML 標籤 (1)

HTML 標籤 上一篇提到了 HTML 的標準結構,接下來我們來講組成 HTML 的重要部分 —— 標籤。 HTML 的標籤由 <、 >、 /, 及...

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

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

技術 [快速入門前端 1] 網頁和開發工具

基礎觀念 什麼是前端? 前端,故名思義就是指網頁架構的前端部分,也就是我們日常在瀏覽網頁時看到的部分。前端主要包含幾個主要功能:獲取從後端傳來的資料、將資料呈現...

技術 簡單三步驟,教您將 HTML 檔案轉換為 apk 應用程式安裝檔

HTML 是一種用於建立網頁的標記語言,可以搭配 CSS、JavaScript 製作成一個精美的網頁。這篇文章將帶著各位將 HTML 轉換為可以在安卓手機安裝...

技術 【GAS】複製貼上讓試算表變身成網頁表格 秀爆你的客戶朋友!

直接把整個試算表連結發給別人除了要載入很久且會出現一堆不需要的按鍵,整個畫面很醜很沒有質感。而且如果你把其他隱私的資料也放在裡面,都會被一次看光光。那我們就來幫...

技術 幫助自己上班的零件數量查詢器(5) - Js、Vue基本架構

Vue.js(/vjuː/,簡稱Vue)是一個用於建立使用者介面的開源MVVM前端JavaScript框架,也是一個建立單頁應用的Web應用框架。--維基百科...

技術 幫助自己上班的零件數量查詢器(3) - CSS

在上篇已經完成了HTML也就是網頁的骨骼,接下來就是要使用CSS,像捏捏麵人一樣在骨骼上把肌肉黏上、衣服穿上、還要再化點妝、弄頭髮上髮膠、帶個耳環項鍊。...

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

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

技術 JS筆記-前端撥放m3u8的兩種方法

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...

技術 JS筆記-幫元素加上style的寫法(Object.assign & cssText)

目錄 JS筆記-幫元素加上style的寫法 JS筆記-getPosition 讓你找到元素x,y位置 js筆記--寫腳本需要用到的waitForKeyEleme...