web前端第二天學習日記

2021-08-18 23:47:58 字數 1770 閱讀 7935

今天了解了html一些常用標籤和css使用方法和選擇器。

**標記:顯示較工整的資料時建議使用

實現乙個**需要:

**標記:table

行標記:tr

單元格標記:td

額外可用標記:thead ,tbody用於設定能快速搜尋的**

如果需要顯示**的邊框,就使用border屬性設定,值為固定數值:border=」1」(實際開發中不建議這樣使用,一般都是使用樣式設定)

**預設的大小是跟隨內容變化的,如果需要定義寬和高,通過width和height設定

在**中使用align可以設定**的水平對齊方式,如果align使用在tr或td中表示某行或某列中的內容的水平對齊方式

在單元格中使用rowspan實現垂直和clospan實現水平合併 

合併單元格:

在用於合併的單元格中使用屬性,屬性的值為合併後單元格所佔單元格個數,如rowspan=」2」

將被合併(擠出去)單元格刪除

補充:通過cellpadding設定**內容的填充(補白,內間距),通過cellspacing設定單元格之間的間距

表單標記:用於顯示接收使用者輸入或選擇的控制項,完成資料的收集和傳送

標記名:form

必須存在屬性:

method:預設值為get,可選值有post和get,如果明確提交資料方式為get,該屬性可以不寫

(post和get的區別:

表單的資料收集通過其包含的控制項標記來實現:

輸入控制項:input

必寫屬性:type,用於設定控制項型別

常用值

常用屬性:name,用於設定控制名稱(在進行web開發時非常重要)

下拉列表控制項:select

必須結合option(下拉列表項)標記實現

2001

2002

2003

2004

文字域控制項:textarea

屬性rows設定行數,clos設定列數

(實際開發中:一般借助**對表單控制項進行布局,顯示會較工整,每個控制項都應該具有乙個有意義的name屬性值)

在網頁中使用注釋(給人看):

網頁中#表示當前

計算機中載入**的順序:從上往下,從左往右逐行執行

css:層疊樣式表:

使用方式有3種:

行內樣式:

在需要使用樣式的標記中,通過style屬性定義樣式

語法:《標記名 style=」樣式屬性1:屬性值; 樣式屬性2:屬性值;….」>被修飾的內容外部樣式表:在樣式重複使用上效率更高(在實際開發中使用最多)

1.建立乙個以.css為檔案字尾名的樣式表檔案,在檔案中編寫各種選擇器

2.在需要引用樣式的網頁的head標記中通過link標記將樣式表檔案載入

完整語法:

網頁中常用選擇器:

標籤選擇器:選擇器名就是標籤名,

使用特點:網頁中所有屬於指定選擇器名的標籤都會具有該選擇器的樣式

語法:選擇器名

id選擇器和類選擇器的區別:

在網頁中每乙個id選擇器只能作用於乙個標籤,而類選擇器可以作用於多個標籤,這只是開發準則。

多種樣式使用遵循就近原則。

學習web前端第二天

今天學習的也是html,今天一天就把html所有的內容講完了,下午的時候硬體出了點問題一下午都沒學到什麼東西,但是html算是學完了接下來該學css了.接下來開始說我們今天學習的內容 首先是 的標籤和屬性1.table屬性 width是高 height是寬 align是對齊分左對齊left右對齊ri...

Web第二天學習

總結 在學習的第二天,比較困難的是在框架的巢狀每次都會混肴。這算是我的乙個需要攻克的坎。然後接下來的這些筆記是從我同學的copy過來的,因為他整理的比我的好。在此文最下面會有關於上課的疑問的答疑 在html中get和post的區別 html 一 table標籤 1 tabl屬性 1 tr 行 tab...

Web學習第二天

用來獲取使用者輸入資訊的標籤,其屬性如下 type 屬性值有很多,並且不同的屬性值會顯示出不同的樣式 text 文字框,輸入文字 如何在input中沒有設定type屬性,預設就是text password 密碼框 定義密文字段 radio 單選按鈕 注意 name要寫成一樣,才能做到單一選擇 che...