自學網頁の嬰兒教材：第1課 HTML 輕入門– Devs.tw

自學網頁の嬰兒教材：第1課── HTML 輕入門. 第1課課程目標. 學會h1, h2. p, br 等等HTML元素的用法 ... 共有HTML, CSS, JavaScript三塊可以寫，先只要寫HTML就好。

Devs.tw寫程式討論區 全部貼文 原創發表 系列文章 貢獻者 社群 FB社團 FB粉專   發佈文章 建立系列 登入 註冊   Devs.tw是讓工程師寫筆記、網誌的平台。

歡迎您隨手紀錄、寫作，方便日後搜尋！ 尤川豪 Enoxs chenjenping JuenTingShie thomaschu 尤川豪   ·  3年前 426貼文  ·  261留言 自學網頁の嬰兒教材：第1課──HTML輕入門 第1課課程目標 學會h1,h2.p,br等等HTML元素的用法 學完之後，你將可以用HTML來替內容排版 第1課課程內容 第一課只要學習最基本的HTML元素就可以了 請打開這個網站，用這個網站來開發你的網站： https://jsfiddle.net 共有HTML,CSS,JavaScript三塊可以寫，先只要寫HTML就好。

閱讀並且練習這五份教學的內容： HTMLBasic HTMLElements HTMLAttributes HTMLHeadings HTMLParagraphs 不習慣看英文，可以改看這裡： HTML基础 HTML元素 HTML属性 HTML标题 HTML段落 把教學裡面的HTML程式碼，貼到jsfiddle裡面的HTML區域，貼好之後按上面的RUN按鈕，就會在右下角的Result看到結果。

讀完、練習完這五份教學裡面的程式碼，就算是學會HTML的基礎了 第1課作業 前往這個網站：風傳媒 找一篇你喜歡的文章 接著打開jsfiddle，把jsfiddle當成MicrosoftWord文書編輯軟體來用，用HTML的段落、標題、換行等等元素，把文章排版打出來。

只要打出文章內容就好，上方的導覽列、旁邊的熱門文章那些區塊都不用。

完成這些，你就完成這次的課程目標了！ html   分享   共29,359次點閱 按了喜歡： 共有64則留言    ·  3年前 0貼文  ·  7留言 覺得版主的作業很實用，完成貼上來獻醜； 想加入line群組，但網頁的上的連結好像是連去Line官網(?) 作業：https://jsfiddle.net/KitHuang/fb5emjvy/2/ 參考文章：https://www.storm.mg/lifestyle/696209    回應 0 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 Hello謝謝你的支持～！那個line群組應該要在手機上面開！應該會自動打開Line！你再試試看 還是加不了的話再跟我說！ 你的作業「25K翻轉成600多萬資產！」那個我看了，寫的很好！沒問題！ 目標順利完成，期待看到你之後的其他作業！加油摟～    回應 0 按了喜歡：    ·  3年前 0貼文  ·  1留言 hello~版主.. 很高興能在網路上看到你分享的自學文章系列,所以我也做了一個範例 作業網址:https://jsfiddle.net/fredyang201812/s2z61g8f/47/ 參考文章:https://www.storm.mg/article/815521 有些東西與效果還是用不出來,例如開頭第一段"對賴清德院長.."其中"對"呈現的方式:無法複製文字，所以在想是不是他是圖片表達的。

還有關於文章標題有好幾個下拉式選項:如"新聞、評論、專題"...等等 這部分也尚無法處理。

這部分我會繼續看往下研讀你的課程. 謝謝版主分享    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 你好，我看到你寫的作業囉，寫得非常好，不用擔心！ 本課目標都有完成！ 針對你的問題： 開頭第一段"對賴清德院長.."其中"對"呈現的方式 並不是用圖片表達的喔！ 請參考這邊的回答：https://devs.tw/post/157 關於文章標題有好幾個下拉式選項 這是比較複雜的html/css/javascript技巧，未來的課程會提到，不用擔心 加油摟～期待看到你下次的作業～！ 按了喜歡： 留言回應... feifeitzu   ·  3年前 0貼文  ·  21留言 謝謝版主的分享，我也完成了第一份作業：https://jsfiddle.net/xvrqmz7d/21/　參考文章：https://www.storm.mg/lifestyle/836475    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 你好，我看到你寫的作業「以為只是太累，結果竟是腦中風差點送命！」囉～ 寫得非常好，本課目標都有完成！完全沒問題～ 有一個很好的起步了！ 期待看到你下一次的作業！加油摟～！ 留言回應...    ·  3年前 0貼文  ·  5留言 Hi,我也完成了第一份作業，可是影片的連結實在不知道怎麼用，就打開原始碼偷看了一下。

文章開頭人字的兩倍行距的大小，不知道怎麼處理。

謝謝你的教學 作業:https://jsfiddle.net/mooju7463/m37stujr/11/ 原文:https://www.storm.mg/article/860547    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 你好我看到你寫的海平面的那篇作業囉寫得非常好！ 文章開頭的文字問題，請參考這篇的討論：https://devs.tw/post/157 別擔心，你的進度非常好，本課目標都有順利完成！ 繼續加油囉～期待看到你之後的作業！ 留言回應... Ruo-YinTong ·  3年前 0貼文  ·  1留言 hi~我也完成我的第一份作業了可以請版主幫我看一下O不OK嗎 https://jsfiddle.net/k9806zqn/2/我參考的文章是這篇https://www.storm.mg/article/892422 謝謝版主提供的資源跟教學讓我能更輕鬆快速的學習!    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 可以，我看了，「金鑛咖啡忠孝門市歇業」，作業寫得非常好 甚至超過本課進度，非常不錯 學習目標都有達成，沒問題！ 之後的作業也要po出來唷！ 期待看到你之後的作業！ 留言回應... JiaMingHe ·  3年前 0貼文  ·  1留言 我也完成了一份作業 https://jsfiddle.net/wakeup_jiaming/u8pqyb3t/22/ 但我覺得好複雜，很多元素都沒用上 希望之後能穩穩交作業XD 參考自 https://www.storm.mg/article/1015209    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「鄉下剩男如何找到春天」 寫得很好別怕本課目標都有達成元素那些不急慢慢來 期待看到你的下一次作業！ 留言回應... J-TingLiu ·  3年前 0貼文  ·  1留言 我也完成我的第一份作業了https://jsfiddle.net/JaysonLiu/6w0goxbm/16/我參考的文章是這篇https://www.storm.mg/category/k137503 做完才發現根本是影片介紹....    回應 1 尤川豪   ·  3年前 426貼文  ·  261留言 「新手Youtuber必看！一年訂閱成長30倍呱吉這樣圈鐵粉」 寫得非常好，本課目標都有完成，甚至超前進度，有了漂亮樣式 繼續保持，期待看到你的下一份作業！ 留言回應... 黃俊豪 ·  3年前 0貼文  ·  2留言 Hello版主，這是我的第一份作業：https://jsfiddle.net/n19911028/p0fvL4ka/21/ 參考文章為：https://www.storm.mg/lifestyle/1126813    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「低頭族小心了！」作業，寫得很好！ 沒問題，學習目標順利完成！ 留言回應... JiaSinChoong ·  3年前 0貼文  ·  2留言 版主你好，我完成了我的第一份作業：https://jsfiddle.net/elichoong/qhyvLmgx/18/參考文章：https://www.storm.mg/lifestyle/1142662?srcid=gAAAAABcral3nFrU50Thr3NpKBzeHyjxTg8Lv40d0OR49Yk3qWdnrUR2DMG0iCeMAwNZwbO6zIvt-QluX_Dhkrb2GDDc3QHP_5bvxB7CMyvppbjKneAPgMU%253D    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「日本超商廁所」作業寫得很好，目標通通達成！繼續保持！ 留言回應... ChrisYang ·  3年前 0貼文  ·  2留言 HI~我完成了第一階段的作業 https://jsfiddle.net/chrisyang/rsh1z4vg/46/ 參考文章 https://www.storm.mg/article/1213145?srcid=gAAAAABcwIJt37dgy_kE54IEeULw1x_EWPg9cXcE1Oec4UDe552ij5fdOsN33QpIumFEW_wSao7TZydsPLc5H_Uxfmfr5dkPKVse0ztWJh0relznOMlarWI%253D 感謝撰文指導～！    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「博恩脫口秀」作業寫得很好，目標通通達成！ 留言回應... Yvonne ·  3年前 0貼文  ·  1留言 版主好！我來教作業囉~ 作業：https://jsfiddle.net/yvonne0822/rget7a4h/ 參考文章：https://www.storm.mg/article/1312390?srcid=7777772e73746f726d2e6d675f62626336333365393833623931656132_1558679242 十分感謝版主的資源分享~~~    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「觀點投書：Google分手華為」 寫得很好目標都有完成 繼續保持！ 按了喜歡： 留言回應... AndersonChen ·  3年前 0貼文  ·  1留言 版主您好, 第一次嘗試html的課程， 作業:https://jsfiddle.net/andersonchen05/tdr59bey/11/ 參考文章:https://www.storm.mg/lifestyle/1326962?srcid=7777772e73746f726d2e6d675f33303632653832313031316565333165_1559031471    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 我看到囉！「不看盤也能賺大錢」！ 寫得很好 目標有達成！繼續保持！ 留言回應...    ·  3年前 0貼文  ·  6留言 Hi~~~版主 這是我的第一份作業，再請版主幫我看作業~謝謝! 參考文章:https://crossing.cw.com.tw/blogTopic.action?id=742&nid=11862 作業:https://jsfiddle.net/hannahtest190619/hz48nu5p/    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 「外派年薪百萬」作業我看到了 寫得很好目標都有達成！ 保持努力！ 留言回應... CluckyLai   ·  3年前 0貼文  ·  7留言 老師好，這是我的第一份作業， 作業：https://jsfiddle.net/ClarkLai/x1hyko0d/1/ 參考文章：https://www.storm.mg/lifestyle/1405103?srcid=7777772e73746f726d2e6d675f64333135616464646333623831333136_1561374541 老師的教學淺顯易懂，謝謝老師。

   回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 阿拉丁是中國人，「靈體附物」早現於唐朝！《阿拉丁》故事中的神祕異國想像 作業寫得很好 沒問題目標都有達成～ 繼續加油嘿～ 留言回應... JessicaChen ·  3年前 0貼文  ·  3留言 版主好~雖然寫起來懵懵懂懂的也是完成了第一次的作業了!再麻煩版主看看唷~謝謝! https://jsfiddle.net/Jessica35/dzucwxg5/16/ 參考文章:https://www.storm.mg/lifestyle/1264898    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 天主教千年朝聖之路，為何讓韓綜藝之神都嚮往？《西班牙寄宿家庭》拍下這條路怎麼療癒人生 看到囉別擔心寫得很好 之後會慢慢理解更多 目標都有完成～繼續加油～！ 留言回應... BaconLee   ·  3年前 0貼文  ·  2留言 版主你好你的教學很淺顯易懂:)我挑了厲害的之晨大大當第一次作業，再麻煩你看看，謝謝！ 作業：https://jsfiddle.net/bacon0811/9ez7v0sb/16/ 參考文章:https://www.storm.mg/article/1512037?srcid=7777772e73746f726d2e6d675f64356232613534666431636130333837_1563937572    回應 1 按了喜歡： 尤川豪   ·  3年前 426貼文  ·  261留言 名人真心話》從1年被當15學分到台灣大總經理　林之晨：輸在起跑點沒關係，重點是贏在折返點 寫得很棒，沒問題 繼續保持！ 按了喜歡： 留言回應... 薛百九 ·  2年前 0貼文  ·  2留言 最近想說重新練習程式，感謝版主的分享，這是我的第一份作業，連結：https://jsfiddle.net/shihsiansyue/aby0pf4v/；參考文章:https://www.storm.mg/article/1648011；再麻煩版主看看了，謝謝！    回應 1 按了喜歡： 尤川豪   ·  2年前 426貼文  ·  261留言 1個月5萬，不是退休金 看到囉，寫得很好！ 目標順利完成！ 留言回應... NoriChung ·  2年前 0貼文  ·  1留言 感謝版主的教學，這是我的第一份作業：https://jsfiddle.net/vwqkuof4/1/ 參考文章：https://www.storm.mg/article/1671298    回應 1 按了喜歡： 尤川豪   ·  2年前 426貼文  ·  261留言 虧損5億歐元，這個CEO竟還帶員工到荒郊野外露營！？ 寫得非常好～ 本課目標順利完成囉～ 繼續保持哦～ 留言回應... 王馨君 ·  2年前 0貼文  ·  3留言 嗨！版主大大你好！ 我看完教學做了作業，但有個問題想舉手發問 我用文字加網址在文字上，但在a後面加數字之後就不行了，像文字，但要調不同字型大小或是粗細之類的，所以