【LET’S CODE一起程式吧!】網頁設計專班 -內容Q&A

pexels-photo-574077.jpeg

【學網頁設計能做什麼?】
  1. 撰寫網頁
  2. 架設網站
  3. 撰寫App
  4. 撰寫網頁版遊戲(Unity-javascript)
【程式編輯器-NotePad++】

下載NotePad++  https://notepad-plus-plus.org/zh/

【什麼是HTML?】
  1. HTML(Hypertext Markup Language),中文全名為「超文字標示語言」
  2. 一種用於建構網頁的一種標籤語言
  3. 網頁架構的基石
  4. 網頁整體的骨幹
  5. 與CSS及javascript搭配,即可設計華麗的網頁
【關於網頁基礎架構】

HTML標籤語言通常都是兩兩一組,以<標籤>開頭,並以</標籤>結尾,中間夾帶的是標籤的內容

  • <!DOCTYPE html>標籤:

網頁第一行,必須先聲明此文件為HTML5文件

  • <html> </html>標籤:

在<html>標籤及</html>標籤中將會放置整個網頁的內容,因此,每個網頁的內容都會寫在<html>及</html>之間

  • <head> </head>標籤:

在<head>標籤及</head>標籤中將會放置網頁的標頭內容,通常會放置網頁的設定值及標題內容。

  • <body> </body>標籤:

在<body>標籤及</body>標籤中將會放置網頁的本文,包含了網頁整體得設計。

【常用的文字標籤】
  1. 網頁標題標籤:<title> 標頭內容 </title>
  2. 換行標籤:<br>
  3. 標題標籤:<h1>…<h6> 標題內容 <h1>…<h6>
  4. 文字標籤:<p> 文字段落 </p>
  5. 粗體字: <b>粗體字內容 </b>
  6. 底線字: <u> 底線字內容</u>
  7. 斜體字:<i> 斜體字內容 </i>
  8. 水平線:<hr>

 

發表迴響

Please log in using one of these methods to post your comment:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Google photo

您的留言將使用 Google 帳號。 登出 /  變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s

在WordPress.com寫網誌.

向上 ↑

%d 位部落客按了讚: