聊一聊html的一些基礎知識

html是描述網頁的一種超文本標記語言,不是編程語言

元素:由內容和包含內容的HTML標記稱為一個元素

html語言編寫的文件是標準的ASCII文本文件

在html5版本中,w3c明確規定標記用小寫格式

聊一聊html的一些基礎知識

html標籤詳解:

a:文本鏈接 ,它通過網頁中的文件與其他鏈接相連接。

href:為鏈接地址,target:為打開新窗口的方式,通常有四種方式_blank:新建一個窗口打開,_parent:在上一級窗口中打開,常在分幀的框架中使用,_self:在同一窗口中打開,為默認值,_top:在瀏覽器的整個窗口中打開,將會忽略所有的框架結構。

br:換行標記

colgroup:表格的分組

body:文件體

div:是用來提供結構和背景的元素,是塊級結構

dl:默認層級關係 ,dt表示頭部,dd表示內容

em:文字的斜體

form:表單是用戶與網站實現交互的重要手段,表單主要是收集信息

input:輸入標記,type改變其輸入方式,有以下幾種:

text:單行文本框,可設置其長度size,最多輸入的文字數maxlength

password:密碼框,同text,輸入到文本域中的文字均已*或者圓點表示

radio:單選按鈕 checkd:表示這一按鈕默認被選中

checkbox:複選框 checked::默認被選中

button:普通按鈕 onclick:當鼠標單擊是所進行的處理

submit:提交按鈕,不需要設置onclick屬性

reset:重置按鈕

image:圖像域,用在“提交”按鈕位置上的圖片,解決表單中按鈕比較單調,圖頁面不符的問題

file:文件域,用於查找硬盤中的文件路徑,accept:所接受的文件類別,公有26中選擇,但不可以自定義文件類型

head:頭文件,用來說明文件的公共屬性

h1:標題標記,默認情況下,標題文字左對齊的,可用align屬性進行設置對齊方式

html:文件,表示該文件使用超文本標記語言(HTML)編寫的,該標記不帶任何屬性,實際上現在的web瀏覽器可以自動識別HTML文件。

img:添加圖像

src為圖像的地址,可以為相對路徑,也可以為絕對路徑,最好使用相對路徑。width:設置圖像的寬度 height:設置圖像的高度,如果只設置了一個參數,另一個參數會按照比例進行調整,如果兩個屬性不成比例,圖像會變形。border:設置圖像的邊框。alt:當圖像無法顯示時,添加圖像的體換文字。title:為圖像設置提示文字。haspe和vaspe:分別設置圖像的間距。align:設置相對文字基準線的對齊方式。圖像的超鏈接為圖像設置鏈接地址。

label:可以實現綁定元素,正常情況下某個標記獲取焦點只有單擊該標記可以實現,而label標記之後,單擊與該標記綁定的文字之後就可以實現獲取焦點

meta:元信息標記,一般定義頁面信息的名稱,作者,關鍵字等,不需要結束標記,可包含多個meta標記

u:文字的下劃線

strike:帶刪除線的文字

sup:文字的上標

span:與div類似,無任何內容上的意思,可以作為插入CSS的容器,是行內元素,標記前後不換行,沒有結構的意義

sub:文字的下標

slect:列表菜單,size:定義列表菜單文本框在頁面中顯示的長度,multiple:表示列表菜單內容可多選,seleced:表示默認被選中,value:用於定義選項值,當輸入長度超過文本域的大小時,右側會出現滾動條

title:文件標題

textarea:多行文本域,value:文本域的默認值,rows:行數,cols:列數

p:段落標記

hr:水平線標記,默認是100%的寬度,width可設置其寬度,align可設置其位置

pre:段落的原格式標記

ul:設置無序列表 li:設置列表項

ol:設置有序列表

table:表格製作 tr:行標記 td:單元格標記 th:表格的表頭

caption:表格的標題


分享到:


相關文章: