完全不用基礎的HTML5入門篇教學

2022-03-04 16:00:29

html5簡介

HTML5是構建Web內容的一種語言描述方式。HTML5是網際網路的下一代標準，是構建以及呈現網際網路內容的一種語言方式．被認為是網際網路的核心技術之一。

新特徵

1.用於繪畫的 canvas 元素

2.用於媒介回放的 video 和 audio 元素

3.對本地離線儲存的更好的支援

4.新的特殊內容元素，比如 article、footer、header、nav、section

5.新的表單控制元件，比如 calendar、date、time、email、url、search

HTML5 的一些改進

新元素
新屬性
支援 CSS3、Video 和 Audio、2D/3D 製圖
本地儲存、本地 SQL 資料
Web 應用

HTML5 的多媒體

HTML5 你可以在網頁中播放視訊(video)與音訊 (audio) 。

HTML5 <video>
HTML5 <audio>

註釋：

在開始標籤中有一個驚歎號，但是結束標籤中沒有。瀏覽器不會顯示註釋，但是能夠幫助記錄您的 HTML 檔案。

基礎

標題

HTML 標題是通過<h> - <h1> 標籤來定義的。
注意最多6個標題：h1到h6
<h1>這是一個標題</h1>

HTML 段落

<p>第一個段落</p>
<p>第二個段落</p>
....
p>第...個段落</p>

HTML 連結

HTML 連結是通過標籤 <a> 來定義的
例如
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343" rel="external nofollow" rel="external nofollow" >這是笑霸fianl的csdn連結</a>

一個簡單的程式碼例子

<html>
<head>
<meta charset="utf-8">
	<!-- 有中文需要此程式碼 <meta charset="utf-8"> 宣告編碼，否則可能會出現亂碼。 -->
<title>final的html入門</title>
		<!-- 這個是網頁的名字 -->
</head>
<body>
這裡就是網頁的主體 

<h1>標題一</h1>
<p>段落一：HTML5是構建Web內容的一種語言描述方式。</p>
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343" rel="external nofollow"  rel="external nofollow" >這是笑霸fianl的csdn連結</a>

</body>
</html>

註釋：HTML5 中預設的