iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0

前言

今天正式進旺網頁前端的第一巨頭HTML那我們在寫HTML也是要準備我們Vscode的插件先下載完我們從明天開始使用,那廢話不多說我們先來介紹~

插件安裝

Close tags

Link:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag

Auto Rename Tag

Link:https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Live Server

Link:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

開始撰寫

<!DOCTYPE html>
<html>
    <head>
        <title>document</title>
    </head>
    <body>
        <h1>Welcome to HTML</h1>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis, 
            ullam obcaecati itaque dolorum rem maiores provident dolorem mollitia labore atque eos, 
            ratione aperiam libero doloremque. Nam exercitationem consectetur similique?
        </p>
        <h2>Welcome to HTML</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis, 
            ullam obcaecati itaque dolorum rem maiores provident dolorem mollitia labore atque eos, 
            ratione aperiam libero doloremque. Nam exercitationem consectetur similique?
        </p>
        <h2>Welcome and learning</h2>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis, 
            ullam obcaecati itaque dolorum rem maiores provident dolorem mollitia labore atque eos, 
            ratione aperiam libero doloremque. Nam exercitationem consectetur similique?
        </p>


    </body>
</html>

由第一行開始介紹

  • <!DOCTYPE html>這是宣告這文件是由HTML語法所撰寫的
  • <html>...</html>這是告訴大家網頁的所有內容從這裡開始
  • <head>...</head>這裡放置我們的標頭以及宣告一些著作權所放置的地方
  • <title>...</title>這個視網頁頁千所給他的名稱
  • <body>...</body>這個是放置網頁主體的部分
  • <h1>...</h1>主標題
  • <p>...</p>這是宣告這是一個段落的文章
  • <h2>...</h2>副標題
    在撰寫markdown語法的時候我們也可以利用HTML語法的方式來撰寫所以接下來所學也希望大家可以回去翻閱並複習~~ 加油

上一篇
Day10 Markdown補充&銜接HTML語法
下一篇
Day12 HTML 文字
系列文
從筆記語法帶入網頁設計20
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言