HTML基礎 小白

2021-10-24 21:40:29 字數 3656 閱讀 7019

html

頁面可包含鏈結甚至**程式等等 非文字元素

html:組織內容和結構

css:對內容進行美化

js:響應使用者得互動

"**或者路徑" target=

"_blank"

/a>

//

<

/b>或者

<

/strong>

//加粗字型 比如

換行標籤

/font>

//文字標籤

-/h1>

//水平線標籤

滾動字幕標籤<

/marquee>

//滾動字幕標籤

"right"

>往右滾動字幕標籤<

/marquee>

//往右滾動字幕標籤

字型傾斜<

/i>

//都是軸對稱得任何標籤結束得時候都是離自己最近得那乙個字型加粗

"路徑" strle=

"樣式" width=

"寬度" height=

"高度"

>

<

/p>

//段落文字標籤

裡標籤<

/li>

//裡標籤 也可以是

裡標籤<

/li>

裡標籤<

/li>

裡標籤<

/li>

<

/ul>

<

/div>

//塊級元素

基本屬性**

margin:

0auto

;//居中 0代表上下 auto代表自動

margin:

5px;

//代表上下左右都是10個畫素

margin:

1px 2px 3px 4px;

//外邊距離 px就是畫素 上右下左得順序 也就是說上面得外邊距離是1個畫素右邊得外邊距離是2個畫素

paddimg:

1px 2px 3px 0

;//內邊距離(順時針)paddimg-top://上內邊距

margin-top:

1px;

//上面得外邊距離是1個畫素 right右 bottom下 left左 center中間(這些**可以在div標籤中使用)

背景background //背景

background-color:#020200

;//背景顏色

background-image:

url();

background-position:left center;

//背景位置 水平靠左垂直在中間

background-repeat:no-repeat; 背景得重複方式 不重複

比如 "backgount-color:#020200;width:200px;height:200px"

>

//這個塊設定樣式 顏色 所有得標籤都可以設定樣式..

..<

/div>

比如"background-image:url(.....);width:200px;height:200px"

>

//這個塊設定樣式 所有得標籤都可以設定樣式..

..<

/div>

比如"background-image:url(.....);background-repeat:no-repeat;background-position:left left;width:200px;height:200px"

>

//這個塊設定樣式 重複方式為不重複 得位置為水平靠左垂直在中間 所有得標籤都可以設定樣式..

..<

/div>

也可以"background-image:url(.....) #020200 no-repeat left center;width:200px;height:200px"

>

//這個塊設定樣式 顏色 重複方式為不重複 得位置為水平靠左垂直在中間 所有得標籤都可以設定樣式..

..<

/div>

邊框border:

1px solid#000000

;//實線邊框 dashed 虛線 dotted點線

border:

-top:

1px solid #000000

;//上邊框

border:

-bottom 下; top上 right右 bottom下 left左

clear:xx;

//清除 他只有left左 right右 both雙方 這三個引數

float

:xx;

//浮動 他只有left左 right右 這兩引數

font-family: xx;

//字型microsoft yahei 微軟雅黑

font-size:xx;

//字型得大小

font—weigth:bold;

//字型的粗細(粗) normal正常

height 高度

width 寬度

letter-sapcing:

1px;

//字元間距

line-height:

22px;

//行距

overflow:hidden;

//超出物件指定得高度和寬度如何顯示內容(隱藏) auto 代表自動 scroll 滾動

display:none;

//隱藏某個標籤點了個什麼東西就冒出來了 這些屬性都是設定style

text-align //文字對齊方式 left 左對齊 right右對齊 center居中

text-decoration:underline;

//文字的裝飾 滑鼠移動過去有的裝飾 none 什麼都沒有 underline下劃線 align 水平對齊

position:fixed;

//位置固定在螢幕上拉動滾動條也固定

position:absolute;

//位置絕對跟隨滾動條網上走或消失

//或者其他元素的z值 取值範圍-999-999 值越大越靠前、

內聯css得寫法

.di_yi_ceng

//第一層框架 如果用class前面需要加乙個.

#di_er_ceng

//第二層框架 如果用id前面需要加乙個#

<

/style>

//樣式標籤

="di_yi_ceng"

>如果用class前面需要加乙個.

"di_yi_ceng"

>如果用id前面需要加乙個# //塊標籤元素

"stylesheet" href=

"***.css" type=

"text/css"

>

//外聯css的固定寫法 將中所有得資料都剪下到

css檔案中不包括

<

/style>

這行**宣告到開始名字改為樣式表得名字即可注須在同一目錄

HTML基礎,小白都能看得懂的文章

world wide web consortium 全球資訊網聯盟 成立於1994年,web技術領域最權威和具影響力的國際中立性技術標準機構 1.結構化標準語言 xhtml,xml 2.表現標準語言 css 用來美化頁面 3.行為標準 dom.ecmascript 通俗的來說就是增加前端頁面的功能 ...

小白學習HTML記錄2

和複雜影象使用jpeg,單色影象 logo 幾何圖形使用png或gif。src屬性 它的值可以是相對路徑,也可以是url alt屬性 指定描述這個影象的文字。當無法顯示時,可以用它的值描述影象。但是不同的瀏覽器顯示的alt不同。width和height屬性 指定影象寬度和高度,用畫素表示。如果想有縮...

菜小白學習HTML(2)

table 標籤定義了 tr 定義了每個 的行 td 定義了每行被分割的單元格。字母td即是table data的縮寫,即資料單元格的內容。的表頭用 th 標籤來定義,大多數瀏覽器會把表頭顯示為粗體居中的字型。caption 定義了 標題 colspan屬效能實現單元格跨越多列,rowspan屬效能...