HTML學習筆記

2021-10-20 21:08:21 字數 2816 閱讀 3853

注釋:ctrl+/ 提示作用

儲存:ctrl+s 儲存檔案

檢視檔案: ctrl+r

我是視窗標題

網頁的主題部分

使用規範

utf國際化使用標準 gb312中文字元

(最大)------(最小) 文字標題

段落標籤

換行標籤

水平線

加粗字型

設定超連結偽類的順序:link>visited>hover>active

無序列表
li 列表項

type是改變列表符號

circle空心原點

disc實心原點

square實心正方形

有序列表

i是小寫的羅馬數字

i是大寫的羅馬數字

定義列表

標題 內容

宣告定義列表

**

**的框架

**的行

**的列

border 邊框

cellspacing 邊框到格仔的距離

cellpadding 字到邊框的距離

text-align 水平方向:

cente 居中對齊

left 左對齊(預設值)

right 右對齊

valign垂直方向:

top向上對齊

bottom向下對齊

middle居中對擠

bgcolor背景顏色

colspan 跨列 rowspan跨行

表單的框架

method規定如何傳送表單資料常用值( get / post )常用post(隱藏密碼)

action表示向何處傳送表單資料

input 表單的基本元素

type指定表單型別

text 文字框表單

name 表單姓名

password密碼框

size 表單的長度

maxlength表單的書寫最多字元

radio 單選按鈕

checked核取方塊

vertical align:middle **的居中對齊

font-size 字型大小

font-style 字型風格

font-weight 字型粗細

font-family 字型型別

color 字型顏色

text-indent 首行文字縮排

text-shadow 文字陰影

text-decoration 文字裝飾

undelrine 下劃線 overline 上劃線 line-through 中線

列表框

列表框項 selected="selected"預設選擇

`

button 普通按鈕

reset 重置按鈕

submit 提交按鈕

image 按鈕

多行文字域 cols寬度 rows高度

email 郵箱

url**

數字 step間隙

數字域

search搜尋框

css樣式(內部樣式)

`"text/css">` css樣式(內部樣式)

行內樣式

"color:red"

;>

外部樣式

'' 檔案路徑.css'' ref="stylesheet" type="text/css"/>

background-color 背景顏色

background-imge 背景影象

background-position 背景定位

background-repeat 背景重複方式

background-size 背景尺寸大小

linear-gradient 線性漸變

border:1px solid:red 邊框的設定方法

css的最後一條宣告後的「;"可寫可不寫,但是,基於w3c標準css的最後一條宣告後的「;"可寫可不寫,但是,基於w3c標準規範考慮,建議最後一條宣告的結束都要寫上

基本選擇器的優先順序,id選擇器》類選擇器》標籤選擇器

優先順序:行內樣式》內部樣式》外部樣式

position:absolute 絕對定位

position:relative 相對定位

position:fixed 固定定位

position:static 預設值,沒有定位

相對定位的特性

相對於自己的初始位置來定位元素位置發生偏移後,它原來的位置會被保留下來層級提高,可以把標準文件流中的元素及浮動元素蓋在下邊相對定位的使用場景.相對定位一般情況下很少自己單獨使用,都是配合絕對定位使用,為絕對定位創造定位父級而又不設

置偏移量

HTML學習筆記

2004 9 9 星期四 陰 hello world 整個頁面分成三部分 1 一行包括html版本資訊的內容 2 報頭申明區域 3 頁面主要部分,包括頁面的實際內容。2.基本的html標記 答 1 headings 標題 2 paragraphs 段落 this is a paragraph 3 l...

HTML學習筆記

html 是一種超文字標記語言,它是由標籤組成的。html 中的資料都封裝在標籤中,通過對標籤中的屬性值的改變來實現對封裝內資料進行操作。html規範格式 首先要確定html 的 範圍 在該範圍中可以定義兩個部分,乙個是頭乙個是體。這中間寫網頁顯示的資料 標籤對資料進行封裝那麼就有開始標籤和結束標籤...

學習html筆記

簡介 基礎 1 html鏈結是通過標籤 來定義的.這是乙個鏈結 href是屬性 2 html 影象是通過標籤 屬性 html 元素可以設定 屬性 屬性可以在元素中新增 附加資訊about an element 屬性一般描述於 開始標籤 屬性總是以名稱 值對的形式出現,比如 name value th...