關於HTML的一些基本文字標記

2021-08-16 21:24:44 字數 2955 閱讀 8025

1.主要包括5組標籤

2.段落元素

段落內的換行符將會忽略

段落內的多個空格將被乙個空格所代替

3.換行元素

不插入空行來進行換行

4.預排版標籤

保留空白字元

能夠以正常排版方式顯示空格與段落

字型是等寬字型

5.分級標題

標題格式化顯示,值越大,字越小

是預設的文字字型大小

6.文字塊引用

7.字型樣式與大小

斜體粗體

強調斜體

強調加粗

字型大一號

字型小一號

上標標籤

下標標籤

8.塊標籤與行內標籤

塊標籤:

一般是其他標籤的容器,塊標籤一般都從新行開始,它可以容納內聯標籤和其他塊標籤

行內標籤:

只能容納文字或者其他內聯元素

塊標籤不能出現在行內標籤內

行內標籤不能直接放在文件主體或**中

例:if x > y then k = "abc"

輸出:if a > b then k = " 123 」  (注意要加分號)

10.水平線

繪製一條水平線分開上下文, 預設3畫素

11.元素

為文件提供一些附加資訊,可被瀏覽器、搜尋引擎或網頁製作工具使用的資訊。如文件作者、網頁有效期、關鍵字列表等

設定格式

或  例:

//設定關鍵字

//設定作者

http-equiv和name只能二取一

http-equiv主要是向瀏覽器傳遞一些資訊

name則向搜尋引擎和製作工具提供資訊

12.格式

gif8位256種顏色,有透明背景

jpeg

24位1600萬種顏色,壓縮比高,不支援透明顏色

png擁有gif與jpeg的優點,壓縮比稍低

14.可選屬性

鏈結文字

16.列表

無序列表標籤

type屬性: disc(預設), circle, square

有序列表標籤

type屬性: 1(預設), a, a, i, i,

定義列表

17.**

基本**標籤

**是單元格構成的矩陣,單元格可以包含各種元素

定義**

定義行定義表頭

定義單元格

定義**標題

基本**標籤

**有兩種線:邊框(border)與分割線(rules)

邊框(border)屬性

…… 0-表示無網格, 3-表示邊框寬度3畫素, 

border-預設寬度

屬性rowspan與colspan

擴充套件單元格, 即合併單元格

屬性align與valign(html5不再支援)

布局格式, 可作用於, 以及標籤

align表示水平方向的對齊方式

取值left(預設), right, center

valign表示垂直方向的對齊方式

取值top, bottom, middle, baseline 

用法:...

屬性cellpadding與cellspacing (html5不再支援)

cellspacing指定單元格與單元格之間的距離

cellpadding指定單元格內部與單元格邊框的距離

**分塊

**實際結構化分為:表頭,主體,表尾,標題

表頭,主體,表尾,標題

18.表單

表單(form)

通過表單與伺服器進行互動

可以布局多種控制項:文字框、密碼框、單選按鈕、複選按鈕、下拉框、列表框、按鈕等

標籤屬性action必須指定伺服器上乙個應用程式的url

屬性method指定http的請求方法:get或者post

get方法

提交後轉換為形如abc.jsp?user=admin&pass=123

有100字元的長度限制與安全隱患

post方法

沒有長度限制與安全稍好一些   

標籤要指定屬性name, 否則伺服器無法接收該值

屬性value是控制項的取值

文字框與密碼框(type屬性)

標籤複選按鈕type="checkbox"

屬性checked="checked"表示預設選中

input>標籤

單選按鈕type="radio"

相同屬性name表示一組單選按鈕

標籤一般按鈕type="button", 需要編寫事件響應**

提交按鈕type="submit",提交action的url

重置按鈕type="reset", 全部控制項置為初始值

標籤屬性size=x決定下拉框的高度(預設為1)

由子標籤列出列表專案

標籤子標籤可以進行列表分類

標籤multiple屬性可以選中多個專案

標籤多行文字框, 由屬性rows與cols設定高度與寬度

複雜的表單設計

可配合**來布局控制項   

一般配合**來布局控制項    

type="file"與type="hidden"控制項

type="file"是上傳檔案,但不同瀏覽器有不同表現形式

type="hidden"不顯示在頁面上,用作儲存額外資料,用作提交伺服器使用

可以包含數個段落, 是現代**布局的重要元素

20.表單屬性

HTML筆記 一些基本文字標籤

標題1h1 lorem ipsum dolor sit amet consectetur,adipisicing elit.p 段落標籤。網頁中並列p標籤之間空一行。style color blueviolet loremspan ipsum dolor sit amet consecteturp ...

一些HTML標記

目錄定義 所謂標記就是放在 標記符中表示某個功能的編碼命令。也可以叫做html標籤或html標記。語法格式 標記名 例如 水平直線標記 語法格式 標記名 內容例如 標題標記 不定義屬性值則使用屬性預設值 標記名與屬性,屬性與屬性之間應該用空格分開 屬性之間不分先後順序 標記名 屬性1 屬性值1 屬性...

HTML中一些實用標記記錄

在這篇文章中記錄我在學習html學習過程中,讓我感覺不錯的標籤。在網頁製作中,一般是通過各種標記對文字進行排版的。但在實際應用中,往往需要一些特殊的排版效果,這樣使用標記控制非常大的麻煩。解決方法就是使用原格式標記進行排版,如空格 製表符等.原格式標記 就可以解決這個問題。語法格式如下 文字內容 例...