前端學習 一 html介紹和head標籤

2022-04-22 11:30:07 字數 3397 閱讀 1590

1. html概述:html全稱hyper text mackeup language, 翻譯為超文字標記語言, 它不是一種程式語言, 是一種描述性的標記語言, 用於描述超文字內容的顯示方式. 比如字型, 顏色, 大小等.

標記: 《英文單詞或者字母》稱為標記, 乙個html頁面都是由各種標記組成.

作用: html是負責描述文件語義的語言.

注意: html語言不是乙個程式語言(有編譯過程), 而是乙個標記語言(沒有編譯過程), html頁面直接由瀏覽器解析執行.

html是負責描述文件語義的語言:

html中,除了語義,其他什麼都沒有。

html是乙個純本文檔案(就是用txt檔案改名而成),用一些標籤來描述文字的語義,這些標籤在瀏覽器裡面是看不到的,所以稱為「超文字」,所以就是「超文字標記語言」了。

2. html的網路術語

顏色表示:

我們大家先記住幾個純單詞的顏色,css課程中會詳細講10進製和16進製制。

rgb色彩模式:

1、編寫html的規範

(1)所有標記元素都要正確的巢狀,不能交叉巢狀。正確寫法舉例:

(2)所有的標記都必須小寫。

(3)所有的標記都必須關閉。

(4)所有的屬性值必須加引號。

(5)所有的屬性必須有值。

2、html的基本語法特徵

(1)html對換行不敏感,對tab不敏感

html只在乎標籤的巢狀結構,巢狀的關係。誰巢狀了誰,誰被誰巢狀了,和換行、tab無關。換不換行、tab不tab,都不影響頁面的結構。

也就是說,html不是依靠縮進來表示巢狀的,就是看標籤的包裹關係。但是,我們發現有良好的縮排,**更易讀。要求大家都正確縮排標籤。

(2) 空白摺疊現象

html中所有的文字之間,如果有空格、換行、tab都將被摺疊為乙個空格顯示

(3)標籤要嚴格封閉新建html檔案,輸入 html:5,按tab鍵後,自動生成的**如下:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

body

>

body

>

html

>

任何乙個標準的html頁面,第一行一定是乙個以下**開頭的:

doctype...

開頭的這一行,就是文件宣告頭,doctype declaration,簡稱dtd。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

ps:xhtml:extensible hypertext markup language,可擴充套件超文字標註語言。

xhtml的主要目的是為了取代html,也可以理解為html的公升級版。

html的標記書寫很不規範,會造成其它的裝置(ipad、手機、電視等)無法正常顯示。

xhtml與html4.0的標記基本上一樣。

xhtml是嚴格的、純淨的html

head標籤都放在頭部分之間。這裡面包含了:

2.1 meta標籤介紹:

標籤位於文件的頭部,不包含任何內容。

提供的資訊是使用者不可見的。 meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能。

常用的meta標籤:

(1)http-equiv屬性

它用來向瀏覽器傳達一些有用的資訊,幫助瀏覽器正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。

(2)name屬性

主要用於頁面的關鍵字和描述,是寫給搜尋引擎看的,關鍵字可以有多個用 『,』號隔開,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。

<

meta

name

="keywords"

content

="網易,郵箱,遊戲,新聞,體育,娛樂,女性,亞運,論壇,簡訊"

/>

<

meta

name

="description"

content

/>

<

meta

name

=viewport

content

="width=device-width, initial-scale=1"

>

上面這個標籤,是讓我們網頁支援移動端,移動裝置優先(了解即可).

主要用來告訴使用者和搜尋引擎這個網頁的主要內容是什麼,搜尋引擎可以通過網頁標題,迅速的判斷出當前網頁的主題。

<

title

>路飛學城

title

>

效果如下:

01-html介紹和head標籤

02-body標籤中相關標籤

03-body標籤中相關標籤

介紹Html 前端

html超文字標記語言 hypertext markup language,html 是一種用於建立網頁的標記語言。本質上是瀏覽器可識別的規則,我們按照規則寫網頁,瀏覽器根據規則渲染我們的網頁。對於不同的瀏覽器,對同乙個標籤可能會有不同的解釋。網頁檔案的副檔名 html或.htm html是一種標記...

前端學習(一) Html

html全稱hypertext mackeup language,超文字標記語言 標記就相當於你在本子上對重點部分進行的螢光筆塗鴉,利用特殊的東西對重點的東西標記出來 至於語言 自己想 如果你用的是pycharm,那你就輸入乙個!然後緊接著乙個tab,就出來了 如果你用的是sublime,那你就輸入...

前端學習之HTML 一

一 塊級元素 塊級元素預設佔一行,一行內新增乙個塊元素後一般無法新增其他的元素,其寬度自動填滿其父元素寬度 常見的塊元素 address 位址blockquote 塊引用dir 目錄列表div 常用塊級元素dl 定義列表fieldset form控制組form 互動表單h1 h6 標題hr 水平分隔...