104學習精靈

HTML

HTML
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
HTML(Hypertext Markup Language超文字標記語言)誕生的目的是為了在網路上共享的文章做標記。 HTML 可以看作是 SGML 的簡化應用,並且它也是 SGML 的一個子集,它的誕生推動了資訊產業的大發展。 網頁其本身就是一種文件,並且也是網路上的一種應用範圍,所以有關於網頁的文件結構當然就可以用 SGML 來定義網頁的 DTD。 HTML 是 SGML 的一種應用,它採用 SGML 的規範來制定網頁適用的 DTD,這種特別為網頁量身訂做的標記語言就稱為 HTML(Hyper Text Markup Language,超文件標記語言) 。 HTML 最初的構想是作為一種有系統的替換與其它技術文件的一種語言,以提供那些不熟悉書寫文件的專家使用。 HTML 規定了一小套的結構和語法標籤,適合於書寫相對簡單的文件,進而解決了 SGML 複雜性的問題。除了簡化文件的結構外,還加入對超連結(hypertext) 的支援,之後也增加了多媒體的功能。 在非常短的時間內, HTML 變的廣泛受歡迎,並且超出了原來的目的。自從 HTML 開始,一些新標籤被迅速的創造出來使用在 HTML(像一個標準) 之內,並且也很快的適應於市場。這麼多的新標籤導致了文件在不同平台的兼容性問題。
關於教室
關注人數 251 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 251 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

HTML 學習推薦

全部
影片
文章

不知如何開始嗎? 先進行技能挑戰吧~

技能挑戰:初級
目前等級:未達初級
5431 人已通過「初級」測驗,通過率76%,和學習精靈一起探索知識、增強能力!
我要挑戰
知識貓星球

喵星人

04/16 21:14

產品經理必知!什麼是 Axure?
Axure是一種流行的原型設計工具,專門用於設計交互式和高保真度的網頁和移動應用程式原型,使用者能夠創建複雜的原型,包括交互式元素、動態效果、狀態轉換等,以模擬真實應用程序的使用體驗。
以下是Axure的一些特點和功能:
1. 高保真度原型:Axure允許用戶創建高度可交互且外觀逼真的原型,讓團隊和利益相關者可以更好地理解產品的功能和用戶體驗。
2. 動態效果:用戶可以在Axure中添加各種動態效果,如過渡效果、彈出視窗、滑動效果等,以模擬真實應用程序中的動態行為。
3. 條件邏輯和狀態轉換:Axure允許用戶基於不同條件設置元素的顯示和行為,還可以創建狀態轉換,以展示用戶界面的不同狀態。
4. 團隊協作:Axure提供了團隊協作和版本控制功能,多個用戶可以同時編輯原型,並且可以跟踪版本的變更。
5. 互動式測試:用戶可以將Axure原型導出為HTML文件,以便在瀏覽器中進行互動式測試,收集用戶反饋和意見。
總結來說,Axure是一個功能豐富的原型設計工具,非常適合不想花太多時間學習 UI/UX 設計細節的產品經理,在產品開發過程中使用可以大大的幫助他們設計和驗證產品的功能和用戶體驗。
📌官方網站:https://www.axure.com/
📌之前教室內分享關於 Axure 功能的文章~
【Axure 檔案怎麼開共享檔案?2方法教你匯出檔案、共享連結】
【Axure 行距在哪調整?一招解決太窄不好閱讀的問題!】
【怎麼建立 Axure 超連結?5步驟詳解,這些細節要注意!】
【Axure 怎麼插入表格、新增欄列?完整步驟解析】
【怎麼用Axure畫flow chart 流程圖?】
喜歡這篇貼文的話歡迎加入教室,分享更多實用內容給你😍
1 0 462 1

熱門精選

陳立婕

產品行銷專案經理

04/18 12:31

🔥104人力銀行「2024職涯博覽會」開始報名啦📢
一年就這一次!應屆預備找工作搶先報名 👉 https://tw104.pse.is/5u86r4
微軟、緯穎、德州儀器、遊戲橘子、東京威力科創、KPMG、IKEA、星巴克、宜得利、迪卡儂等,上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
企業名單看這邊➡️ https://tw104.pse.is/5u834l
📍 6/16(日) 電子製造業、零售服務業
企業名單看這邊➡️ https://tw104.pse.is/5u83bn
連續兩日,優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動,
主題精采多元,除部分講座收費,其餘活動皆 免費!免費!免費!
心動不如立即搶先報名👉 https://tw104.pse.is/5u86r4
2 3 6282 0
104學習精靈精選課程
看更多課程
想提升職場競爭力?專業技能課程看起來👇
Web全端程式設計
Desktop Application及Install Wizard 將漸漸消失!Web APP程式開發將成為應用程式開發主流,未來任何東西都會在網路上,而未來所有的軟體程式都將用瀏覽器來執行 瀏覽器的能力將會愈來愈強,別停留在Web不就是個人網頁而已,...No! 那是20年以前的狀況。未來Web APP程式開發將成為應用程式開發主流,未來任何東西都會在網路上,應用程式也幾乎依賴瀏覽器來執行!換言之,瀏覽器就可以跑任何應用程式,開發者不須再各別為Windows、Linux、MacOS、 Android APP、iPhone等平台寫程式了。真的寫不完,不要說寫連維護都很難,因為沒有這麼多資源,可以養這麼多人去維護這麼多平台的程式碼。當然,可以找一個可以精通兩個平台以上的工程師,但實在太少了。瀏覽器的功能會逐漸增強,用AJAX, WebSocket(一種TCP Socket) 就能用瀏覽器進行雙向多工通訊,透過Canvas就可以在瀏覽器進行2D/3D繪圖,這些都是瀏覽器功能不斷演進才有的面貌。 [100%實作導向] 在每一個技術除了給你最清楚的觀念外,都有講師設計好準備讓你融會貫通的範例程式,讓你快速進行演練。課程不囉嗦! 強調動手實戰。 [名師醍醐灌頂] 對於初學者一開始想要進入Web APP開發領域,通常會發現,這個領域技術推進的步調很快且技術間盤根錯節! 艾鍗師資最厲害的地方就是,很複雜的東西可以講得很簡單,一針見血把技術精髓道盡! 要快速掌握Web程式精髓,唯有觀念清楚,才能快速開發,不得其要領,將曠日費時。 學習目標 1. 清楚了解Web前後端架構與DOM架構。 2. 精通JavaScript 程式語言與除錯方法。 3. 學會用JQuery操作HTML、CSS及FORM表單處理。 4. 掌握Node.js 處理異步、單執行緒與非阻塞I/O等關鍵技術。 5. 學會AJAX 及Webscoket的Web通訊方法。 6. 會用Express為Web和移動應用程序提供強大功能。 7. 會使用HTML模板引擎讓開發事半功倍。 8. 學會使用MongoDB資料庫進行資料的新增、更新、刪除、查詢動作。 章節架構 第一階段:Web 前端程式設計-JavaScript & JQuery ★ Web基礎概念 1. Web 技術前端技術架構與DOM架構簡介 2. HTML 簡介與Tag 概念 3. CSS 簡介與Style 屬性 ★ JavaScript 程式語言 1. 關於JavaScript 2. 開發方式與除錯方法 3. JavaScript 操作HTML DOM & Browser Object Model 4. JavaScript 變數 & 基本資料型態 5. JavaScript運算式與運算子 6. JavaScript物件 型態 7. JavaScript陣列 型態 8. JavaScript函式 1) call by value & call by reference式 2) Self-Invoking Functions 3) Nested Function 4) Function Closures 1. JavaScript 數值處理與型別轉換 2. JavaScript Array Methods 1) push , pop, split, map 1. JavaScript Timing Events 2. JavaScript類別定義 (Object with property and method) 3. JSON資料格式與處理 4. Image Map ★ 使用JQuery 1. JQuery簡介 2. JavaScript vs JQuery 3. JQuery selectors 4. JQuery操作HTML DOM 5. JQuery操作CSS 6. JQuery Form表單處理 7. HTTP GET vs HTTP POST 8. JQuery AJAX 第二階段:Web 後端程式開發-Node.js ★ 關於Node.js 1. 非同步式 I/O 與事件式程式設計 2. 安裝Node.js 3. Node Package Manage: 使用npm 4. 製作package.json 5. 我的第一個node.js "Hello world" ★ Node.js HTTP 請求與回應 1. Node.js 處理HTTP Get & Post 2. Express HTTP Server提供靜態檔案 3. 用Express處理HTTP Get & Post ★ Node.js 其他模組 1. Child Process Module 2. File System Module 3. Net Module-Socket 網路通訊 ★ HTML Template Engine 1. Why use Template Engine ? 2. Handlebars.js Template Engine 3. Handlebars.js 的運作流程說明 4. Client Side HTML範本引擎 (Template Engine) 5. 實驗 Handlebars.js ★ The WebSocket Protocol 1. 各種Web 通訊方法 2. Long Polling技術 3. Lab:實驗: Websocket 前後端通訊 4. Lab:實驗: 建立多人聊天室 ★ MongoDB 1. MongoDB 簡介與使用 2. Node.js 操作MongoDB 3. Lab實驗: 使用Node.js 進行新增/查詢/更新/刪除 MongoDB ★ Node.js Serial 序列資料讀取 1. Node.js 讀取micro:bit 資料使用序列界面 2. Canvas.js 動態折線圖結 3. Lab實驗: 使用瀏覽器顯示Micro:bit狀態(A,B按鍵與加速度計值)
艾鍗學院
學習精靈

09/28 00:00

2797 139
六角學院

老闆

04/09 14:29

#限時1天【免費領取 #25小時程式課程】
各位同學好:
一年一度大家期待的 軟體工程師體驗營來了!!!
2024 年 AI 技術熱度大為提升,為此我們決定釋出學習資源,舉辦【軟體工程師體驗營】一個月帶你做出個人品牌網站。
藉由 30 天程式體驗營的特訓,探索自己是否適合成為工程師,並介接目前最為流行的 Hexo 架站工具,打造個人品牌網站。
✅ 如果您是程式初學者符合以下條件,歡迎您來進修:
- 工作好幾年,薪資一直不上不下,想嘗試轉換跑道
- 自學程式一陣子,不確定是否達到就業水平,想讓人幫忙檢視程式碼
- 工作內容都是軟性技能居多,想習得一個硬技能
✅ 如果您想成為數位工作者,符合以下幾點需求,歡迎您來進修:
- 學業或工作需要個人品牌網站,替自己宣傳價值
- 知道搜尋引擎 SEO ,建立品牌護城河很重要,但沒有門路
- 想讓工程師技能,做為快速規模化的武器,來提升本業發展
✅ 30 天軟體工程師體驗營,我們提供什麼資源給您?
- 5 場直播教學,5 月的每週三晚上,由六角學院講師親自授課
- 60 小時總計超過 150 部的前後端程式影音課程,提供 6 個月期間無限次數觀看
- 活動期間提供線上程式助教團隊,一行行批改您的程式碼作業,確保達到就業水準
- Discord 線上討論群組,講師與助教也同時會加入,幫助學習不卡關
- 活動期間提供 7 份作業任務(4 個小節作業與 2 道 UI 設計稿作業任務、1 道架站任務),提供多頁 UI 設計稿,並授權做為面試作品
✅ 此次工程師體驗營,您會獲得什麼
本次體驗營不紙上談兵,全部都會講拳拳到肉的實戰經驗,這門課程將會提供一個全新主題「Hexo 從零打造個人品牌網站」的 UI 網頁設計稿。
並且透過直播教學,手把手帶您進入實務開發,讓您也有辦法一起動手做出來,藉此貼近業界實務設計流程。
⚡本年度體驗營主題:Hexo 從零打造個人品牌網站⚡
我們將會出一式 UI 設計稿,並提供響應式手機版網頁來作為練習,共計 10 頁。
✅  直播授課期間
主要是由六角講師,分享此活動的 7 份作業該如何寫,並會在直播過程中寫 Code,分享該如何解題。
✅ 重要時間軸:
- 本週四 4/11 中午12點準開放報名 !
- 開學典禮:4/24(三)
- 授課堂數:5/1(三)、5/8(三)、5/15(三)、5/22(三)、5/29(三)
- 授課時段:各授課堂數的 20:00~22:00
- 教學時數:每堂 2 小時,共 5 堂,總計 10 小時
✅ 報名門檻與人數限制
- 活動人數限制:無限制人數
- 報名門檻與活動條件:無年齡、背景限制
🎁倒數1天,免費預約🎁
還可享100元折價券+25小時免費試聽包:https://hexschool.tw/104
2 2 642 0
學習精靈

03/19 00:00

4223 250

推薦給你

知識貓星球

喵星人

04/20 11:50

五招分析品牌競爭對手!
分析品牌競爭對手對於企業的重要性不言而喻,通過分析競爭對手,企業可以更好地了解市場上的主要定位,有助於企業確定自己的定位和差異化策略,同時也可以了解市場上的最新趨勢、消費者需求以及競爭對手的優勢和不足,以下介紹五個可以研究競爭對手的方法:
1. 不要只會用google了!
我們在調查競爭者時第一部確實是從簡單的Google搜索開始,或是到競爭對手的網站,但也有各種工具可能會給你帶來有趣的競爭對手洞察,介紹以下三個網站
可以研究競爭對手正在購買的關鍵字和AdWords。
了解行業最新動態、將自己的公司與其他公司進行比較,以及查看人們現在關注的是什麼
可以設定你想要接收的關鍵字、自己公司名稱,Google會在你設定的時間發送所有相關的最新新聞、報導、論壇等資訊給你,確保你能跟上產業動態
2. 利用社交網路/社群媒體
越來越多品牌會經營Facebook、LinkedIn和X等社交平台作為行銷的管道,你可以透過關注這些網站,找到有關競爭對手(甚至是你自己的公司)的有趣訊息,甚至可以了解大眾公眾對我們競爭對手的情緒和看法,也可以得知對手正在舉辦什麼活動、有什麼促銷訊息;你可以開啟競爭對手的社群媒體通知,即能掌握他們最新的動態。
3. 問你的客戶
在確定有關競爭對手的訊息來源時,不要忘記最重要且最真實的聲音,如你的客戶。每當你贏得一個新客戶時,找出他們以前使用過的品牌,以及他們為什麼選擇離開轉向你的原因;反之,當你失去一個客戶時,也要找出他們喜歡你的競爭對手的原因,如此我們將可以清楚地了解競爭對手提供了什麼樣的服務,進而調整自己的產品或服務,以勝過競爭對手。
4. 參加研討會/展覽
參加產業的展覽和研討會,以及加入行業協會是了解競爭對手是誰以及他們提供什麼的好方法;可以以在會場或展場觀察競爭對手的攤位,看看他們與客戶的互動、舉辦了哪些活動、拿他們的宣傳資料。
5. 觀察他們在招聘誰
研究競爭對手正在尋找的工作類型,也可以發現一些東西,例如,如果一家公司正在招聘一名程式工程師,他們將包括有關應徵者需要了解哪些技術的訊息,這告訴你他們在使用什麼;還要看競爭對手正在招聘的職位——如果他們正在尋找專利律師,他們可能正在從事一些重大的新發明;如果他們正在招聘幾個人力資源,他們可能準備全面擴展。
1 0 435 1
你可能感興趣的教室