HTML學習筆記1

2021-10-03 21:29:20 字數 3026 閱讀 6842

1.2 單標記和雙標記

1.單標記:空標記,就是沒有結束標記的稱之為單標記。

語法:水平線標記:換行標記:

2.雙標記:體標,就是這個標記有開始和結束

語法:

1.3.文字控制和文字樣式標記

1.段落標記

和換行標記

段落標記:段落與段落之間會自動換行

2.文字樣式標記內容

常用的屬性: face用來描述字型的樣式

size用來描述字型的大小,最大取值為7

color用來描述字型的顏色,取值三種形式:

*用英文單詞來表示:red,green,blue

*使用十六進製制的資料表示:#ff0000

*使用rgb三原色表示:rgb(255,255,0)

3.其他標記

標題標記:,----------

字型樣式標記:字型加粗字型傾斜字型下劃線

常用的屬性:src用來引入

width用來描述的寬度

height用來描述的高度

border用來描述的邊框

注意:的路徑分為絕對路徑和相對路徑(同級目錄,上級目錄,下級目錄)

注釋標記:,注釋標記的內容不回顯示在網頁上面

****html描述網頁的語言,並不是很嚴謹的語言,html標記通過被瀏覽器解析,展示特定的效果。

5.**標記:

1.**的作用:將資料更加有條理的顯示出來;用來規劃網頁

2.語法:

單元格的內容<

/td>

<

/tr>

<

/table>

tr:表示行(常用的屬性 align 描述**內的內容顯示位置)

td:表示單元格

th:表示單元格,文字自動居中,加粗

常用的屬性:

border:給**新增邊框。

width:描述**的寬度。

align:描述**的位置

cellspacing:描述**的厚度

cellpadding:描述文字與邊框的距離

合併操作:

要確定**有多少行和多少列。 合併行:rowspan

,合併單元格:colspan

2.要確定合併的是行還是列。

6.表單標記

表單簡介:吧使用者輸入的資料提交到伺服器端,簡單來說,表單用來讓使用者輸入資料,表單把資料封裝起來提交到指定的位置。

表單組成:

>>>表單控制項:使用者輸入資料,比如說輸入使用者名稱,輸入密碼。

>>>提示資訊:告訴使用者輸入框要輸入什麼值,

>>>表單域:標識表單的開始和結束,語法 提示資訊:表單控制項

建立表單

比如:"demo1.html" method=

"post" name=

"登陸表單"

>

使用者名稱:"text" name=

"username"

/>

>

密碼: "password" name=

"psw"

/>

>

"submit" value=

"提交"

/>

<

/form>

常用的屬性:action表示表單要提交的位置。

method:表單提交的方式,常用的有get和post提交,預設提交方式是 get提交

get提交:資料會顯示在瀏覽器的位址列,不安全,提交的資料大小是有限制的

post提交:資料不回顯示在位址列,是安全的,提交的資料大小沒有限制

2. 表單控制項:

輸入框控制項的屬性type:

文字框:text

密碼框:password

單選按鈕:radio

複選按鈕:checkbox

上傳按鈕:file

提交按鈕:submit

重置按鈕:reset

注意:表單想要把資料提交到指定的位置,輸入框必須要有name屬性。

3. 文字域標記:

"get" action=

"demo1.html"

>

<

!--注意:表單想要把資料提交到指定的位置,輸入框必須要有name屬性。--

>

"5" clos=

"50" name=

"pinglun"

/textarea>

>

"submit" value=

/>

<

/form>

列表項內容1

<

/li>

列表項內容2

<

/li>

列表項內容3

<

/li>

<

/ul>

屬性:type 預設值disc,  square,circle

target:_self 在原有的視窗開啟網頁

_blank 開啟乙個新的視窗顯示要跳轉的網頁

比如:

"demo1.html" target=

"_self"

>自己站內跳轉到demo1之self的效果<

/a>

>

"demo1.html" target=

"_blank"

>自己站內跳轉到demo1之blank的效果<

/a>

>

href屬性:跳轉的url 1.站內跳轉 2.站外跳轉

1.8 標記

div:通常是用來實現網頁布局

html 學習筆記1

html注釋 空格 body標籤屬性 屬性 功能 bgcolor 網頁背景顏色 background 網頁背景 text 網頁文字顏色 1 語法 標題單元格 2 屬性 border,邊框寬度 cellspacing,內框的寬度 cellpadding,內的文字至四周邊框的距離 height,高度 w...

html學習筆記 1

1 html 超文字標記語言,標記 就是用來描述網頁內容的一些特定符號,不是程式語言,而是一種描述性的標記語言。2 製作html網頁檔案 a 新建乙個記事本檔案,將他重新命名 html b 在裡面輸入網頁的資訊內容 c 在要修飾的內容的兩側加html標記 3 html標記的語法 標記分為兩種 單標記...

HTML學習筆記1

html就是一種文字文件型別,超文字標記語言。html,htm,shtml的區別 html與htm基本沒有任何本質的區別。shtml與html的區別就是shtml命名的網頁可以寫入ssi指令,當客戶端在訪問shtml網頁時,客戶端會對shtml進行讀取和解讀,分析其中的ssi指令並將其解發布來。關於...