HTML標籤練習

2022-09-07 12:57:08 字數 1571 閱讀 6822

<>

乙個無序列表:

比較重要的一些標籤,如ul和li:普通的顯示資料的時候,ul就是專案列表,li就是列表項。可以用來顯示資料。

如果用於div+css布局的話,ul+li可以替換**的作用,具體的設定,如果寬度高度、行間距、背景邊框等需要配合css一起設定。

另外h1-h6標籤,a標籤,br標籤, 標籤,div塊等,還有一些常用的css樣式,width,height,border,padding,color,margin等

最後就是j**ascript裡面對這些標籤的function

乙個無序列表:

這裡貼上一些覺得灰常不錯的參考資料:

段落:換行:

水平線:

注釋:文字格式:

字型:

加粗:

傾斜: or

強調:#預設是對字加粗

字型變大:  字型變小:

上標: 下標:

預格式文字:

#儲存了中間的空格和換行

文字縮寫:  or   #滑鼠知道出現,例子

ck 引用: 長引用:

短引用:

刪除字和下劃線字:

外部樣式表:關聯css檔案

內部樣式表:#嵌入html裡的css**

名字:class #classname的簡稱

樣式:分割槽:

組合行內元素:

this is a link

#text-decoration:none:沒有下劃線

錨:#本頁鏈結到相應位置,源位址 

1 鏈結2

在新視窗開啟:target="_blank"    例如:

visit w3school!

:< img src="c:\documents and settings\yukuncao\桌面\1.gif"

width="300" 

height="120"

alt="big boat"/>

替換文字 : 在瀏覽器無法載入影象時,瀏覽器將顯示這個替代性的文字而不是影象   

**:  顯示格式不好,看鏈結

文字框:各個型別前後都要加

使用者:密碼:

單選框:

male

female

核取方塊:             

i h**e a bike 

i h**e a car

表單輸入,獲取值:鏈結底部

框架:水平:

垂直:其它框架:鏈結

內聯框架:iframe

w3school.

注釋:由於鏈結的目標匹配 iframe 的名稱,所以鏈結會在 iframe 中開啟。

背景:設定顏色:

設定:

html基本標籤練習

alt 顯示工具欄 f2修改檔名稱 內聯元素 只佔一行 塊級元素 以utf8無bom格式編碼 塊級元素 可以放任何標籤 內聯元素 組合 doctype html html head meta name generator content html tidy for html5 experimenta...

HTML中table標籤屬性以及練習例項

實現 樣式,在html實現中,可以使用table標籤。邊框屬性 border 背景色屬性或者背景屬性 table內容邊距 cellpadding table單元格之間的距離 cellspacing 佔據的行數 rowspan 佔據的列數 colspan table 的標題 常用的標籤 行標籤,列標籤...

css標籤和html標籤

一,html 標題標籤 h1,h2,h3,h4,h5,h6 段落標籤 水平線標籤 換行標籤 水平線標籤 size 水平粗細線 width 水平線寬度 align 水平線對齊方式 color 水平線顏色 字型標籤 funt size 文字大小 color 字型顏色 face 文字的字型 標籤 src ...