基礎HTML學習筆記
閱讀時間約 3 分鐘
一個網頁只會有一個h1
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
標籤(h1.p.img)裡面可以放多個屬性(src.background.color)
建立 HTML 環境
<!DOCTYPE html> 告訴大家這是html5的語法
<html>
<head>關於整個專案的資訊放這裡面
<title>頁籤標題</title>
</head>
<body>
寫給別人看的要放這裡面
</body>
</html>
Emmet 預設安裝
<html lang="en"> /*語意使用英文*/
<meta charset="UTF-8"> /*使用UTF-81編碼，沒寫在IE會顯示亂碼*/
/*對網頁螢幕解析度優化，讓每個瀏覽器都能清楚*/
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">/*讓IE更新到最新*/
</html>
圖片 img
img是少數沒有結尾標籤的
基本語法
<img src="圖片位置" alt="給視障人士觀看，可以用播報讀給他們聽">
如果要找上一層(跟你現在的html檔相比)的圖片要用..
如果要找下一層的圖片用/
<img src="../2020css常用語法/img/logo1.png" alt="">
斷行br
連結 a 標籤
- 基本語法
<a href="想要連結的網頁">顯示在網站的文字</a>
想要開出新頁面
- 語法
<a target="_blank" href="想要連結的網頁">顯示在網站的文字</a>
製作當滑鼠移到連結時的彈跳視窗
- 語法
<a title="連到google" href="想要連結的網頁">顯示在網站的文字</a>
- 顯示畫面
ul li列表標籤
- 有一系列相同的資訊要呈現就可以用ul.li
不要用ul取代h2當標題
一定要用ul包起來 - 基本語法
<ul> /*實心圓*/
<li>項目一</li>
<li>項目二</li>
<li>項目三</li>
</ul>
<ul> /*數字*/
<li>項目一</li>
<li>項目二</li>
<li>項目三</li>
</ul>
- 顯示結果
0會員
5內容數
留言0
查看全部
你可能也想看
Google News 追蹤
在這個章節中，我們介紹了HTML的基本概念，包括其作為結構化標記語言的特性、應用領域，以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎，幫助讀者了解HTML在現代網頁開發中的重要性。
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
在當今這個數位化的時代，網頁無處不在，我們每天都在使用互聯網瀏覽網頁，查找資訊、分享內容、購物等等。然而，網頁的背後是什麼？為什麼網頁能夠呈現出如此多元化的內容？
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 標籤是網頁內容的基礎，透過學習不同的標籤，你可以設計出各式各樣的內容。本文介紹了各種基本的標籤，如標題、段落、修飾樣式、超連結以及區塊等，讓你對 HTML 標籤有更深入的瞭解。
人們對於學習HTML的興趣持續增長，本篇文章將解析HTML的架構、標籤、排序方式、標籤屬性和標籤結構解析的相關課程，為讀者提供全方位的學習體驗。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。
在這個章節中，我們介紹了HTML的基本概念，包括其作為結構化標記語言的特性、應用領域，以及主要使用者。這些知識為後續的深入學習和實踐奠定了基礎，幫助讀者了解HTML在現代網頁開發中的重要性。
先學習 HTML, CSS, JavaScript 基礎觀念，
再透過實作專案，慢慢熟悉不同的語法使用方式。
你好，在下最近在學習開發web，學了html css js，也得出一些心得，由於網路上已有許多教學，所以我會著重在如何開發出to do List，以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯，或者是可以寫得更好，歡迎在下方留言，討論。
首先先介紹我的開發環境:
我用了vs
在當今這個數位化的時代，網頁無處不在，我們每天都在使用互聯網瀏覽網頁，查找資訊、分享內容、購物等等。然而，網頁的背後是什麼？為什麼網頁能夠呈現出如此多元化的內容？
※ Javascript和HTML的關係
當我們輸入新的網址或按下重新整理時，從解析檔案到畫面顯示出來，瀏覽器會進行以下流程：
解析 HTML / CSS 檔案，建立物件模型：
HTML → DOM (Document Object Model)。
CSS → CSSOM (CSS Obje
前言
終於要到這個振奮人心的章節了，我們終於要來學習，如何讓自己的網頁更加美觀。
但在這之前，我們肯定得先學習，如何將我們的 CSS 檔案，連接到 HTML 當中。
連結分類
首先，我們在連結 CSS 的方法中，有分為三種：
內聯連結
在 .html 當中，任一標籤的裡面，用屬性 s
本文介紹瞭如何寫 HTML 標籤，製作一個簡單的自我介紹網頁。透過介紹寫標籤的實例，讓讀者能夠更瞭解如何在 HTML 中使用不同的標籤。
HTML 標籤是網頁內容的基礎，透過學習不同的標籤，你可以設計出各式各樣的內容。本文介紹了各種基本的標籤，如標題、段落、修飾樣式、超連結以及區塊等，讓你對 HTML 標籤有更深入的瞭解。
人們對於學習HTML的興趣持續增長，本篇文章將解析HTML的架構、標籤、排序方式、標籤屬性和標籤結構解析的相關課程，為讀者提供全方位的學習體驗。
HTML 語意化標籤，不僅可以使網頁結構更加清晰、易於理解，也對搜索引擎優化(SEO)和提升網頁無障礙訪問性(Accessibility)有明顯的幫助。本文將介紹 HTML 語意化標籤的定義、重要性以及常見的語意化標籤。