iT邦幫忙

html相關文章
共有 855 則文章
鐵人賽 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 相關 [快速...

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

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

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

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

技術 [快速入門前端 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動作這樣類似的敘述再學習網頁的初期應該會常常看到,甚至會有很多類似的迷因。 你是不是在想我怎麼不插個謎因,...

技術 介绍 ComPDFKit 转换 SDK 1.5.0

了解有关 ComPDFKit PDF SDK 的更多信息:https ://www.compdf.com/ComPDFKit Conversion SDK 1....

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

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

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

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

技術 PTT 爬蟲

前言 良葛格過世的消息對我來說十分衝擊,筆者從國中開始學 C 語言,就是一路看良哥的筆記長大,乃至於後來學的 Java, Python 以及很多軟體設計的思維都...

技術 處理瀏覽器CACHE住CSS/JS/圖片資訊的方式

有時候已經調整完程式的CSS/JS檔,或是置換了新的圖片上去,在自己本機環境測試也都OK了,但將程式更新到客戶的主機後,卻會遇到客戶反映檔案未更新的問題,這是因...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30 Project & 鐵人挑戰 完成!!

前言 昨天完成框架跟HTML 今天當然就是希望可以順利完成CSS的部分,以及使用SCSS 讓樣式跟排版都順利完成啊~~~ 先從最上方的首頁還有導覽列開始更改(...

鐵人賽 自我挑戰組 DAY 30

技術 Day 30:完賽心得(2022 自我挑戰)

一、前言 終於完成鐵人賽啦!可怕的不是每天的截稿期限,而是要在同一天寫兩篇「完賽心得」,而且內容還不能一樣,雖然我是有點想直接複製貼上,不過這樣子好像有點說不...

鐵人賽 Modern Web DAY 30

技術 Day 30 : 完賽心得(2022 主題競賽)

一、前言 終於寫到第 30 天啦~真是可喜可賀(超感動的)!沒想到在比賽的這一個月裡,時間居然可以過的這麼快,每當寫完文章後,不知不覺間天也跟著黑了,更沒想到...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29 SCSS &最後一個網頁製作挑戰!(上)

前言 希望在挑戰結束前還能做至少一個挑戰 在開始這個挑戰前因為有使用到一個SCSS,是屬於一種CSS預處理器的部分 先簡單解釋一下再來開始挑戰摟~ SCSS可...

鐵人賽 自我挑戰組 DAY 29

技術 Day 29:前端面試題目整理

一、前言 本篇要來整理常見的面試題目,整理的目的只是為了日後方便閱讀,文章內的資訊都是從網路上收集而來,若是有侵權情況,煩請告知謝謝! 二、非關技術問題 2...