iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
2
自我挑戰組

從零開始的基礎網站開發系列 第 2

day1 - 向世界打招呼吧

  • 分享至 

  • xImage
  •  

正文開始:
參考資源:維基百科
HTML是一種標記式語言,全文為HyperText Markup Language(超檔案標識語言),是一種將文字(Text)以及文字相關的其他資訊結合起來,展現出關於文件結構和資料處理細節的電腦文字編碼。

常言道,萬丈高樓平地起,在網頁開發上也是這樣
在創立一個美觀、實用的網站前還是得先把基本架構處理好
這就是HTML的功用

編寫HTML文件一開始,我們需要創立一個副檔名為html的文件
每一個最基本的網頁都會由以下代碼組成

<html>
    <head>
    </head>
    <body>
    </body>
</html>

一個html碼是由括號內的文字組成的,稱為html元素,元素通常由兩個標記組成,稱為開始標記結束標記結束標記內多了一道斜線
html的功用為宣告在此當中的內容都為html碼
head內包含了網頁相關資訊
body為網頁的主要內容含物

今天,我們先創立一個最基本的網頁
顯示Hello World

首先呢,我們一樣建立好基本架構

<html>
    <head>
    </head>
    <body>
    </body>
</html>

接下來我們給他一個標題吧

<head>
    <title>HeyWorld</title>
</head>

title內的文字將成為網頁標題
再來,我們今天的首要任務,向世界打聲招呼

<body>
    <p>Hello World</p>
</body>

p標記內的文字將顯示在網頁上
全代碼如下

<html>
    <head>
        <title>HeyWorld</title>
    </head>
    <body>
        <p>Hello World</p>
    </body>
</html>

明天,我們將介紹如何在html中裝飾文字,雖然CSS比較好用


上一篇
day0 - 村長爺爺,我要出發了
下一篇
day2 - 文字的藝術
系列文
從零開始的基礎網站開發29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言