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頁面,第一行一定是乙個以下**開頭的:>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>document
title
>
head
>
<
body
>
body
>
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 水平分隔...