一、文檔類型宣告標籤二、lang語言種類三、字元集四、HTML常用標籤HTML5的文件宣告HTML5HTML 4.01XHTML 1.0
</DOCTYPE>其作用就是告訴瀏覽器使用哪種HTML版本來顯示網頁。
代碼:</DOCTYPE html>的意思是採用HTML5版本來顯示網頁
需要注意的是:
1、<!DOCTYPE>聲明位於文件中最前面的位置,在<html>標籤之前
2、<!DOCTYPE>不是HTML標籤
一般都是這樣用的
<!DOCTYPE html> <html lang="zh-CN">
用來定義文檔顯示的力量
en ---英語
zh-CN---中文
字元集(Character set)是多個字元的集合,以便電腦能夠識別和儲存文字
在<head>標籤內,可以透過<meta>標籤的charset屬性來規定HTML文件應該使用哪種字元編碼
<meta charset ="UTF-8"/>
"UTF-8"也稱為萬國碼
4.1標題標籤
<h1>我是一級標題</h1>
特點:
加了標題的文字會變粗,字號也會變大
一個標題獨佔一行
實例如下:
新增標題標籤需要放在<body></body>中
「標題標籤」字體變粗,變大
將六級標題標籤都輸入
標題各佔一行,字號依序減小,只要加標題字號都會變粗
4.2段落標籤和換行標籤
<p>我是一個段落標籤</p>
顯示效果(不同段落中間有很大的空)
如果想要換行,就需要使用換行標籤</br>(效果不顯示)
這裡放上依照流程做的網頁:
Document
get!
4.3文本化格式標籤
在網頁中,有時需要為文字設定粗體、斜體或底線效果,這時就需要用到HTML中的文字格式標籤(突顯重要性,比一般文字更重要)
語意 | 標籤 | 說明 |
加粗 | <strong></strong>或<b></b> | 更推薦第一個 |
斜線 | <em></em>或<i></i> | 更推薦第一個 |
刪除線 | <del></del>或<s></s> | 更推薦第一個 |
底線 | <ins></ins>或<u></u> | 更推薦第一個 |
4.4 <div>和<span>標籤
這兩個標籤是沒有語意的,他們就是一個盒子,用來裝內容的
<div>這個是頭</div>(一行只能放一個div)
如: <div>童話書</div>1997
輸出應該是
<span>今日價格</span>(可以讓內容在一行上顯示)
如:<span>格林童話</span>
<span>安徒生童話</span>
<span>伊索寓言</span>
輸出應該是:
4.5影像標籤和路徑
如何在網頁中插入圖片?
在HTML中,<img>標籤用於定義HTML頁面中的映像
<img src="圖片URL"/>
src是<img>標籤的必須屬性,它用來指定映像檔的路徑和檔名
最好把圖片放在網頁所在的資料夾中
直接可以在網頁中看到,圖片略、
這裡列出圖像標籤的基本屬性
屬性 | 屬性值 | 說明 |
src | 圖片路徑 | 必須屬性 |
alt | 文字 | 替換文字、圖像不能顯示的文字 |
title | 文字 | 提示文本,滑鼠放在圖像上會顯示文字 |
width | 像素 | 設定圖像寬度 |
height | 像素 | 設定圖像高度 |
border | 像素 | 設定影像的邊框粗細 |
先試試alt屬性,當圖片顯示不出來,輸入<img src="image1.jpg" alt="童話"/>(此處image1圖片不存在,故顯示不出來)
那就再試一次title屬性,輸入<img src="image.jpg" title="童話"/>,這個效果自己試試看。
width、height、border屬性測試,輸入<img src="image.jpg" title="童話" width="300" height="100" border="15"/>
圖像標籤注意的地方:
(1)圖像標籤必須寫在標籤名的後面
(2)屬性之間不分先後順序,標籤名和屬性,屬性和屬性之間必須以空格隔開
(3)格式key="value"
4.6影像標籤和路徑
路徑可以分為:絕對路徑和相對路徑
1.相對路徑
就是圖片相對於HTML頁面的位置
相對路徑分類 | 符號 | 說明 |
同一級路徑 | <img src="image.jpg"/> | |
下一級路徑 | / | <img src="images/baidu.gif"/> |
上一級路徑 | ../ | <img src="../baidu.gif"/> |
2.絕對路徑
就是通俗意義上的路徑:“D:webimglogo.gif”
(後序有時間再更新)
HTML5的文件聲明
<!DOCTYPE html>
上面的程式碼區塊是HTML5的文件聲明,聲明目前的網頁是依照HTML5的標準寫的。
編寫網頁時,一定要將HTML5的文檔聲明寫在網頁的最上面,如果不寫文檔聲明,則會導致有些瀏覽器進入怪異模式。進入怪異模式以後,瀏覽器解析頁面會導致頁面無法正常顯示,所以為了避免進入該模式,請務必寫文件聲明。
常用的文檔聲明
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
註:<!DOCTYPE> 不是HTML 標籤。它為瀏覽器提供一項資訊(聲明),即HTML 是用什麼版本編寫的。
為了相容於一些舊的頁面,瀏覽器當中設定了兩種解析模式:
Standards Mode 標準模式
Quirks Mode 怪異模式
怪異模式解析網頁時會產生一些不可預期的行為,我們應該避免怪異模式的出現。
文件類型<HTML></HTML> (放在檔案的開頭與結尾)
到此這篇關於HTML文檔類型聲明標籤(入門級教程)的文章就介紹到這了,更多相關HTML文檔聲明內容請搜索downcodes.com以前的文章或繼續瀏覽下面的相關文章,希望大家以後多多支援downcodes.com!