CodingMath-EP1-1 HTML

先從基本開始,介紹HTML與JS

一個簡易的HTML文件大概長這樣

在HTML中被”<>”包住的元素都叫做標籤,不同的標籤有不同個用途,以下來做個簡介

  1. HTML標籤通常是成對出現的,比如<body>和</ body>
  2. 標籤對中的第一個標籤是開始標籤第二個標籤是結束標籤

 

<!DOCTYPE html> : 定義文件類型,DOCTYPE 其作用就是用來宣告(定義),網頁編寫的 HTML所用標籤是採用什麼樣的HTML 版本

<html> : 此元素可告知瀏覽器這是一個HTML文件

<head> : 用於定義文檔的頭部, <head> 中的元素可以引用腳本、指示瀏覽器在哪裡找到樣式表、提供信息等等,為一個網頁的初始設定

<meta   charset=”utf-8″> : 指定文字編碼,依照自己語系的文字宣告編碼,否則會出現亂碼的問題

<title> : 這個頁面的標題,顯示在分頁標籤中

<body> : 頁面內容,基本上放在這裡的內容都會顯示在瀏覽器上

<h1>~<h6> : 標題元素,有各種不同的大小

 

基本了解後就開始測試吧

首先開啟記事本,輸入以上內容,並另存新檔,將檔案名稱修改為 index.html,編碼設定跟你的charset一樣”UTF8″,儲存

找到你剛剛存檔的index.html,並用將他拖進瀏覽器中

然後就可以看到結果啦,你可以自己修改或增加其他標籤來試試<h1>~<h6>、<p>、<a>