iT邦幫忙

2023 iThome 鐵人賽

DAY 11
0

歡迎閱讀這份非常簡易的HTML入門指南!
HTML(HyperText Markup Language)是網頁開發的基石,它允許我們創建在互聯網上瀏覽的各種網頁,簡單五大重點為你提供一個堅實的起點🥳

  1. HTML是什麼?

    HTML代表"HyperText Markup Language",它是用於創建網頁的標記語言。HTML使用標籤(tags)來定義和組織網頁的結構和內容。

  2. HTML基本結構:

    一個基本的HTML文檔包括**<!DOCTYPE html>聲明(聲明文檔類型),<html>元素(根元素),<head>元素(包含網頁的元信息,如標題和連結),和<body>**元素(包含實際的網頁內容)。

<html>
  <head>
    <title>網頁標題</title>
  </head>
  <body>
    <h1>這是一個簡單的網頁</h1>
    <p>這是一個段落內容。</p>
  </body>
</html>;

  1. HTML元素和標籤:

    HTML使用標籤來標識不同類型的元素。每個標籤通常都有開始標籤和結束標籤,以及包圍內容。例如,**<p>標籤用於定義段落,<a>**標籤用於超連結。

<p>這是一個段落的開始,<a href="#">這是一個連結</a>,這是段落的結尾。</p>
  1. 屬性:

    HTML元素可以具有屬性,這些屬性提供有關元素的附加信息。例如,**<a>元素可以具有href**屬性,用於指定超連結的目標URL。屬性位於標籤的開始標籤內。

<a href="[https://www.example.com](https://www.example.com/)">前往示例網站</a>
    <img src="image.jpg" alt="圖片描述">
  1. 常見的HTML元素:

    了解一些常見的HTML元素對於入門非常重要。一些常見的元素包括:**<h1><h6>用於標題,<p>用於段落,<ul><ol>用於列表,<a>用於超連結,<img>**用於插入圖像,等等。

<h1>標題1</h1>
    <p>這是一個段落。</p>
    <ul>
    <li>項目1</li>
    <li>項目2</li>
    </ul>
    <ol>
    <li>項目1</li>
    <li>項目2</li>
    </ol>

看到這裡不知道你對於HTML有沒有一點概念了呢,從新手到現在我自己覺得很多部分只要深入探討並且了解他的邏輯架構再多加練習就可以成為你最好的養份了,感謝看到這的大家~


上一篇
Day 10 : HTML/CSS也是其中精隨
下一篇
Day 12-HTML 進階
系列文
菜鳥行銷PM教你30天用Wordpress成為個性化網站大師30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言