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

    HTML 學習推薦

    全部
    影片
    文章

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

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

    產品經理

    07/02 09:33

    用Lovable輕鬆打造你的數位舞台：專業工作者與求職者的最佳幫手
    想像一下，你是一位忙碌的專業工作者或求職者，想要快速建立一個專業的網站來展示你的作品集、個人品牌，或是吸引潛在客戶與雇主，但你完全不懂寫程式，也沒時間從頭學起。這時候，Lovable 就像你的數位魔法師，幫你用簡單的對話，在幾分鐘內打造出一個功能齊全、看起來超專業的網站！
    【Lovable是什麼？簡單、有趣又超實用！】
    Lovable 是一個利用人工智慧（AI）驅動的網站建置平台，專為不熟悉程式設計的人設計。你不需要寫一行程式碼，只要用文字描述你的需求（像是「我要一個展示作品集的網站，帶點現代風格！」），Lovable 就能幫你生成一個基於 React 的網站，包含響應式設計（手機、平板、電腦都能完美呈現）、資料庫整合（例如連接到 Supabase），甚至還有表單功能和第三方 API 串接。
    簡單來說，Lovable 就像一個會聽你說話的超聰明助手，把你的想法變成一個真實、好看又好用的網站。對專業工作者和求職者來說，這就像擁有一個隨身攜帶的數位名片，隨時展示你的專業能力！
    【Lovable能為你做什麼？專業工作者與求職者的應用場景】
    1. 專業工作者：快速建立個人品牌與客戶信任
    身為專業工作者（像是顧問、自由接案者、設計師或行銷專家），你需要一個能吸引客戶的專業網站來展示你的服務和作品。Lovable 能幫你：
    ［打造個人品牌網站］：快速生成一個乾淨、現代化的網站，展示你的專業技能、過往案例和客戶評價。
    ［提升SEO曝光］：Lovable 生成的網站支援 SEO 最佳化，像是友善的 URL 結構和快速載入速度，幫助你的網站更容易被 Google 搜尋到，吸引更多潛在客戶。
    ［整合表單與資料庫］：想收集客戶詢問或預約？Lovable 提供表單功能，還能連接到 Supabase 資料庫，讓你輕鬆管理客戶資料。
    ［節省時間與成本］：不用花大錢請網頁設計師，也不用花時間學程式，幾分鐘就能上線，專注在你的核心業務！
    真實案例：假設你是一位行銷顧問，客戶常透過 Google 搜尋「行銷顧問 台北」。用 Lovable 打造一個網站，加入關鍵字優化的標題和內容（像是「台北頂尖行銷顧問，幫你提升業績！」），就能讓你的網站更容易出現在搜尋結果的前幾頁，帶來更多商機！
    2. 求職者：讓你的履歷脫穎而出
    在競爭激烈的求職市場，單靠紙本履歷已經不夠！Lovable 能幫你打造一個數位作品集，展現你的獨特價值：
    ［個人作品集網站］：快速建立一個展示你專案、證照或技能的網站，讓雇主一眼看到你的實力。例如，一位平面設計師可以用 Lovable 展示設計作品，UI/UX 設計師可以展示線框圖或原型。
    ［行動裝置友善設計］：Lovable 自動生成響應式網站，確保你的作品集在手機上也能完美呈現，方便雇主隨時查看。
    ［簡單更新與即時預覽］：想隨時更新你的最新專案或證照？Lovable 提供即時編輯功能，改動後立刻看到成果，保持你的作品集最新鮮。
    ［提升個人品牌］：一個專業的個人網站能讓你在求職時脫穎而出，尤其在創意產業或科技業，雇主更看重你的數位存在感。
    真實案例：一位求職中的前端工程師可以用 Lovable 快速建一個網站，展示自己的 GitHub 專案、LinkedIn 連結，甚至嵌入互動式程式碼範例，讓面試官直接體驗你的技術能力！
    【Lovable的價值：為什麼專業工作者與求職者需要它？】
    1. 省時省力：不用學複雜的程式語言或網頁設計，Lovable 的 AI 幫你搞定一切，幾分鐘就能上線。
    2. 高性價比：免費試用，還能根據需求選擇進階功能，遠比請專業網頁設計師划算。
    3. SEO友好，吸引流量：Lovable 的網站結構和速度都針對搜尋引擎最佳化，幫助你的網站被 Google 快速收錄，增加曝光機會。
    4. 專業形象：一個乾淨、現代化的網站能提升你的可信度，讓客戶或雇主對你更有信心。
    5. 靈活應用：不管是展示作品、收集客戶資料、串接第三方工具，還是打造個人品牌，Lovable 都能滿足多樣化需求。
    【如何開始使用Lovable？】
    1. 註冊並描述需求：到 Lovable 官網 註冊，簡單輸入你想要的網站類型（例如「個人作品集」或「服務介紹頁」）。
    2. AI生成網站：Lovable 會根據你的描述生成一個網站草稿，你可以即時預覽並調整。
    3. 發布與優化：滿意後一鍵發布，接著可以透過 Google Search Console 檢查收錄狀況，或手動提交網頁加速 Google 收錄。
    4.持續更新：用 Lovable 的即時編輯功能，隨時更新內容，保持網站新鮮。
    小提醒：為了讓你的網站更快被 Google 收錄，記得在標題和描述中使用相關關鍵字（例如「台北產品經理」或「行銷顧問服務」），並確保網站內容有價值且定期更新！
    【結語：用Lovable讓你的專業光芒閃耀】
    不管你是想拓展業務的專業工作者，還是希望在求職市場脫穎而出的求職者，Lovable 都能幫你快速打造一個專業、好用又吸睛的網站。它的 AI 技術讓你省下時間與金錢，專注在你最擅長的事情上，同時提升你的數位曝光與個人品牌。快試試 Lovable，讓你的專業光芒在數位世界閃耀吧！
    看更多
    用Lovable輕鬆打造你的數位舞台：專業工作者與求職者的最佳幫手
    lovable.dev
    Lovable
    0 0 513 0
    104學習精靈精選課程
    看更多課程
    想提升職場競爭力？專業技能課程看起來👇
    M365 Copilot 微軟AI高效工作流｜重塑AI工作新型態 效率提升50%UP
    如何運用M365 Copilot來提高生產力？微軟MVP王仲麒老師將引導你進入GenAI生產力世界，逐步探索M365 Copilot實務落地技巧，讓M365 Copilot成為你最佳AI副駕駛，你將學到M365 Copilot實用技巧，還能將GenAI技能直接用於你的工作，大大提升工作效率及品質！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
    還在為網頁該如何設計煩惱嗎？在這門 HTML & CSS 課程中，將從 HTML 基本架構寫法開始，到 CSS 樣式撰寫，帶你完整認識並掌握各類語法，並透過實作練習，讓你學習如何完美操控 HTML & CSS，輕鬆打造網頁無負擔！
    緯育TibaMe
    第一次就上手，前端工程新手指南
    在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
    緯育TibaMe
    ASP.NET MVC 無痛快速上手
    本課程由淺入深，以豐富的實際案例帶領還未接觸過微軟的ASP.NET MVC初學者，在短時間內無痛上手ASP.NET MVC，快速掌握學習重點，並開發出實務案例的動態網站。
    緯育TibaMe
    WordPress+OpenCart-賺錢網站自己做：不是工程師也輕鬆上手
    建網站不用假手他人！購課贈送市價萬元超大主機空間一年與架站資源～WordPress與OpenCart兩大架站系統一次學會，建立會員系統，蒐集顧客名單，讓你行銷與數據分析一手掌握，不是工程師也能輕鬆學會！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
    面對已經設計出來卻覺得還缺少東西的網站頁面，你還在持續苦惱中，且不知道該怎麼辦嗎？快來看看這門 HTML & CSS 下集課程。 此門課程將從上集的 HTML & CSS 基本概念繼續向外延伸，帶你掌握更多進階的網頁設計排版技術、動畫效果，去打造更有互動感的介面！
    緯育TibaMe
    學習精靈

    09/28 00:00

    youtube.com
    PHP 與 HTML 的關係
    3199 139
    六角學院
    關注
    六角學院

    老闆

    03/05 11:23

    【成為軟體工程師】推薦技能樹！課程限時優惠中！只到 3/16 23:59
    同學你好
    新的一年，你想怎麼提升自己的職場競爭力，或是掌握硬技能爭取更高的薪資呢？六角學院為你準備年度熱門組合包 75 折優惠、熱銷單點技能課程 88 折，讓你透過最優惠的價格掌握程式硬技能，同時為你的職涯開啟更多可能性！
    優惠期間：即日起至 3/16(日) 23:59 止
    3/17 起，保留無限期、無限次觀看等相關課程服務，但影音課程全面漲價。如果你想把握最優惠價格註冊程式課，現在買最划算！
    📌 哪些情況，更適合此優惠？
    1.想轉職前端工程師的同學
    2.喜歡自由安排學習進度，不喜歡有時間壓力的同學
    3.新手想學程式，但不知道怎麼開始的同學
    4.任何想學習程式硬技能，提升薪資、擴展職涯的同學
    5. 目前已是軟體工程師，想強化單點知識（例如：Vue、React 框架）
    📌 為什麼這麼多人選擇六角課程
    謝謝同學們的信賴，從學習回饋中，我們收到的反饋大多為：
    ⭐「循序漸進的課程設計，帶我一步步累積程式力！」
    ⭐「5~15 分鐘的設計課程，效率超高，很輕鬆就能掌握一個知識點了」
    ⭐「超喜歡課程助教，總是給我滿滿的回饋，新手也能放心問問題！」
    我們的影音課單門 88 折、組合課(三門課以上) 75 折，並且課程更新不另外收費，維持了將近三年，幫助許多同學學習、甚至是轉職成功。
    今年 3/17 起，影音課程即將漲價，但課程更新不收費、無限期觀看、助教檢視程式碼等服務保留，持續協助同學往前端工程師之路邁進！
    📌 如果要轉前端工程師，該入手哪些課程呢？
    （請參考附圖的學習地圖）
    想成為前端工程師，但該從哪開始？別擔心，我們已經幫你設計好了一條清晰的技能樹路徑，從基礎到進階，讓你輕鬆上手，一步步掌握前端必備技能！
    📌 年度熱門組合包，限時 75 折！
    如果你決定全力投入學習，選擇我們的年度熱門組合包，不僅能一站式學到所有技能，還能享受 75 折超值優惠，讓你以最划算的價格，獲得最扎實的學習資源！
    熱銷單點技能課程，限時 88 折
    如果你已經有一定基礎，想要針對特定技能進行提升。以下實戰課程也提供單門 88 折優惠，讓你可以針對特定技能點做高度提升！
    👉 點我看所有優惠課程（優惠僅至 3/16 23:59）
    這些單點課程能快速幫助你掌握職場上必備的技能，讓你在求職或工作中脫穎而出！
    📌 你不能不知道的註冊福利（歡迎和其他教學單位比較）
    - 3/17 前註冊課程，不僅能享受限時優惠，還能獲得以下課程服務：
    - 保證觀看期限一年：只要六角還在課程就能觀看，歡迎你隨時回顧課程
    - 真人助教團：學習最怕遇到問題沒人問，卡關別怕，真人助教會在線上協助你！
    - 專屬學習社群：目前已有 10,000+ 人，業界工程師、學長姐們都在這，歡迎你來交流
    - 免費的線上研討會：除了課程，還有不定期的大神線上研討會，讓你跟緊業界最新資訊（平均每月一場）
    想學程式，現在買最划算！最扎實的課程，滿滿服務享不完！
    常見 Q&A
    Q：想趁最後 75 折優惠，把所需課程一次買齊，我有哪些付費方式？
    A：課程提供四種付款方式：信用卡、ATM 轉帳匯款、超商付款、銀角零卡
    如果您有分期購課的需求，也可以參考信用卡或銀角零卡；
    ➤ 信用卡：一共可分 3、6 期，目前僅支援台新、玉山及中信分期付款
    ➤ 銀角零卡：6 期零利率，無卡也能輕鬆分期，最高可分 12 期。
    舉例：以「前端全組合」來說：原價：$18,600，限時折扣後：$13,950
    銀角零卡可分 12 期，每月最低只需 $1,192 即可享有完整的課程服務唷
    現在買最划算，75 折最後倒數！
    優惠期間：即日起至 3/16(日)23:59
    想學點新技能、嘗試擴展職涯的可能性嗎？就算是程式新手也能循序漸進掌握程式，做出屬於自己的作品，甚至求職成功
    課程優惠限時倒數中，一起踏出第一步，用學習為新的一年開啟更多可能性！
    看更多
    【成為軟體工程師】推薦技能樹！課程限時優惠中！只到 3/16 23:59
    2 1 1179 0
    學習精靈

    03/19 00:00

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

    推薦給你

    緯育TibaMe
    關注
    緯育TibaMe

    07/07 08:30

    【免費直播最後名額】還在猶豫該不該轉職前端工程師，4個月她從美術老師到前端工程師的成功關鍵
    #免費直播報名倒數 你還停留在跨領域轉職=砍掉重練？
    其實「#跨領域經歷」正是當今企業所需！🔥
    藝術背景、零程式基礎，完成4個月培訓成為鴻海前端工程師，聽聽她怎麼辦到的👉 https://lihi.cc/meapa
    ​
    ▍ 直播講座資訊
    🔹 時間：7/7 (一) 20：00~21：00
    🔹 費用：免費報名
    🔹 形式：線上直播（將於活動前2~3天email提供直播連結）
    🔸報名連結：
    #活動加碼：成功轉職前輩線上QA解答
    ​
    ​
    如果你也卡在「要不要轉？」的十字路口，這一集，也許就是你的方向指引！
    ​
    ▍ 這 1 小時與你分享：
    ✅ 如何自我評估該不該轉職
    ✅ 轉職前的心態調適
    ✅ 學習過程到專題作品準備
    ✅ 團隊 side project 的重要性
    ✅ 如何發揮跨領域優勢
    ✅ 進入職場的實況與自我提升之路
    ✅ 轉職前輩線上 QA 提問
    ​
    想了解其他 IT 轉職職務選擇？明天晚上免費直播報名入口👉 https://lihi.cc/qTYgy
    想獲得更多免費求職轉職資源👉 https://lihi.cc/2Fm56
    看更多
    【免費直播最後名額】還在猶豫該不該轉職前端工程師，4個月她從美術老師到前端工程師的成功關鍵
    【免費直播最後名額】還在猶豫該不該轉職前端工程師，4個月她從美術老師到前端工程師的成功關鍵
    0 0 454 0
    你可能感興趣的教室
    OSZAR »