HTML語言入門基礎及提高

2021-06-09 21:55:26 字數 3519 閱讀 3402

◆html語言概述

html

全稱為hypertextmarkup language,超文字鏈結標記語言,是一種簡單通用的用來描述**頁面的標記式語言,用來描述網頁中的各種、**、文字等各種元素。使用者在瀏覽**時,瀏覽器解釋和編譯這種語言,生成使用者可以看得懂的網頁。

html檔案由一系列語法標籤組成。html標籤由單書名號引起來,如

就是乙個換行標籤。有些標籤是成對出現的,乙個開始標籤就要對應乙個結束標籤,如標籤,用來分割文件hello,world!。

基本的html頁面以開始,以結束,中間的內容分為標題和內容兩部分。之間是頁面的標題部分,有頁面的相關資訊。和是網頁的內容部分,用來描述網頁的頁面。

html語言是由乙個個標籤過程組成,所以在我們學習該語言時,認識標籤過程是很好的方法。

◆常見的html標籤

1 文字類標記:標籤

●size:用來描述字型大小的大小;

●color

●face:字型樣式;

●title:提示資訊,滑鼠停留時顯示的提示資訊。

font標籤1

font標籤2

font標籤3

2 文字類標記:文字加粗、斜體與下劃線 ●

正常文字

加粗文字

斜體文字

下劃線文字

加粗與斜體

font 標籤與其它文字標籤

3 **標記

▶標籤●width

●height

●border

●cellpaddinf:**邊框間的填充寬度

●cellspacing:**邊框中的間距

●bordercolor

●background:**背景

●bgcolor:**背景顏色

●align :**對齊方式

解釋:寬度和高度的單位,如果是乙個數字,則表示為多少畫素;如果是乙個百分比,表示寬度或高度站上一級元素的百分比;

▶**的一行,屬性同

▶**的乙個單元格,屬性

單元格設定背景

對齊方式的位置

單元格的背景顏色

居中對齊

單元格的邊框顏色

超連結標記 屬性

target

●_blank:以新建頁面的方式開啟網頁

●_parent:在上級頁面開啟網頁

●_self:在當前頁面開啟

在鏈結的位址中,如果是指向**以外的頁面,需要寫出詳細的url位址。鏈結到本站的頁面,可以不寫詳細的url位址,只需寫出相對目錄。

如下是鏈結到同一**不同目錄網頁的鏈結方法:

●aa:鏈結到當前目錄的aa.htm

●aa:鏈結到根目錄的aa.htm

●aa:鏈結到上級目錄的aa.htm

●aa:鏈結到**的首頁

●aa:鏈結到當前目錄的預設頁面

**預設首頁

當前目錄的預設網頁

上一級目錄的乙個網頁

玩站根目錄下的乙個網頁

5 段落標記

在網頁中需要有乙個標籤、標籤來把一些文字作為乙個整體,構成乙個段落。

▶標籤:新起乙個段落,新段落前有一行空格,**:你好。

●class:  段落的樣式。

●title

●align

▶標籤:俗稱容器標籤,可看做是網頁的乙個容器,把標籤中的內容作為乙個整體,**:你好。 ●

align

●id:表示物件的字串

●style: 為該元素設定內嵌樣式

●class

▶標籤:指定乙個網頁內嵌文字內容,把一段文字作為乙個整體進行設定而不需要成為乙個段落時,可以使用該標籤,屬性跟屬性相似

李白字太白。母夢長庚星而生。通詩書,稀鬆橫豎,擊劍為任俠。天寶初,賀知章言語選送,有詔供奉翰林,飲食宜於貴妃,刺進放緩。祿山反,永旺    解讀東南,集    唄,白做西線養育,落葉狼,衣舍的是,戴宗一座是依照,二百一組,年六十四。

夢李白。其一

杜甫死別一吞聲,生別長測測。

艱難站立地,註冊無訊息。

故人入我盟,名我長相依。

軍盡在落網,路遠不可測。

混來瘋理清,混飯館塞蒙。

落月滿無量,遲疑找顏色。

水深波浪擴,五十蛟龍的。

6 框架標記

乙個網頁中包含另乙個網頁。

▶iframe:框架

●src:框架頁面的位址,可是url位址或本**相對位址;

●width:框架頁面的寬度

●height

●align

●scrolling:框架頁面的滾動條方式,可是auto、yes、no等;

●frameborder:框架頁面的邊框,可能是0或1等值;

網頁中包含網頁的首頁

7 表單域按鈕標記

表單是指網頁中的一些文字框、單選按鈕、下拉列表等與使用者資料提交有關的物件,放在乙個

8  標記

網頁中插入jpg、gif等格式的,需要使用

▶●width

●height

●border

●src

●vspace: 垂直方向邊距。

●hspace:水平方向邊距

●alt:   提示文字

●align

《示例》

9 換行標記 ▶

10 水平線標記 ▶

●width

●noshade: 水平線是否有陰影,如果值為noshade,則無陰影。

●align

●color

水平線標記示例

有陰影的水平線

11 特殊標籤

▶  ;:空格標記。在網頁中顯示空格,需要用空格標記。

▶:注釋標記。注釋標記內容進行編譯解釋後,在網頁中並不現實。

▶:命名錨點標記。它的作用就好比是乙個書籤,如果網頁的頁面有很多屏,可以做乙個鏈結,鏈結到網頁的乙個命名錨點位置。鏈結的url中如果有命名錨點,則需要在url後面加「#」,再加命名錨點名稱。如,描點鏈結,就是乙個指向網頁aa.asp中的乙個tag命名錨點的鏈結。

****************************************

顯示位置1

顯示位置2

顯示位置3

----------------------------------1

----------------------------------2

----------------------------------3

未完待續!

html 基礎入門

html的基礎知識 1.html語言的遵循的規範 1 乙個html檔案開始標籤和結束標籤 2 html包含兩部分內容 顯示在頁面上的內容都寫在body裡面 3 html的標籤有開始標籤,也要有結束標籤 4 html的 不區分大小寫的 5 有些標籤是沒有結束標籤的 比如 換行 html的操作思想 網頁...

HTML基礎入門

可以使用專業的html編輯器來編輯html 這裡推薦幾款常用的編輯器 notepad 和 sublime text 還可以配合 emmet 外掛程式來提高編碼速度。emmet 官網 head標籤 作用 用於存放 title,meta,base,style,script,link 注意在head標籤中...

HTML 基礎入門

最近學習html5的知識,屬於入門級別。粗略接觸感覺並不是十分枯燥困難,不過據說html都是入門容易深入很難,但願以後不會被難倒吧。html是hypertext markup language 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...