標簽的語法
1.標簽使用<>括起來的,如最基本的<html>。
2.標簽一般都是成對存在。
3.標簽是可以嵌套的。
4.標簽是不區分大小寫的。
1.head標簽
穩當頭部描述了文檔的各種屬性和信息,和標題
<head>
<title>.....</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
<title>標簽內的內容是出現在網頁的標題信息,出現在瀏覽器的標題欄中
<meta>標簽提供頁面的元信息,比如針對搜索引擎和更新頻度的描述和關鍵詞
<link>用于把外部文件連接到文件內部
<style>標簽用來對網頁樣式進行修飾(css)
<script>內部是js代碼
2.body標簽
用來儲存網頁中要展現的內容,大部分東西都在這里面
3.p標簽,hx標簽,strong標簽,em標簽,span標簽,q標簽,blockquote標簽
<p>..</p>
<hx>,,,</hx>
<strong>....</strong>
<em>...</em>
<span>...</span>
<q>..</q>
<blockquote>...</blockquote>
<p>..</p>用來在網頁上顯示文章,p標簽的默認樣式中在段前段后都會有空白
<hx>...</hx>用來為網頁添加標題,分為六級,一次按重要程度的不同進行排序
<strong>..</strong>用來對文字進行加粗處理
<em>...</em>用來對文本進行加斜體處理
<span>..</span>用來對文字設置單獨樣式,也可以用來把塊狀元素轉化為內聯元素,strong和em相對于span主要是起到強調的作用,而span標簽是沒有語意的用來對文字進行單獨樣式設計
<q>..</q>標簽用來進行短文本引用,使得瀏覽器自動對引用部分添加引號
<blockquote>...</blockquote>用來進行對長文本進行引用,在瀏覽器中解析為縮進樣式
4.br標簽,空格標簽,hr標簽,address標簽,code標簽,pre標
簽
<br/>標簽用于換行
?標簽用于添加空格
<hr/>標簽用于添加分割橫線
<address>..</address>用于給網頁加入地址信息
<code>...</code>用于為網頁中添加一行代碼
<pre>...</pre>用來給網頁插入大段的代碼,注意其與code標簽的區別
5.ul標簽與ol標簽,和與他們進行配合的li標簽
<ul>...</ul>用來為網頁添加信息列表,ul屬于一種無序的標簽注意ul和li標簽的配合,ul標簽默認有圓點
<ol>....</ol>用來添加有序的信息列表
6.table標簽,tbody,tr,th,td標簽,caption標簽
<table>
<tbody>
<tr>
? ? <th>產品名稱</th>
? ? ?<th>品牌</th>
</tr>
<tr>
? ? ? <td>耳機</td>
? ? ? ?<td>聯想</td>
</tr>
</tbody>
</table>
<table>...</table>標簽是用來為網頁添加表格的
<tbody>..</tbody>當表格內容很多時會下載一點顯示一點,如果加上tbody之后表格會在完全下載完后在進行顯示
<tr>..</tr>表示表格含有幾行<td>..</td>用來表示表格一行有多少列
<th>..</th>用來制作表頭
<caption>...</caption>為表格添加標題和摘要
7.a標簽
<a>...</a>使用a標簽可以實現超鏈接a標簽里面的title是表示鼠標滑過時顯示的文本,a標簽里面的target是用來在一個新的瀏覽器窗口里面打開鏈接,a標簽里面的mailto是用來鏈接email地址的。
<a href="mailto:郵箱地址?cc=&bcc=&subject=&body=&>發送</a>
8.img標簽
<img ?src="" alt="" ?title="">
src用來表示圖像的地址,alt時當圖像不可見時顯示的制定文本,title是鼠標滑過時現實的文本
9.form標簽,input,textarea,select,option,label標簽
form標簽可以實現與用戶的交互。form是成對出現的,action時用戶輸入的數據被傳送到的地方,method為數據傳送的方式(get/post)
<input type="" name=" " value=""/>
1.type=“text”輸入框為文本輸入框
type="password" 輸入框為密碼輸入框
type=“radio”控件為單選框
type="checkbox“控件為復選框
type=“submit”是表示提交按鈕
type="reset"為重置按鈕
2.name:為文本輸入框命名,已被后臺使用
3.value為文本輸入框設置默認值
<textarea></textarea>為文本域標簽,col位列書row為行數
<select></select>為下拉列表框可用來節省空間
select下屬的option時下拉菜單的選擇其中的value是用來表示向服務器提交的值
select后面加multiple是用來表示多選操作
<label for=></label>不會向用戶呈現任何特殊效果,它的作用是為鼠標用戶改進了可用性選中label標簽后,瀏覽器會自動將焦點轉到與標簽相關的表單控件中