參考網址:自學網頁の嬰兒教材:HTML與CSS (codelove.tw)

1.開始

參考網址:HTML 基礎 --- HTML Basic (w3schools.com)

一個完整的HTML網頁

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

<!DOCTYPE>  文件聲明

<!DOCTYPE> 聲明表示文檔類型,並幫助瀏覽器正確顯示網頁。 <!doctype html>不區分大小寫,這邊表示此文件為HTML5。

<h1>~<h6> HTML標題

定義標題,HTML使用<h1>到<h6>,等級由1到6排序。

<h1>這是最大的標題</h1>
     <h2>這是標題2</h2>
     <h3>這是標題3</h3>
     <h4>這是標題4</h4>
     <h5>這是標題5</h5>
     <h6>這是最小的標題</h6>
     <!-- 這六個標題元素,代表著 HTML 文件的各個標題等級。 -->

<P> 段落

輸入文字/段落,html使用<p></p>輸入

<p>像前面練習的,
    <p>表示著內文</p>
    <!-- 這是一個段落元素,用來呈現文字內容。 -->

<a> HTML連結

<a>代表著可以點擊的連結,

輸入連結:在<a>的後面加上 href=”連結網址” 。便可以創造連結。

完成後效果如下:

<a href="<https://www.google.com>">這邊點擊進入連結(GOOGLE)</a>
    <!-- 這是一個超連結元素,用來建立超連結,href 屬性用來指定連結的 URL。 -->

<img> HTML插入圖片