HTML基礎元素

2021-09-29 11:00:52 字數 3745 閱讀 1923

html

定義文件,由頭部和主體組成

title顯示在網頁標題欄

body顯示網頁內容

head定義文件頭部,描述了文件各種屬性和資訊,包含文件的標題,在web中的位置以及與其他文件的關係。

可包含的標籤:title,meta,link,script,style

titlemeta

"瑪莎拉蒂" content="汽車" />

"瑪莎拉蒂" content="效能優良,功能完善,外觀優雅" />

"utf-8" />

link(引入css樣式表)

定義文件與外部資源的關係,常用鏈結樣式表

"stylesheet" type="text/css" href="/html/csstest1.css" />
script(引入js)

定義客戶端指令碼,既可以包含指令碼語句,也可以通過src屬性指向外部指令碼檔案

標籤中

效果

src屬性

style定義樣式資訊

效果

定義主體

常見屬性有:background,bgcolor…

h1-h6

分級標題

常見align屬性,屬性值有:left(靠左),center(居中),right(靠右),justify(兩端對齊)

p

定義段落

br

換行span

組合行內元素,不加應用樣式時與其他文字無異

div

定義分割槽或節,元素的組織工具

hr

建立水平線分割文件

屬性:align,width(寬度),size(高度)

address定義文件或文章作者聯絡資訊,以斜體顯示

b粗體

del刪除

em強調內容,以斜體顯示

i斜體,但無強調意義

pre保留空格和換行符

small小號文字

big大號文字

strong強調內容,程度比em更強,加粗顯示

u下劃線

sup上標

sub下標

這是作者的****加粗文字刪除文字

em強調文字

斜體文字

這是p標籤:

床前明月光

疑是地下霜

這是pre標籤

床前明月光

疑是地下霜

這是一般文字

這是小號文字

這是大號文字strong強調文字下劃線

文字上標上標

文字下標下標

效果

img

必需值:src,alt

其他值:title,width,height,border,align(top,bottom,middle,left,right)

a

target屬性規定開啟的位置,值有:blank(在新標籤開啟),parent(在父標籤開啟),self(在自視窗開啟),top(清除所有框架,載入到瀏覽器視窗)

1.無序列表

專案符號型別type有:disc(實心預設),circle(空心),square(方塊)

效果

2.有序列表

專案符號型別type有:「a」(a,b,c…),「a」(a,b,c…),「i」(i,ii,iii…),「i」(i,ii,iii…)

第一項

第二項第三項

效果

3.定義列表(無type屬性)

第一章

第1小節

效果

塊級元素

1.獨佔一行

2.元素的容器,可容納內聯元素和其它塊元素

3.可設定寬高,其中寬度始終與瀏覽器一致,和內容無關

4.可設定四個方向的padding(外邊距)和margin(內邊距)值

5.顯示方式display:block

內聯元素

1.多個佔一行

2.只能容納文字和其他行內元素

3.不可設定寬高,寬度與內容相關,高度由元素內部字型大小決定

4.只能設定水平方向(left,right)的padding、margin值

5.顯示方式display:inline

a文字

a文字a文字

a文字p文字

p文字p文字

比較效果

應用

.div4

.div5

{width

: 100px;

height

: 100px;

background-color

: bisque;

display

: inline;

/*展示為行內元素*/

"div4">

文字1"div5">

文字2

效果

HTML基礎 元素

html 文件是由html元素定義的.元素 html元素指的是從開始標籤 start tag 到結束標籤 end tag 的所有 開始標籤被稱為 opening tag 開放標籤 結束標籤被稱為closing tag 閉合標籤 例圖 開始標籤 元素內容 結束標籤 this is a paragrap...

回顧 html簡介 基礎 元素

html 是用來描述網頁的一種語言。html 標記標籤通常被稱為 html 標籤 html tag html 標籤通常是成對出現的,比如和 標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤 開始和結束標籤也被稱為開放標籤和閉合標籤 標籤 內容 web瀏覽器 如谷歌瀏覽器,internet exp...

HTML5基礎 Canvas元素

1 這是乙個畫布標籤,用於繪製圖形,在網頁中顯示是乙個矩形,沒有內容和邊框,通常放置canvas標籤的時候需要新增乙個id屬性,便於用js進行繪製時讀取該畫布。2 該元素可以設定長寬和邊框樣式,具體 如下 注 canvas是完全沒有繪圖的工作,繪製的工作全部都交給js,canvas僅僅是乙個畫布而已...