時間:2017年12月3日 19:35:18 用於: 這文章用於個人技術總結 html筆記1、html標簽不區分大小寫，但是建議小寫2、標簽 可用在head部分： <head> <title>...</title> //網頁標題 <meta charset="UTF-8"> //提供有關頁面信息 < ...
時間:2017年12月3日 19:35:18
用於: 這文章用於個人技術總結
html筆記
1、html標簽不區分大小寫，但是建議小寫
2、標簽
可用在head部分：
<head>
<title>...</title> //網頁標題
<meta charset="UTF-8"> //提供有關頁面信息
<link rel="stylesheet" type="text/css" href="theme.css"> //鏈接一個外部樣式表
<style>...</style> //內部樣式表
<script>...</script> //內部js代碼
</head>
<body>
<p>段落文本</P> //文章段落放到<p>標簽里
<h1>...<h6> //文章的標題,一到六個等級的標題
<b></b> //無意義的加粗,僅文本表現加粗(沒有語義)
<strong></strong> //有意義的加粗,對搜索引擎友好
<i></i> //無意義的斜體(沒有語義)
<em></em> //有意義的斜體,對搜索引擎友好
<span></span> //用來組合文檔中的行內元素(沒有語義)
<q></q> //短文本引用(文本不需要加雙引號)
<blockquote></blockquote>//長文本引用
<br/> //換行標簽
<hr/> //分割線標簽
$nbsp; //特殊字元空格(分號必不可少)
<address>地址</address> //地址標簽,預設是斜體
<code>代碼</code> //單行代碼標簽
<pre>代碼</pre> //多行代碼標簽(會保留空格和換行符)
<ul> //無序列表(list-style:none;樣式去前面的點)
<li>信息</li>
<li>信息</li>
</ul>
<ol> //有序列表
<li>...</li>
<li>...</li>
</ol>
<div></div> //容器標簽
<table>定義表格
<thead>表頭
<tbody>表格主體
<tfoot>表格頁腳(腳註或表註)
<tr>表格行
<th>表頭
<td>表格單元格
<caption>表格標題
<col>為表格定義屬性值
<colgroup>對錶格的列進行組合
例子: <table> //表格標簽
<caption>大標題</caption>
<thead>
<tr>
<th>小標題</th>
<th>小標題</th>
<th>小標題</th>
</tr>
</thead>
<tbody>
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
<tr>
<td>內容</td>
<td>內容</td>
<td>內容</td>
</tr>
</tbody>
</table>
<a href="網址">鏈接顯示的文本</a> //超鏈接標簽
<img src="圖片地址" alt="圖片不顯示時的替換文本" title="提示文本"/> //插入圖片
<form method="get/post" action="伺服器文件(save.php)"></form> //表單標簽
<input type="test/password" name="名稱" value="值"/> //輸入框
<textarea rows="行數" cols="列數">文本</textarea> //在表單中大段文字用
<input type="radio/checkbox" value="值" name="名稱" checked="checked"/>
/*單選框radio與覆選框checkbox checked="checked"為預設選中*/
<option value="提交值">選項</option> //下拉框
<form action="save.php" method="post">
<label for="a">愛好</label> //為input元素定義標註(for與input的id綁定,點擊label也可以觸發控制項)
<select id="a"> //下拉框例子
<option value="看書">看書</option>
<option value="旅游" selected="selecred">旅游</option>
<option value="運動">運動</option>
<option value="購物">購物</option>
</select>
</form>
<input type="submit" value="提交"/> //表單提交按鈕
<input type="reset" value="重置"/> //表單重置按鈕
</body>
3.語義化的作用:更容易被搜索引擎收錄.
4.html的註釋:<!--這是html的註釋-->
未完待補充...
