HTML零碎知識 html總結

2021-08-19 17:33:12 字數 4834 閱讀 6510

html:  hyper text mark-up language

1,   --   html標籤,所有的網頁內容都放在 html標籤中,html標籤是網頁中最大的標籤

3,   --   主題標籤,顯示在網頁上的內容。

4,--   換行標籤,無需成對出現。

5,     --   空格標籤。

6,--   分隔線標籤,無需成對出現

-1.size: 最大值不能超過100

-2.color: 有三種表示法:

-a.顏色的英語單詞

(紅red,綠green,藍blue,黃yellow,黑black,橙orange,粉pink)

-b.16進製表示法:

(紅#ff0000,綠#00ff00,藍#0000ff,黃#ffff00)

-c.自己配色:rgb(紅色值,綠色值,藍色值)

(rgb: red green blue)三原色。取值範圍(0——255)

-3.width 的兩種表示方法:

-a.直接用寬度值(畫素,px)可以不加單位。

-b.百分比表示法:相對於瀏覽器寬度來定的。eg:50%

-4.align: 水平對齊方式:

-a.(預設)居中對齊 align = "center";

-b. 居左對齊 align = "left";

-c. 居右對齊 align = "right";

7.文字內容

--文字標籤。

-1. size: 文字大小,可設定範圍:1-7;

-2. color:文字顏色,有三種表示法:

-a.顏色的英語單詞

(紅red,綠green,藍blue,黃yellow,黑black,橙orange,粉pink)

-b.16進製表示法:

(紅#ff0000,綠#00ff00,藍#0000ff,黃#ffff00)

-c.自己配色:rgb(紅色值,綠色值,藍色值)

(rgb: red green blue)三原色。取值範圍(0——255)

-4.face: 文字字型,一般設定通用字型,不能設定特殊字型。(特殊字型可能在計算機中不存在,會自動轉換成宋體)

中文常用:宋體,微軟雅黑.    英文常用:arial

8.加粗內容

加粗內容

--兩種加粗字型的方式。

9.斜體      --   加斜

10.字型修飾:

-a.下劃線:要加下劃線的內容   underline

-b.刪除線:要加刪除線的文字內容

-c.上標:要上去的文字

-d.下標:要下去的文字

11.背景:

背景顏色:

bgcolor="顏色"

背景:background = "要設定的背景的路徑"

注意:0.如果要給乙個**加背景顏色或背景一般是加在body標籤內.

1.在網頁中背景一般只使用相對路徑,不使用覺得路徑。

2.背景顏色和背景同時設定是被允許的,但背景具有優先權。

做網頁時:

1.同乙個**專案應該放在同資料夾下,而且在資料夾下一般要建立乙個資料夾。將所有要用到的都放在該資料夾下,一般命名為   :images / img

2.在網頁設計一般設定首頁檔名為 index ,(因為index是索引的意思,在一般的伺服器中都設定了預設首頁為index開頭,所以只要將檔名設定成index,開啟**時,會自動識別index頁開啟**) , 也有人命名為 default.

12.  1~6號() 從 大 ~ 小

--- 標題標籤:可以在標題標籤中巢狀字型標籤,

13.居中標籤:

居中的內容

14.段落標籤: 段落內容

水平對齊方式:

1.center   居中

2.left     居左(預設)

3.right    居右

15.標籤:

注意:1.如果不設定寬度和高度,那麼大小為原始大小,不會縮小也不會放大。

2.當僅設定寬度或高度兩者中的乙個時,會按比例縮放或放大。

3.如果同時設定寬度和高度,那麼有可能會變形。

4.對齊的方式:  left.   rigth.對齊方式可以實現**混排

16.**標籤:

**內容

--行標籤:

row:行

--列標籤:

注意:1.在同乙個**中,每一行的列數要求保持一致。

2.**預設是沒有邊框的,需要使用border="邊框大小"來顯示邊框。

3.如果**中沒有內容,可能不會顯示邊框,若需要空邊框,則可以加空格 

4.**中的行和列同樣可以設定大小,如:在**中設定行和列的高度,只需要在第一行和每一行的第一列中設定就行了。

5.雖然**可以設定寬度和高度,但是當**的內容超過它寬度和高度時,**就會自動撐大。

6.**中,要顯示的內容必須放在中

7.**是一種容器,可以插入,文字,**中也可以插入**。不管是加入文字還是加入**所有東西都應該放在容器內

8.**內容的對齊方式:-----加在標籤內的

1.水平對齊:align=

center(居中) rigth(居右) left(居左,default) 

2.垂直對齊:valign=

top(居頂) middle(居中,default) bottom(居下) 

9.給**加背景顏色和背景

1.給**加背景顏色:

--- 給整個**加背景顏色。

--- 給某一行加背景顏色。

--- 給某乙個單元格加背景顏色.

總結:給整行加背景將bgcolor寫到tr中 給單個單元格加背景寫在td中,給整個**加背景加在table內

2.給**加背景

--- 給整張表新增。

--- 給某一行新增。(z在某些瀏覽器上執行可能沒有效果,因為不支援)

--- 給某乙個單元格新增。

10.合併單元格:分為行合併和列合併:行合併用rowspan="要合併的行數" 列合併colspan="要合併的列數"

1.行合併:rowspan="要合併的行數"

2.列合併:colspan="要合併的列數"

11.注釋:主要是用於對網頁的內容進行說明的一組標籤:也可以將不想顯示的內容時行注釋!

12.1.**內容與**邊框之間的間距:

cellpadding=="邊距大小"

2.單元格之間的距離:cellspacing="要設定的單元格間距大小"

注意:cellpadding cellspacing 都要新增到標籤內.

17.提交表單

1.文字提交框:

格式:注意:.在同乙個表單中name一般是唯一的,不能重複,name是作為提交表單中資料的乙個標識,如果重複了,那麼提交的資料就會出現混亂

eg:提交姓名和性別,如果兩者的name都是laoli,那麼後台提交資料時,分不清到底laoli是姓名還是性別.

2.單選框:

格式:注意:

單選選項可以有多個,但只能選其中乙個,它的所有選項是同一組型別,那麼它所有選項的name都是一致的!如果要某個選項為預設選項,在input標籤後加上checked

eg: 1.男  (預設選項)

2.女  

3.人妖

3.核取方塊:

格式: 

注意:複選選項可以有多個,同時可以選多個,它的所有選項是同一組型別,那麼它所有選項的name都必須是一致的!如果要某個選項為預設選項,在input標籤後加上checked

** 電影 白富美 高富帥 張子怡

4.密碼提交框:

格式:eg:

18.下拉列表:

格式:選項1選項2選項3...

注意:下拉列表是需要結束的,而option選項可以結束,可不結束,注意,如果我想要某個選項作為預設選項只需 在option後加上selected

eg:2015

2014

2013

2012

2011(預設選項)

2010

一月二月

三月四月(預設選項)

19.文字域:

格式:google

qqsss

aaabbb

5.href: abbr. 超文字引用(hypertext reference);超連結

target:   n. 目標;靶子

top:  頂端

parent: n. 父親(或母親);父母親;根源

22.框架:  frame

格式:...

解釋:1.* :*代表除了前面行數或列數占用的寬度或高度,剩餘的部分給*;

注意:1. 框架中的frameset 與body 不能共存, 有就不能存在

2.frameset 分成多行或者多列時:每一行或每一列要對應乙個,而每個frame中可以匯入乙個網頁;

eg:

3.如果框架中要插入框架,那麼只需要將你需要插入框架的frame替換成

eg: 

//將替換成框架

4.框架的窗體定義好以後可以隨意的拉動,如果想固定,不允許拖動,在所以frame中加上屬性 noresize;

eg:

5.框架窗體預設有邊框,如果想要去除邊框,在最外面的frameset 中加上frameborder=0; 窗體邊框的值只有倆個,乙個為0(不顯示),乙個為1(顯示)

6.在框架中的每乙個frame中都可以設定乙個name="你想要設定的名字",通過name標識,我們可以設定超連結頁面將會在哪個視窗中開啟,只需在超連結的target中設定:

eg:   -----------設定窗體名稱.

新聞設定 -------設定超連結在對應的窗體中開啟。

7.frame:  n. 框架;結構;[電影] 畫面

border:  n. 邊境;邊界;國界

零碎知識點總結

2015.3.18 1.原子操作 所謂原子操作是指不會被執行緒排程機制打斷的操作 這種操作一旦開始就一直執行到結束,中間不會有任何context switch 切換到另乙個執行緒 原子操作可以是乙個操作也可以是多個操作。2.可以在辦公桌面直接連線到實驗室server,並將實驗室sever在本地介面顯...

零碎知識C

c 中 dec,hex,oct,fixed,scientific,left,right,ws,setfill,setw,setprecision,eof,get,getline都是什麼意思 dec是十進位制 如cout這些是格式控制符 在使用時要加標頭檔案 include fixed是固定的意思 p...

JavaBean零碎知識

上面等價於下列操作 1.從scope session 中獲取id customer 屬性值,賦值給class com.stuipid.bean.customer 型別的id customer 變數 customer customer customer session.getattribute cus...