1.1 html概述及html文檔基本結構

html概述

HTML是 HyperText Mark-up Language 的首字母簡寫，意思是超文本標記語言，超文本指的是超鏈接，標記指的是標簽，是一種用來制作網頁的語言，這種語言由一個個的標簽組成，用這種語言制作的文件保存的是一個文本文件，文件的擴展名為html或者htm。

html文檔基本結構

一個html的基本結構如下：

html的基本結構

第一行是文檔聲明，第二行“”標簽和最后一行“”定義html文檔的整體，“”標簽和“”標簽是它的第一層子元素，“”標簽里面負責對網頁進行一些設置以及定義標題，設置包括定義網頁的編碼格式，外鏈css樣式文件和javascript文件等，設置的內容不會顯示在網頁上，標題的內容會顯示在標題欄，“”內編寫網頁上顯示的內容。

一個html文件就是一個網頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會按照標簽描述內容將文件渲染成網頁。

html文檔快速創建

?新建一個html文檔后，可以用快捷鍵的方式快速創建html文檔。快捷鍵：!+tab鍵，或者 html:5+tab鍵

1.2 html標簽入門

標簽語法：

學習html語言就是學習標簽的用法，html常用的標簽有20多個，學會這些標簽的使用，就基本上學會了HTML的使用。

標簽的的使用方法：

標簽

塊元素標簽(行元素)和內聯元素標簽(行內元素)

標簽在頁面上會顯示成一個方塊。除了顯示成方塊，它們一般分為下面兩類：

塊元素：在布局中默認會獨占一行，塊元素后的元素需換行排列，塊元素默認寬度等于父元素的寬度，即使設置了很小寬度，也占用一行。

內聯元素：元素之間可以排列在一行，設置寬高無效，它的寬高由內容撐開，內聯元素之間默認會有小間距。

常用塊元素標簽

1、標題標簽，表示文檔的標題，除了具有塊元素基本特性外，還含有默認的外邊距和字體大小

標題標簽

2、段落標簽，表示文檔中的一個文字段落，除了具有塊元素基本特性外，還含有默認的外邊距

段落標簽

3、通用塊容器標簽，表示文檔中一塊內容，具有塊元素基本特性，沒有其他默認樣式

通用塊容器標簽

常用內聯元素標簽

1、超鏈接標簽，鏈接到另外一個網頁，具有內聯元素基本特性，默認文字藍色，有下劃線

超鏈接標簽

2、通用內聯容器標簽，具有內聯元素基本特性，沒有其他默認樣式

通用內聯容器標簽

3、圖片標簽，在網頁中插入圖片，具有內聯元素基本特性，但是它支持寬高設置。

圖片標簽