◆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 :**對齊方式
解釋:寬度和高度的單位,如果是乙個數字,則表示為多少畫素;如果是乙個百分比,表示寬度或高度站上一級元素的百分比;
▶**的一行,屬性同
▶**的乙個單元格,屬性
單元格設定背景
對齊方式的位置
單元格的背景顏色
居中對齊
單元格的邊框顏色
4
超連結標記 屬性
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 超文字標記語言 的簡寫,他不是一種程式語言,而是一種標記語言,用於告訴瀏覽器如何構造你的頁面。他可以由一系...