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僅僅是乙個畫布而已...