學習筆記 HTML基礎 使用html製作網頁

2022-03-06 12:12:25 字數 1509 閱讀 1081

一、初識html

1.什麼是html?

hyper text markup language(超文字標記語言)

擴充套件xml:extendsible  markup language(可擴充套件性標記語言)

html(hyper text markup language)超文字標記語言是建立web頁面的基礎,html由一套標記標籤(markup tag)組成,在製作網頁時,html使用標記標籤來描述網頁。

2.html的發展史

二、html5檔案的基本結構

語法:html網頁主體

1.html5的基本結構分為兩部分:

1.頭部(head)

2.主體(body)

頭部(head)包括網頁標題(title)等基本資訊;主體包括網頁的內容資訊,如、文字等。

2.網頁的基本資訊

(1)doctype宣告

doctype宣告必須在html文件的第一行:

(2)標籤、

(3)標籤

其目的是方便瀏覽器解析或利於搜尋引擎搜尋,它採用「名稱/值」對的方式描述摘要資訊。

charset表示字符集編碼,常用的編碼有以下幾種:

gb2312:簡體中文,一般用於包含中文和英文的頁面。

iso-885901:純英文頁面。

big5:繁體,一般用於帶有繁體的頁面。

utf-8:國際通用字元編碼。

tips:

在儲存檔案時,編碼方式一定要與html5頁面標籤中設定的編碼方式一致,否則將出現亂碼。

當遇到頁面發生亂碼時,可以先觀察頁面中是否有寫編碼方式的語句,然後使用記事本開啟亂碼檔案,另存為中修改編碼方式,使其與頁面中的編碼方式一致。

(4)搜尋關鍵字和內容描述資訊書寫如下:

keywords表示搜尋關鍵字,description表示**內容的具體描述。

通過提供搜尋關鍵字和內容描述資訊,方便搜尋引擎的搜尋。

tips:

使用webstrom工具生成的html基本結構中的標籤裡面有個屬性lang="en",它表示本頁面是英文的。chrome之類的瀏覽器會提示是否需要翻譯。

三、html中常用標籤

1.標題標籤~字型大小逐漸變小

2.段落標籤

和換行標籤

3.水平線標籤

4.字型樣式標籤

字型變粗

字型傾斜

5.特殊符號:

target:_self(自身視窗)、_blank(新建視窗)。

語法:在頁面的乙位置設定標記目標位置乙

設定甲位置鏈結路徑href屬性值為「#標記名」當前位置甲

行內元素:內容撐開寬度,左右都是行內元素可以排在一行

塊元素:無論內容多少,該元素獨佔一行

HTM基礎之HTML標籤

html 超文字標記語言 html 實際上就是一套能夠被瀏覽器所識別的規則 由乙個個標籤組成。html 就是一大長串字串,而這種字串的格式正好能夠被瀏覽器所識別,也就有了我們的web頁面。後端與前端互動方式 1 後端通過直接返回瀏覽器能夠識別的html 2 後端返回資料,前端替換html種的指定資料...

htm基礎學習篇 語法基礎

html基礎學習 語法基礎 標籤是html中最基本的單位,也是最重要的組成部分 a 標籤樣式 可以成對出現 單標籤 建議使用 b 標籤大小寫 在html中對大小寫不敏感,所以可以大寫也可以小寫 與一樣。c 常用的簡單的一些標籤 html 定義html文件 body 定義文件體body head 定義...

html 基礎學習筆記

1.target parent target self 本身視窗開啟 target top 頂部開啟 測試 2.測試1 測試2測試3 3.測試1 測試2測試3 4.首頁 產品5.首頁產品 測試 body體內文字的顏色 6.樣式 7.8.邊距屬性 9.設定縮圖 另一種顯示的方式 10.div 是層 c...