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

    HTML 學習推薦

    全部
    影片
    文章

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

    技能挑戰：初級
    目前等級：未達初級
    5464 人已通過「初級」測驗，通過率76%，和學習精靈一起探索知識、增強能力！
    我要挑戰
    PM雜學相談室－新手轉職PM交流區🙌
    關注
    104學習精靈

    產品

    04/26 16:22

    要如何判斷使用者的裝置？手機、PC、平板判別法
    在網頁開發中，了解使用者設備類型至關重要。透過User-Agent、CSS、JavaScript等方法，工程師可以根據不同設備提供最佳化的網頁體驗。以下為詳細說明：
    1. User-Agent 字串： 瀏覽器會傳一串資訊給網站，其中就包含了使用者的設備資訊，像是操作系統和設備類型。工程師可以查看這串資訊，從中判斷使用者是用手機、電腦還是平板。
    2. CSS 查詢： 工程師可以設計不同的網頁樣式，根據使用者的螢幕大小。比如，手機和平板可能會有不同的版面設計，而電腦則又不同。
    3. JavaScript 檢測： 工程師可以用 JavaScript 檢查使用者的螢幕大小，以及其他設備資訊。這樣就能大概知道使用者用的是什麼設備。
    4. 第三方庫或服務： 有一些工具可以幫助工程師判斷使用者的設備類型，不過這需要用到外部的程式庫或是服務。
    5. 瀏覽器特性： 一些瀏覽器本身就有辦法讓工程師取得設備資訊，不過這個方法限制比較多，並不是所有瀏覽器都支援。
    簡單來說，工程師可以透過這些方法來判斷使用者是用手機、電腦還是平板，進而調整網站的呈現方式，讓使用者有更好的使用體驗。
    0 0 1002 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
    WordPress視覺排版設計超入門：CSS與HTML
    WordPress的網站外觀樣式是透過安裝主題來決定的，但因為這些主題並不是量身定做的，所有難免會有些地方不符合需求，比方說：中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求。這門課就是教你如何使用CSS完成屬於自己的網頁設計，讓你不需要工程師也能自己修改！
    緯育TibaMe
    ASP.NET MVC 無痛快速上手
    本課程由淺入深，以豐富的實際案例帶領還未接觸過微軟的ASP.NET MVC初學者，在短時間內無痛上手ASP.NET MVC，快速掌握學習重點，並開發出實務案例的動態網站。
    緯育TibaMe
    【市價破萬】架設網站超值包!課程附贈一年主機空間 & WordPress外掛
    半價就能學到2門課：麻瓜絕對能上手的電商網站+形象網站架設。建置＋美化+SEO一次搞定！省下百萬架站費～付費購課贈送市價破萬的超大主機空間一年＋WP外掛授權哦！
    緯育TibaMe
    成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
    面對已經設計出來卻覺得還缺少東西的網站頁面，你還在持續苦惱中，且不知道該怎麼辦嗎？快來看看這門 HTML & CSS 下集課程。 此門課程將從上集的 HTML & CSS 基本概念繼續向外延伸，帶你掌握更多進階的網頁設計排版技術、動畫效果，去打造更有互動感的介面！
    緯育TibaMe
    學習精靈

    09/28 00:00

    youtube.com
    PHP 與 HTML 的關係
    2818 139
    PM雜學相談室－新手轉職PM交流區🙌
    關注
    知識貓星球

    喵星人

    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 流程圖？】
    喜歡這篇貼文的話歡迎加入教室，分享更多實用內容給你😍
    產品經理必知！什麼是 Axure？
    1 0 625 1
    學習精靈

    03/19 00:00

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

    推薦給你

    104學習精靈 | 熱門文章推薦
    關注
    104學習精靈

    產品

    28分鐘前

    【2024最新】職場增能線上課程折扣碼【vip99】享9折
    104課程中心，針對職場增能【指定線上課程】享限時優惠，不管針對工具學習、管理領導、AI應用....等，輸入限時折扣碼【vip99】9折優惠～
    ❤️折扣碼優惠期間：2024-06-30 23:59:59
    ❤️指定課程為課程說明頁有出現折扣碼優惠訊息才可享該優惠。
    小編幫大家整理如下，趕緊來看看！！！！
    【菜鳥救星：職場工具】
    泛指：ＥＸＣＥＬ、資料整理、ＷＯＲＤ、簡報術．．．．等。
    🟠【函數入門】別再土法煉鋼！你一定要懂的Excel函數
    🟠【資料整理術】Excel資料整理分析入門
    🟠 無痛起步-Excel VBA超入門實戰
    🟠 【進階函數】Excel高效秘訣！上班族不可不知的進階函數
    🟠 活用Office系列 (二) 超實用! 活動籌備的省時文書密技
    🟠活用Office系列 (一) 職場必修！高效文書秘笈
    🟠拆解簡報的技術：從分析、構思到設計，一次學會職場萬用溝通力！
    【趨勢學習：AI應用】
    2024年AI年利用人工智慧讓你職場效率更加倍！
    🔵AI簡報3項思考力，ChatGPT倍速提升商業競爭力！
    🔵2小時輕鬆學AI | 基礎觀念與應用
    🔵ChatGPT x Excel | 職場必學商務數據分析術
    🔵成為 AI 科學家｜打造數學基礎與統計地基，輕鬆開拓機器學習應用之城
    🔵告別新手村FB與IG廣告投放攻略｜AI助你輕鬆提高廣告效率
    🔵【AI基礎思維5】AI無所不在_活用AI產業應用
    【團隊合作：溝通進化】
    針對團隊中的溝通、管理...等技巧溝通，讓你不再是新手主管！
    🔴破解溝通困境，掌握人心的職場溝通術
    🔴向上溝通｜創造雙贏的職場溝通思維
    🔴8堂敏捷式自我修練課｜高效溝通x成長思維
    🔴如何讓新人快速適應不流失，新世代員工關懷 6 大關鍵技巧
    🔴當責：提升工作績效的職場超能力
    【外語加強：聽說讀寫樣樣來】
    針對額外時間加強外語能力，或是準備多益考試的學習推薦！
    🔻超實用英語會話必備 700 句
    🔻NEW TOEIC 新多益線上高分速成班
    🔻Jumbo 的多益單字獨門記憶法
    🔻Jen 的一分鐘英文短講會話術
    【2024最新】職場增能線上課程折扣碼【vip99】享9折
    nabi.104.com.tw
    無痛起步-Excel VBA超入門實戰－Excel Vba課程│104課程中心
    0 0 10 0
    你可能感興趣的教室