1.頁面結構

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

編碼：charset=“gbk” ；gbk2312，utf-8

2.常見標簽

2.1 meta標簽

關鍵字

<meta name="keywords" content="HTML基礎" />

作者

<meta name="author" content="lxl" />

描述

<meta name="distribution" content="這是一個基礎網站" />

注釋

<p> 段落內容 </p> 段落

2.2 標題標簽

由大到小

<br> 換行標簽

<p>進行<br>換行</p>

<hr> 換行線標簽

<p>進行<hr>換行</p>

2.3 文本屬性

<strong> 加粗

<b>加粗

<p>進行<strong>加粗</strong></p>

<p>進行<b>加粗</b></p>

<i>斜體

<u>下劃線

<sup>下標
<sub>上標

<del>洗掉線

<font>規定字體屬性

　　size 字體大小

　　color 字體顏色

<font size="15px" color="blue">字體屬性</font>

<pre>代碼樣式原樣輸出

<p>

　　<pre>www< /pre>

</p>

2.4 form標簽

form標簽用于為用戶輸入建立HTML表單

表單元素指的是不同型別的 input 元素、復選框、單選按鈕、提交按鈕等

action屬性定義在提交表單時執行的動作，通常會被提交到web服務器上的網頁

可以指定某個服務器腳本來處理被提交表單：

<form action="action_page.php"></form>

如果省略action屬性，則action會被設定為當前頁面：

<form action=""></form>

method提交的方法有get，post

enctype屬性的值：

　　application/x-www-form-urlencoded（默認選項）

　　multipart/form-data

　　text/plain

<form method="post" enctype="application/x-www-form-urlencoded"></form>

<input>元素是最重要的表單元素

注意：表單本身是不可見的

對于type屬性：

　　text：定義常規文本輸入的單行輸入欄位

<input type="text" name=""/>

　　password：密碼輸入框

　　file：檔案上傳（此時enctype的值應為第二個選項）

<form method="post" enctype="multipart/form-data">
            <input type="file" value="file"/>    
            <input type="submit" />
</form>

　　hidden：隱藏域

　　button：按鈕

　　reset：重置按鈕

　　submit：定義提交按鈕（提交表單）

　　radio：定義單選按鈕輸入（選擇其中之一）

　　checkbox：定義多選按鈕（選擇其中多個）

<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female

name="sex"的作用是性別只能單選

name：同樣表示文本輸入框名稱

（如果要正確的被提交，每個輸入欄位必須設定一個name屬性）

size：輸入框的大小

maxlength：輸入框中允許輸入字符的最大數

value：輸入框中的默認值

readonly：表示該輸入框只能顯示，不能修改

<input type="text" name="username" size=25 maxlength="5" value="lxl" readonly="" />

2.5 a標簽

a標簽用于控制界面與頁面之間的跳轉

target的默認值為_self

_self：用于在當前選項卡中跳轉，不新建頁面

<a href="http://baidu.com" target="_self">百度</a>

_blank：用于在新選項卡中跳轉，要新建頁面

<a href="http://baidu.com" target="_blank">百度</a>

_parent：在父框架集中打開被鏈接檔案

_top：在整個視窗中打開被鏈接檔案

2.6 錨文本

<p name="top">頂部內容</p> 錨點
<a href="#top">跳轉頂部</a> 跳轉錨點

2.7 img標簽

img標簽用于向網頁中嵌入一幅影像

<img src="img/txt.jpg" alt="替代文本"/>

src：規定顯示影像的url

alt：規定影像的替代文本

width：規定圖片的高度

height：規定圖片的寬度

2.8 table標簽

table標簽用于定義HTML表格

<table border="5" cellpadding="10" cellspacing="10">
            <caption>學生表</caption>
            <th>分類</th>
            <tr><td>學號</td><td>姓名</td><td>年齡</td></tr>
            <tr><td>01</td><td>lxl</td><td>20</td></tr>
            <tr><td>02</td><td>zhj</td><td>35</td></tr>
            <tr><td>03</td><td>ljk</td><td>40</td></tr>
</table>

border：定義表格邊框

cellpadding：定義單元邊沿與內容的空白

cellspacing：定義單元格的空白

colspan：行合并

rowspan：列合并

<caption>定義表格標題

<th>定義表格表頭

<tr>定義表格的行

<td>定義表格單元

2.9 串列標簽

<ul>標簽用于定義無序串列

<ul type="circle">
            <li>文本內容</li>
            <li>文本內容</li>
</ul>

專案符號：circle（默認），square，disc

注意：type=“none”時無專案符號

<ol>標簽用于定義有序串列

<ol type="1">
            <li>文本內容</li>
            <li>文本內容</li>
</ol>

標記型別：1（默認），A，a，I，i

2.10 框架使用

frameset 標簽可定義一個框架集，它被用來組織多個視窗（框架），每個框架存有獨立的檔案

在其最簡單的應用中，frameset 元素僅僅會規定在框架集中存在多少列或多少行

簡單的三框架頁面：

<frameset rows="30%,*">
        <frame src="top.html" />
        <frameset cols="20%,*">
            <frame src="left.html" />
            <frame src="main.html" />
        </frameset>
</frameset>

frameset標簽在一個頁面中設定一個或多個框架，不能嵌套在body標簽里

frame標簽是在html頁面內嵌入框架，框架內可以連接另一個頁面，一般在frameset標簽中使用

cols：定義框架集中列的數目和尺寸

rows：定義框架集中行的數目和尺寸

scrolling：滾動條

<frame src="" scrolling="auto" />

auto：在需要的情況下出現滾動條（默認值）

yes：始終顯示滾動條（即使不需要）

no：從不顯示滾動條（即使需要）

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/557154.html

標籤：其他

上一篇：檢測資料型別的四種方法

下一篇：返回列表

1--HTML基礎