成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
還在為網頁該如何設計煩惱嗎？在這門 HTML & CSS 課程中，將從 HTML 基本架構寫法開始，到 CSS 樣式撰寫，帶你完整認識並掌握各類語法，並透過實作練習，讓你學習如何完美操控 HTML & CSS，輕鬆打造網頁無負擔！
緯育TibaMe104學習精靈
HTML
HTML
關注
邀請朋友 
Facebook
Line
複製連結
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(像一個標準) 之內，並且也很快的適應於市場。這麼多的新標籤導致了文件在不同平台的兼容性問題。
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
HTML 學習推薦
全部
影片
文章
不知如何開始嗎？ 先進行技能挑戰吧～
技能挑戰：初級
目前等級：未達初級
5475 人已通過「初級」測驗，通過率76%，和學習精靈一起探索知識、增強能力！
我要挑戰
免費下載！Claude AI 官方 iOS App 正式上線
Claude 是一款由美國科技公司 Anthropic 所開發的免費AI大型語言模型聊天機器人。Claude 以其安全、可靠、功能強大和多語言支援等安全、無害和創新的價值觀著稱，並在功能上可與 OpenAI 開發的 ChatGPT 相抗衡。
▶ Claude 的特色 ◀
❶ 安全可靠：Claude 採用獨家開發的「合憲AI」技術，基於世界人權宣言（UDHR）與蘋果公司服務條款等法律框架，打造「人類不會害怕的Al」。
❷ 功能強大：Claude 3 提供 Haiku、Sonnet 及 Opus 三種版本，可滿足不同使用者的需求。Opus版本可處理更大更多資料量，並提供更強大的功能，包括撰寫或修飾文章、歸納重點、分析圖片、程式碼生成、多語言翻譯等。
❸ 支援多種語言：Claude 支援繁體中文、簡體中文、英文、法文、德文、日語、韓語、西班牙語、俄語、阿拉伯語等多種語言。
▶ Claude 的 3 大版本 ◀
⟡ Claude 3 Haiku ⟡
其名稱取自日本「俳句」的服務，它能提供快速且具有高 CP 值的回應。它具備高速且高水準的能力，在短短3秒內就可以閱讀10,000個 token。目前，這個服務在部份地區已經開放，可以在亞馬遜 AWS 上使用。
⟡ Claude 3 Sonnet ⟡
其名稱取自英國莎士比亞的十四行詩形式，是一種免費版本的服務。部分功能需要付費後才能擴展，而這個服務強調耐用性和功能性。
⟡ Claude 3 Opus ⟡
其名稱取自古羅馬拉丁語中的「巨作」，是高階版本的服務。從名稱就可以看出它的智慧程度非凡，並且能夠處理更大量更多種類的資料。這個版本需要付費，但能提供更高的處理能力和功能。
▶ Claude 的功能 ◀
⓵ 文章撰寫與修改
從短文到演講稿、小說或信件，Claude都能幫助生成文章並進行修改潤飾。它也能生成社群平台宣傳文案或拍賣網站商品描述。
⓶ 歸納重點
對於新聞報導、長篇小說、專業文件或對話內容、會議記錄等，Claude能快速提煉要點、總結主旨與精華。
⓷ 圖片分析
Claude能轉錄或分析手寫資料筆記、解釋圖像內容，還能分析圖表數據，適合整理大量資訊。其支援的圖片檔案類型包括jpeg、png、webp、gif；支援的文件類型包括pdf、docx、odt、html、csv、txt、rtf、epub。
⓸ 程式碼生成
雖然Claude擅長Python，但也能根據需求生成Java、C++、JavaScript、SQL等程式碼，包括簡單腳本到複雜架構。
⓹ 多語言翻譯
除了英文，Claude還支援繁體中文與簡體中文，可以在多語言間即時相互翻譯，進行文章撰寫、分析或修改等工作。
Claude 的出現，標誌著 AI大型語言模型聊天機器人技術的進一步發展。Claude 的安全、可靠、功能強大和多語言支援等優勢，使其在眾多同類產品中脫穎而出。隨著 Claude 的不斷發展，我們可以期待它在未來為我們帶來更多的驚喜！
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
1
0
369 1
拍手
留言
分享
Line
複製連結
收藏
熱門精選
🔥104人力銀行「2024職涯博覽會」開始報名啦📢
緯穎、德州儀器、遊戲橘子、東京威力科創、微軟(旭日計畫)、KPMG、IKEA、星巴克、宜得利、迪卡儂等，上百家頂尖知名企業現場徵才🤩
📍 6/15(六) 資訊科技、顧問金融業
📍 6/16(日) 電子製造業、零售服務業
連續兩日，優質企業將在現場釋出數千個工作機會💼
另有中高階獵才、職涯諮詢、趨勢論壇、夜fun職場等系列活動，
主題精采多元，除部分講座收費，其餘活動皆 免費！免費！免費！
3
3
10127 0
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
看更多課程
想提升職場競爭力？專業技能課程看起來👇
學習精靈
09/28 00:00
youtube.com
PHP 與 HTML 的關係
2823 139
分享
Line
複製連結
收藏
職場增能線上課程折扣碼【vip99】享9折優惠：課程清單
104課程中心，針對職場增能【指定線上課程】享限時優惠，不管針對工具學習、管理領導、AI應用....等，輸入限時折扣碼【vip99】9折優惠～
❤️折扣碼優惠期間：2024-06-30 23:59:59
❤️指定課程為課程說明頁有出現折扣碼優惠訊息才可享該優惠。
小編幫大家整理如下，趕緊來看看！！！！
【工程師與PM增能課程】
基礎扎根、應用職場技能....等學習。
🔷C# 從零開始前進.NET物件導向程式全攻略
🔷C# .Net Framework系統基礎實作攻略
🔷成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
🔷透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
🔷學程式也能很好玩：不背語法寫Java
【新趨勢ＥＳＧ】
從認識到了解，到職場相關議題學習推薦！
🟩ESG產品策略-如何巧用產品生命週期的新產品開發術
🟩你必須知道的SDGs永續經營議題｜從ＥSＧ到淨零排放的商機通識課
【職場相關認證課程】
從了解認證，到考取認證相關學習推薦！
🔶微軟Azure超級入門實務與AZ-900認證攻略
🔶微軟 Azure｜通關 AZ-104 認證攻略，邁向雲端 IT 管理之路
🔶國際資安認證介紹
【面談與管理也是一門學問】
招募與管理人才的HR，以及想學習面談心法課程不可錯過！
🟣何謂績效管理與目標設定－掌握關鍵指標設定與面談技巧，談出好績效
🟣懂用人，當主管心不累：人資長教你帶出好員工的40個實戰QA
🟣貓世代的職場攻略 | 搞懂職場遊戲規則，找到我的生存之道
🟣超熙利！一門課搞定你的英文履歷面試
【職安應用與學習】
針對人資、總務．．．等的職業安全學習推薦。
⭕職安必修課｜執行職務遭受不法侵害預防計畫
⭕職安必修課｜職業安全衛生法
⭕職安必修課｜異常工作負荷危害預防計畫
⭕職安必修課｜性別平等工作法簡介
【更多熱門課程推薦】
以下為相關學習熱門課程，你可以透過感興趣的主題進行學習！
✅用Excel也能玩轉統計分析
✅身體復原力｜物理治療師帶你治癒辦公室疲勞
✅Git 速成攻略：2.5 小時變身版本控制達人
✅財會工作秒殺技! 活用VBA，開啟你的自動化工作術!
✅WordPress視覺排版設計超入門：CSS與HTML
更多課程優惠整理看這下一頁！
0
1
938 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
03/19 00:00
youtube.com
[HTML][中文][初學] 01. HTML / CSS / JavaScript 網頁開發基本介紹 (線上課程教學)
4297 250
分享
Line
複製連結
收藏
推薦給你
Product Roadmap(產品路線圖)有哪些形式？
產品路線圖可以以多種形式呈現，具體形式取決於團隊的需求、偏好和開發流程。以下是一些常見的形式：
1. 時間軸式路線圖： 這是最常見的形式之一，以時間軸為基礎，顯示產品功能和特性隨著時間的推移如何發展和交付。這種形式通常在不同時間點上標示里程碑事件和版本發佈。
2. 主題式路線圖： 這種形式將產品功能和特性根據其主題或類別分組，而不是按照時間順序排列。這有助於突出不同功能之間的相互關聯性，以及它們如何共同實現產品的整體目標。
3. 脈絡地圖（Context Map）： 這種形式將產品的功能和特性放在一個更廣泛的背景下呈現，例如顧客旅程或產品生態系統。這有助於團隊更好地理解產品在整個生態系統中的地位和作用。
4. 能力圖（Capability Map）： 這種形式將產品的核心能力和功能以圖形化方式呈現，通常是一個雷達圖或圓形圖。這有助於團隊快速了解產品的核心競爭優勢和特點。
5. 資源路線圖（Resource Roadmap）： 這種形式強調產品開發過程中所需的資源，例如人力、財務和技術支持。這有助於團隊確保在開發過程中有足夠的資源可用。
6. 策略性路線圖（Strategic Roadmap）： 這種形式將產品路線圖與公司的整體戰略目標和愿景相關聯，幫助團隊理解他們的工作如何促進公司的長期發展。
以上形式並不是互斥的，團隊可以根據需要選擇適合的形式或結合多種形式來呈現產品路線圖。
0
0
71 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室