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(像一個標準) 之內，並且也很快的適應於市場。這麼多的新標籤導致了文件在不同平台的兼容性問題。
關於教室
關注人數 284 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • HTML
    • 關於教室
    關注人數 284 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • HTML
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    HTML 學習推薦

    全部
    影片
    文章

    不知如何開始嗎？ 先進行技能挑戰吧～

    技能挑戰：初級
    目前等級：未達初級
    5996 人已通過「初級」測驗，通過率76%，和學習精靈一起探索知識、增強能力！
    我要挑戰
    六角學院
    關注
    六角學院

    老闆

    01/08 09:25

    【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
    大學畢業後，Sophie 前往菲律賓工作，擔任文職人員長達五年。在即將邁入三十之際，決心學習一門專業技能，避免被時代淘汰。在職學習歷時一年，終於成功在菲律賓轉職前端工程師，讓我們一起來聽聽她是怎麼辦到的吧！
    📌 從菲律賓工作開始
    Sophie 大學畢業後，獨自前往菲律賓求職，在當地的語言學校擔任駐菲文職人員，一待就是五年。眼看三十歲即將到來，Sophie 開始思考自己的職涯規劃，在這個快速變化的職場環境中，她開始擔心自己的專業能力會不會被時代淘汰。
    剛好這時候，朋友成功轉職前端工程師，Sophie 在了解過後覺得可以試試看，雖然大學的時候有稍微接觸過程式設計，但其實不太熟悉。
    在朋友的推薦下，先看了六角在 YouTube 的免費課程，逐漸了解轉職前端工程師需要準備的知識技能，規劃了自己的學習計畫。
    📌 學習歷程
    因為在國外工作，無法選擇線下實體教學，Sophie 在選擇課程的時候，就先以預錄好的線上影音課程為主。但預錄的課程有個缺點 —— 遇到問題時無法馬上得到解答，這時候六角的直播課程吸引了 Sophie，她覺得這種學習方式，更有系統、即時互動性更高、更專注，於是選擇加入了切版直播班。
    💡
    Sophie 的學習路線是：
    切版直播班 > JavaScript 直播班 > Vue.js 直播班。每天花 1~2 個小時學習、做作業，遇到問題的時候，也會搭配 AI 工具解答，一年下來能看到明顯的進步。
    在六角的直播班除了每週一次的線上課程，其他時間就照著老師的作業，安排自己學習進度。除此之外，她特別強調「分組學習真的很棒，能跟組員一起討論真的很有幫助！」跟組員之間互助學習，遇到不會的地方會向他們請教，看到組員們進步，也會激勵自己要快跟上，這些互動不僅促進學習，也培養了團隊精神。
    📌 求職歷程：轉職第一份工作，先求累積經驗
    在 Vue 直播班 結業後，Sophie 開始在華人工作網投遞履歷，他也提到「履歷一定要老實寫，別想著過度美化。」因為面試時，很多主管會問你為什麼想轉職，這時候直說想學一技之長。其實主管都知道你是培訓班出來的新鮮人，所以通常對你會蠻友善的。
    另外，剛開始找工作，別太挑，重點是先累積經驗。Sophie 運氣很好，遇到的同事都很 nice，會輪流帶新人，她說：「這真的很重要，因為聽說有些公司對新人超兇的，可能就會消耗你的自信心。」
    📌 最喜歡六角的…
    最喜歡每週一次的助教解答時間，平常練習時遇到的問題，可以先記下來，到了每週固定時間就在 Discord 上一次問個夠，這種即時互動的方式，吸收效果會更好。
    另外也會參加每個月的「大神來六角」，聽聽看業界講師的經驗分享，總能學到不少東西。
    在海外上課難免會覺得有點孤單，不過，可能因為六角是南部的機構，我自己又剛好是南部人，總感覺特別親切，那時候雖然人在國外，但還是很依賴六角提供的學習資源，感覺就像有個溫暖的後盾一樣。
    📌 給學弟妹的話
    開始了就不要放棄，不管遇到什麼困難，堅持下去，自己就是贏家。
    說實在的，都 30 歲了還轉職，說不怕騙人，我自己也曾掙扎，但想想，不試試看怎麼知道自己行不行？給自己一個不一樣的挑戰，既然選了這條路，就咬牙撐下去吧。
    【海外轉職前端】在菲律賓，從文職人員成功轉職前端工程師
    0 0 62 0

    熱門精選

    每日推薦課程
    關注
    104學習精靈

    產品

    01/06 10:28

    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    想轉換跑道當前端工程師，但又不知道如何開始?
    這麼多前端工程師課程，那些又能跟業界銜接?
    【非工程背景↘零經驗↘跨領域轉職】
    緯育TibaMeｘ104學習精靈 現正舉辦【跨領域轉職前端工程師。課程說明會】
    透過19週培訓課程，從基礎 → 進階，從進階 → 完成專題作品，協助您成功轉職！
    本課程將提供104報名會員優惠【確認報名課程可享報名再折$2,000】優惠
    ⚡ 線上說明會 | 緯育TibaMe的優惠，透過104活動吧報名，若確認報名課程，再享緯育TibaMe的優惠+再折$2,000
    ⚡ 呈上，該優惠活動會於 緯育TibaMe 付款時享有。
    ⚡ 確認報名課程，可享 緯育TibaMe 相關付款優惠（例如：信用卡分期．．．等）
    真的！席次最後倒數！免費報名！相信自己一次！
    －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
    【報名截止日】
    🔴 1/16 (四) 20:00~21:00 | 報名到1/15 (三) 15:00
    線上說明會連結與資訊，將於1/15(三)18:00 前陸續發送到您報名的電子郵件信箱。
    🔴1/21 (二) 20:00~21:00 | 報名到1/20 (一) 15:00
    線上說明會連結與資訊，將於1/20(一)18:00 前陸續發送到您報名的電子郵件信箱。
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會
    meet.104.com.tw
    【免費報名】零經驗↘只要19週↘您也可以轉職前端工程師。專業技術養成班｜線上開課說明會｜104活動吧
    1 0 6880 1
    104學習精靈精選課程
    看更多課程
    想提升職場競爭力？專業技能課程看起來👇
    第一次就上手，前端工程新手指南
    在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
    還在為網頁該如何設計煩惱嗎？在這門 HTML & CSS 課程中，將從 HTML 基本架構寫法開始，到 CSS 樣式撰寫，帶你完整認識並掌握各類語法，並透過實作練習，讓你學習如何完美操控 HTML & CSS，輕鬆打造網頁無負擔！
    緯育TibaMe
    M365 Copilot 微軟AI高效工作流｜重塑AI工作新型態 效率提升50%UP
    如何運用M365 Copilot來提高生產力？微軟MVP王仲麒老師將引導你進入GenAI生產力世界，逐步探索M365 Copilot實務落地技巧，讓M365 Copilot成為你最佳AI副駕駛，你將學到M365 Copilot實用技巧，還能將GenAI技能直接用於你的工作，大大提升工作效率及品質！
    緯育TibaMe
    ASP.NET MVC 無痛快速上手
    本課程由淺入深，以豐富的實際案例帶領還未接觸過微軟的ASP.NET MVC初學者，在短時間內無痛上手ASP.NET MVC，快速掌握學習重點，並開發出實務案例的動態網站。
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
    面對已經設計出來卻覺得還缺少東西的網站頁面，你還在持續苦惱中，且不知道該怎麼辦嗎？快來看看這門 HTML & CSS 下集課程。 此門課程將從上集的 HTML & CSS 基本概念繼續向外延伸，帶你掌握更多進階的網頁設計排版技術、動畫效果，去打造更有互動感的介面！
    緯育TibaMe
    WordPress視覺排版設計超入門：CSS與HTML
    WordPress的網站外觀樣式是透過安裝主題來決定的，但因為這些主題並不是量身定做的，所有難免會有些地方不符合需求，比方說：中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求。這門課就是教你如何使用CSS完成屬於自己的網頁設計，讓你不需要工程師也能自己修改！
    緯育TibaMe
    學習精靈

    09/28 00:00

    youtube.com
    PHP 與 HTML 的關係
    3059 139
    每日推薦課程
    關注
    104學習精靈

    產品

    2024/11/14

    前端工程師2025年必學技能清單：10大工具與技術指南，職場增能懶人包整理
    前端工程師需要掌握的技能和專業涵蓋了多個方面(HTML、CSS 、 JavaScrip...等)，包括基礎的網頁開發知識、前端框架、以及與團隊合作的工具等。本篇文章將深入探討前端工程師必備的 10 大核心技能與工具，幫助您在職涯中站穩腳步，開發出高效且吸引人的網站與應用。
    1. HTML、CSS 和 JavaScript
    HTML: 用於結構化網頁內容，是前端開發的基礎語言。
    CSS: 負責設計和佈局，使網站具有視覺吸引力。
    Java Script: 增加互動性，處理用戶事件和動態內容。
    ⚡推薦課程⚡
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
    成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能
    【更多課程學習】https://user266414.pse.is/6ps94k
    2. 前端框架和庫
    React.js: 一個用於構建用戶界面的 JavaScript 庫，能夠快速開發單頁應用（SPA）。
    Vue.js: 一個漸進式框架，適合於小型到大型應用的開發。
    Angular: 一個全面的前端框架，適合大型企業級應用。
    Svelte: 新興的前端框架，以其高效的性能和簡化的開發體驗而受歡迎。
    ⚡推薦課程⚡
    Let’s Vue! 前端開發入門到實戰
    3. 版本控制工具
    Git: 版本控制系統，用於跟蹤代碼變更，方便團隊協作。
    GitHub 或 GitLab: 托管代碼庫，協作開發和版本管理的主要平台
    ⚡推薦課程⚡
    Git 速成攻略：2.5 小時變身版本控制達人
    AI助理GitHub Copilot | 提升前端開發效率
    GitHub Copilot AI賦能開發實戰訓練班
    4. 預處理與構建工具
    Sass 或 Less: CSS 預處理器，能夠提高樣式表的可維護性和可重用性。
    Webpack、Parcel 或 Vite: 模塊打包工具，用於優化資源加載、處理 JavaScript 模塊化等。
    【更多課程學習】https://user266414.pse.is/6psa64
    5. 響應式設計與跨平台兼容
    響應式網頁設計: 掌握使用 CSS 媒體查詢（Media Queries）以適應不同屏幕尺寸的布局技巧。
    跨瀏覽器兼容性: 確保網站在不同的瀏覽器（如 Chrome、Firefox、Safari、Edge）上的一致性。
    ⚡推薦課程⚡
    RWD響應式網頁設計入門
    工程師救星-用Bootstrap速成響應式網頁開發
    6. 調試與測試
    Chrome DevTools: 瀏覽器內建的開發者工具，用於調試 JavaScript、分析網頁性能。
    前端測試框架: 如 Jest、Mocha、Cypress，用於自動化測試和單元測試。
    7. API 與 AJAX 技術
    Fetch API 或 Axios: 用於與後端服務進行 HTTP 通信，拉取數據或發送數據。
    RESTful API 與 GraphQL: 理解如何與 API 交互並消費 API 提供的數據。
    8. 設計工具和基礎設計原則
    Figma 或 Adobe XD: 瞭解設計工具以便與設計師協作。
    UX/UI 基礎: 基本的用戶體驗和用戶界面設計原則，確保設計既美觀又實用。
    ⚡推薦課程⚡
    UI/UX 新時代指南：產品設計 x 商業思維 x AI 工具
    UI/UX新手實務班｜UI介面設計，洞悉使用者體驗
    9. 性能優化
    代碼分割與懶加載: 減少初次加載時間，提升網站性能。
    圖片優化與資源壓縮: 優化圖片格式與大小，減少網頁加載時間。
    10. SEO（搜索引擎優化）
    理解基本的 SEO 概念，確保網站在搜索引擎中具有良好的可見度，包括結構化數據的應用和適當的標題標籤。
    ⚡推薦課程⚡
    SEO搜尋引擎優化七大密技｜攻上頂端排名寶座
    具備以上這些技能，能幫助前端工程師在現代網頁開發中具備更強的競爭力與靈活性。
    前端工程師2025年必學技能清單：10大工具與技術指南，職場增能懶人包整理
    nabi.104.com.tw
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)－CSS課程│104課程中心
    0 0 1658 0
    學習精靈

    03/19 00:00

    youtube.com
    [HTML][中文][初學] 01. HTML / CSS / JavaScript 網頁開發基本介紹 (線上課程教學)
    5128 257

    推薦給你

    職場熱門證照排行榜
    關注
    104學習精靈

    產品

    01/09 21:59

    有證照面試邀約數多 37% 各職類企業最加分證照大公開
    根據 104 學習精靈發布《2024 職場學習白皮書》，求職者有證照的面試邀約數，比沒有證照的求職者，多出 37%；工程研發、操作技術與醫療專業類職務，持有證照的優勢更明顯，面試邀約數高了 50%以上。
    ✅近50%工作企業都要求《TOEIC (多益測驗)》
    線上模擬試題檢測: https://nabi.104.com.tw/assess/toeic
    ✅行銷類職務面試邀約提升證照《Google Analytics (分析) 個人認證資格》
    ✅行銷類職務面試邀約提升證照《Google Ads 搜尋廣告認證》
    ✅人資類職務面試邀約提升證照《企業/ESG永續管理師》
    ✅人資類職務面試邀約提升證照《乙級就業服務技術士》
    ✅產品企劃類職務面試邀約提升證照《國際專案管理師PMP》
    ✅軟體工程類職務面試邀約提升證照《AWS認證的解決方案架構師-助理級認證》
    ✅行政類職務面試邀約提升證照《Adobe Photoshop》
    0 0 861 0
    你可能感興趣的教室