欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML文檔類型聲明標簽(入門級教程)

  發(fā)布時間：2023-11-17 22:50:55   作者：佚名   我要評論
HTML文檔聲明的作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁,文檔聲明都是再頁面中第一行的位置通過DOCTYPE html，下面腳本之家小編就為大家分享一下

一、文檔類型聲明標簽

</DOCTYPE> 其作用就是告訴瀏覽器使用哪種HTML版本來 顯示網(wǎng)頁。

代碼：</DOCTYPE html>的意思是采用HTML5版本來顯示網(wǎng)頁

需要注意的是：

1、<!DOCTYPE>聲明位于文檔中最前面的位置，處于<html>標簽之前

2、<!DOCTYPE>不是HTML標簽

一般都是這樣用的

<!DOCTYPE html>
<html lang="zh-CN">

二、lang語言種類

用來定義文檔顯示的力量

en --- 英語

zh-CN---中文

三、字符集

字符集（Character set）是多個字符的集合，以便計算機能夠識別和存儲文字

在<head>標簽內(nèi)，可以通過<meta>標簽的charset屬性來規(guī)定HTML文檔應(yīng)該使用哪種字符編碼

<meta charset ="UTF-8"/>

"UTF-8"也被稱為萬國碼

四、HTML常用標簽

4.1 標題標簽

<h1> 我是一級標題</h1>

特點：

加了標題的文字會變粗，字號也會變大

一個標題獨占一行

實例如下：

添加標題標簽需要放在<body></body>中

“標題標簽”字體變粗，變大

 

將六級標題標簽都輸入

標題各占據(jù)一行，字號依次減小，只要加標題字號都會變粗

4.2 段落標簽和換行標簽

<p>我是一個段落標簽</p>

 顯示效果（不同段落中間有很大的空）

如果想要換行，就需要使用換行標簽</br>（效果不展示）

這里放上按照流程做的網(wǎng)頁：

Document

 get！

4.3 文本化格式標簽

在網(wǎng)頁中，有時需要為文字設(shè)置粗體、斜體或者下劃線效果，這時就需要用到HTML中的文本格式標簽（突出重要性，比普通文字更重要）

語義

標簽

說明

加粗

<strong></strong>或<b></b>

更推薦第一個

斜線

<em></em>或<i></i>

更推薦第一個

刪除線

<del></del>或<s></s>

更推薦第一個

下劃線

<ins></ins>或<u></u>

更推薦第一個

4.4 <div>和<span>標簽

這兩個標簽是沒有語義的，他們就是一個盒子，用來裝內(nèi)容的

<div>這個是頭部</div>（一行只能放一個div）

比如: <div>童話書</div>1997

輸出應(yīng)該是

<span>今日價格</span>（可以讓內(nèi)容在一行上顯示）

比如：<span>格林童話</span>

<span>安徒生童話</span>

<span>伊索寓言</span>

輸出應(yīng)該是：

4.5 圖像標簽和路徑

如何在網(wǎng)頁中插入圖片?

在HTML中，<img>標簽用于定義HTML頁面中的圖像

<img src="圖像URL"/>

src是<img>標簽的必須屬性，它用于指定圖像文件的路徑和文件名

最好把圖片放在網(wǎng)頁所在的文件夾中

 

直接可以在網(wǎng)頁中看到，圖像略、

這里列出圖像標簽的基本屬性

屬性

屬性值

說明

src

圖片路徑

必須屬性

alt

文本

替換文本、圖像不能顯示的文字

title

文本

提示文本，鼠標放在圖像上會顯示文字

width

像素

設(shè)置圖像寬度

height

像素

設(shè)置圖像高度

border

像素

設(shè)置圖像的邊框粗細

首先試一試alt屬性，當(dāng)圖像顯示不出來，輸入<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：\web\img\logo.gif”

(后序有時間再更新)

HTML5的文檔聲明

HTML5的文檔聲明
<!DOCTYPE html>

上面的代碼塊是HTML5的文檔聲明，聲明當(dāng)前的網(wǎng)頁是按照HTML5的標準編寫的。
編寫網(wǎng)頁時，一定要將HTML5的文檔聲明寫在網(wǎng)頁的最上面，如果不寫文檔聲明，則會導(dǎo)致有些瀏覽器進入怪異模式。進入怪異模式以后，瀏覽器解析頁面會導(dǎo)致頁面無法正常顯示，所以為了避免進入該模式，一定要寫文檔聲明。

常用的文檔聲明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注意：<!DOCTYPE> 不是 HTML 標簽。它為瀏覽器提供一項信息（聲明），即 HTML 是用什么版本編寫的。
為了兼容一些舊的頁面，瀏覽器當(dāng)中設(shè)置了兩種解析模式：

Standards Mode 標準模式
Quirks Mode 怪異模式

怪異模式解析網(wǎng)頁時會產(chǎn)生一些不可預(yù)期的行為，我們應(yīng)避免怪異模式的出現(xiàn)。

文件類型<HTML></HTML> （放在檔案的開頭與結(jié)尾）

到此這篇關(guān)于HTML文檔類型聲明標簽(入門級教程)的文章就介紹到這了,更多相關(guān)HTML文檔聲明內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

相關(guān)文章

  • HTML 表格詳解（簡單易懂較詳細）

    HTML表格用于在網(wǎng)頁上展示數(shù)據(jù),通過標簽及其相關(guān)標簽來創(chuàng)建,表格由行和列組成,每一行包含一個或多個單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細介紹HTML表格
    2025-03-12

  • 禁止HTML頁面滾動的操作方法

    本文介紹了三種禁止HTML頁面滾動的方法：通過CSS的overflow屬性、使用JavaScript的滾動事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點，感興
    2025-02-24

  • 使用HTML和CSS實現(xiàn)文字鏤空效果的代碼示例

    在 Web 開發(fā)中，文本的視覺效果是提升用戶體驗的重要因素之一,通過 CSS 技巧，我們可以創(chuàng)造出許多獨特的效果，例如文字鏤空效果,本文將帶你一步一步實現(xiàn)一個簡單的文字鏤空
    2024-11-17

  • Html去除a標簽的默認樣式的操作代碼

    在Html中,a標簽?zāi)J的超鏈接樣式是藍色字體配下劃線,這可能不滿足所有設(shè)計需求,如需去除這些默認樣式,可以通過CSS來實現(xiàn),本文給大家介紹Html去除a標簽的默認樣式的操作代碼
    2024-09-25

  • HTML文本域如何設(shè)置為禁止用戶手動拖動

    在HTML中,可以通過設(shè)置CSS的resize屬性為none,來禁止用戶手動拖動文本域（textarea）的大小,這種方法簡單有效,適用于大多數(shù)現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進行測試以確保
    2024-09-25

  • 如何通過HTML/CSS 實現(xiàn)各類進度條的功能

    本文詳細介紹了如何利用HTML和CSS實現(xiàn)多種風(fēng)格的進度條,包括基礎(chǔ)的水平進度條、環(huán)形進度條以及球形進度條等,還探討了如何通過動畫增強視覺效果,內(nèi)容涵蓋了使用HTML原生標簽
    2024-09-19

  • HTML中Canvas關(guān)鍵知識點總結(jié)

    Canvas 提供了一套強大的 2D 繪圖 API，適用于各種圖形繪制、圖像處理和動畫制作,可以幫助你創(chuàng)建復(fù)雜且高效的網(wǎng)頁圖形應(yīng)用，這篇文章主要介紹了HTML中Canvas關(guān)鍵知識點總結(jié)
    2024-06-03

  • html table+css實現(xiàn)可編輯表格的示例代碼

    本文主要介紹了html table+css實現(xiàn)可編輯表格的示例代碼，主要使用HTML5的contenteditable屬性，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)
    2024-03-06

  • HTML中使用Flex布局實現(xiàn)雙行夾批效果

    本文主要介紹了HTML中使用Flex布局實現(xiàn)雙行夾批效果，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)
    2024-02-22

  • HTML+CSS實現(xiàn)炫酷登錄切換的項目實踐

    在網(wǎng)站開發(fā)中，登錄頁面是必不可少的一部分，本文就來介紹一下HTML+CSS實現(xiàn)登錄切換，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需
    2024-02-02

最新評論