前端 html標籤

2021-06-27 20:48:52 字數 3189 閱讀 8475

一、標題標籤——

1、的字型最大,字型最小。與標籤的size屬性是相反的,標籤中size值為1,則最小;值為7,則最大。

2、標題標籤必須是獨佔一行。

3、使用、標籤,文字會變大加粗。但不要因為想讓文字變大加粗就加乙個標題標籤,這是不對的!可以使用或標籤來實現變大加粗。

4、搜尋引擎會把文章中出現的——的標籤用來作為文章的結構與主次,進而索引;懂seo的朋友就知道。

二:段落與換行

換行標記:

段落標記:

把標記中的文字當做一段文字, 一段檔案完畢之後, 會自然換行。

三:分割線

width:寬度大小   

300px;   即標記寬度大小為300px;

50%;      即占用父標記寬度的百分比。

align: 對齊方式

left    居左

center  居中

right   居右

四:html實體

1、使用實體名而不是數字。

好處:名稱易於記憶。

壞處:瀏覽器也許並不支援所有實體名稱(對實體數字的支援卻很好)。

2、需要在頁面中展現特殊字元時:

>: >   great than

<:>

空格:  

3、瀏覽器總是會截短 html 頁面中的空格。

如果您在文字中寫 10 個空格,在顯示該頁面之前,瀏覽器會刪除它們中的 9 個。

如需在頁面中增加空格的數量,您需要使用   字元實體。

html 中有用的字元實體

注釋:實體名稱對大小寫敏感!

顯示結果

描述實體名稱

實體編號空格 

<

小於號<

<

>

大於>&和號

&&"引號

""'撇號 

' (ie不支援)'¢

分¢¢£

鎊££¥

日圓¥¥€

歐元€€§

小節§§版權

©®註冊商標®®

™商標™™

×乘號××

÷除號÷÷

五:標籤  (單標記)

用於頁面中顯示。

屬性:src: 指定目標的路徑

width:  寬度

height: 高度 

經驗:寬、高同時設定後,會出現失真的現象,若需要等比例縮放,則設定其中乙個即可。

路徑:1、絕對路徑:

作業系統絕對路徑:

windows: 以碟符開頭的路徑為絕對路徑

以/(根目錄)開頭的路徑為絕對路徑

網路端絕對路徑:

以http://開頭的url路徑

2、相對路徑:  

指的是通過當前html文件和目標檔案生成的路徑。

相對路徑也可以指向目標檔案。

不以碟符和/(根目錄)開頭的路徑。

網頁所支援的格式:

jpg/jpeg:  體積小    影象有較小的失真。

png:   顯示顏色種類較多  體積較大    影象儲存完好。

gif:  支援動態圖  體積小  顯示的顏色非常少。

png/gif:  支援透明色  

jpg:  不支援  

六:鏈結

鏈結文字

shape -- 定義熱點形狀

shape=rect:   矩形

shape=circle:圓形

shape=poly:   多邊形

coords -- 定義區域點的座標

a.矩形:必須使用四個數字,前兩個數字為左上角座標,後兩個數字為右下角座標

例:b.圓形:必須使用三個數字,前兩個數字為圓心的座標,最後乙個數字為半徑長度

例:c.任意圖形(多邊形):將圖形之每一轉折點座標依序填入

例:demo :

" onfocus="this.blur()"/>

" />

" />

" />

七:**

**的第一種規範:

table: **標記

屬性:width:  寬度

height: 高度

border: 邊框寬度       

align:  對齊方式    left|center|right

cellpadding:  單元格的內邊距

cellspacing:  單元格與單元格之間的距離

tr:  **行

td:  單元格

屬性:rowspan: 合併行

colspan: 合併列

**的第二種規範:

**標題

表頭表體

表腳使用時用第一種或第二種都可以. 

第一種更簡單

第二種更規範

八:表單標籤

表單用於收集使用者資訊, 乙個表單中可以含有多個

表單元件.

input標籤:

文字框:

type:定義了input元件的樣式(文字框)

name:定義了input元件的名稱, 只有寫上name屬性的元件在提交的時候才可以向伺服器傳遞資料.

value:定義了頁面載入後文字框中的預設值.

提交按鈕:

value:定義按鈕上的文字

密碼框:

單選按鈕:

name:多個單選按鈕 若name相同,則為一組單選按鈕.一組單選按鈕只能選擇乙個.

value:提交給伺服器的引數值.  

checked="checked" 若希望某個單選鈕預設被選中,則需要新增該屬性.

多選框:

&pwd=&***=m&hobby=swimming&hobby=coding

checked="checked" 預設被選中

普通按鈕:

value:代表按鈕上的文字

重置按鈕:

作用: 把當前表單中的所有元件的值恢復預設.

非input標籤:

下拉列表框:

下拉框text   下拉項

下拉項option:

text: 表示顯示在下拉項中的文字

value: 代表當前下拉項的值

多行文字域:

列表標記:

前端html基本標籤

宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。作用 宣告文件的解析型別 document.compatmode 避免瀏覽器的怪異模式。document.compatmode backcompat 怪異模式,瀏覽器使用自己的怪異模式解析渲...

前端 HTML基礎,標籤

web端的組成 html是超文字標記語言,它不是一種程式語言,是一種描述性的標記語言,用於描述超文字內容的顯示方式.比如字型.顏色,大小等.超文字 音訊,視屏稱為超文字.標記 英文單詞或者字母 稱為標記,乙個html頁面都是由各種標記組成。11.1.1 html的結構 11.1.2 標籤的分類 塊級...

前端 Html常用標籤元素

常用html標籤元素結合及簡介 建立乙個html文件 設定文件標題和其它在網頁中不顯示的資訊 設定文件的標題 最大的標題 預先格式化文字 下劃線黑體字 斜體字 打字機風格的字型 引用,通常是斜體 強調文字 通常是斜體加黑體 加重文字 通常是斜體加黑體 設定字型大小從1到7,顏色使用名字或rgb的十六...