HTML學習筆記

2022-09-18 13:48:14 字數 2288 閱讀 8339

#html_基礎:

href 表示超文字引用(hypertext reference),在 link和a 等元素上使用。src 表示**位址,在 img、script、iframe 等元素上。

src 的內容,是頁面必不可少的一部分,是引入。href 的內容,是與該頁面有關聯,是引用。區別就是,引入和引用

#html_屬性:

屬性和屬性值,盡量小寫,本來這樣做也方便些。

class 屬性可以多用 class=" " (引號裡面可以填入多個class屬性)

id 屬性只能單獨設定 id=" "(只能填寫乙個,多個無效

target屬性  使用 target 屬性,你可以定義被鏈結的文件在何處顯示。

#html_頭部(head)

2.標籤定義了文件與外部資源之間的關係。標籤通常用於鏈結到樣式表

3.標籤定義了html文件的樣式檔案引用位址。在元素中你也可以直接新增樣式來渲染 html 文件:

4.head 標籤和 header 標籤的不同

head 標籤用於定義文件頭部,它是所有頭部元素的容器。中的元素可以引用指令碼、指示瀏覽器在**找到樣式表、提供元資訊等等。

header 標籤用於定義文件的頁首(介紹資訊)。

#html_css

css修飾標籤的樣式,有 "內聯" 和 "外引" 兩種方式。

對於大部分標籤,以上兩種方法均可,且修改父級標籤,子級標籤特性也會改變。但某些標籤確無法通過修改父級標籤來改變子級標籤特性,如a標籤,修改其顏色特性,必須直接修改 a 標籤的特性才可。

例項:

只能使用"內聯"方式
#html_影象

建立影象對映"中的**:

//矩形:(左上角頂點座標為(x1,y1),右下角頂點座標為(x2,y2))

//圓形:(圓心座標為(x1,y1),半徑為r)

#html_**

html中的table可以大致分為三個部分:

thead ---------**的頁首

tbody ---------**的主體

tfoot ---------定義**的頁尾

thead, tbody, tfoot 相當於三間房子,每間房子都可以用來放東西。

這個標籤就是放在三間房子裡面的東西,每乙個 就是**一行。

**的每一行被分為乙個個單元格。

每乙個單元格就是用來存放資料的,這個資料分為兩種:一,資料的名稱;二,資料本身。

用 表示資料的名稱(標題) ,

表示真正的資料內容。

rowspan="3" 合併垂直水平方向的單元格

colspan="3" 合併水平方向單元格

valign="top" 單元格文字的垂直對齊方式 (引數middle、bottom、top)

引號裡的數字和顏色**均可以更改。

乙個簡單的例項

#html_列表

分為無序列表和有序列表

ul是unordered lists的縮寫 (無序列表)

li是list item的縮寫 (列表專案)

ol是ordered lists的縮寫(有序列表)

dl是definition lists的英文縮寫 (自定義列表)

#html_區塊

定義了文件的區域,塊級 (block-level)

用來組合文件中的行內元素, 內聯元素(inline)

#html_表單

//文字域(text fields)

文字域通過標籤來設定,當使用者要在表單中鍵入字母、數字等內容時,就會用到文字域

//密碼字段

密碼字段通過標籤來定義:

//單選按鈕(radio buttons)

標籤定義了表單單選框選項

//核取方塊(checkboxes)

定義了核取方塊. 使用者需要從若干給定的選擇中選取乙個或若干選項。

//提交按鈕(submit button)

定義了提交按鈕.

當使用者單擊確認按鈕時,表單的內容會被傳送到另乙個檔案。表單的動作屬性定義了目的檔案的檔名。由動作屬性定義的這個檔案通常會對接收到的輸入資料進行相關的處理。

表單中的單選按鈕可以設定以下幾個屬性:value、name、checked

value:提交資料到伺服器的值(後台程式php使用)

name:為控制項命名,以備後台程式 asp、php 使用

checked:當設定 checked="checked" 時,該選項被預設選中

#html_指令碼(script)

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...