HTML
</html>
<html>
click to edit
<head>
</head>
<body>
</body>
<title>网页的标题信息,它会出现在浏览器的标题栏中</title>
<meta>元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<link>链接一个外部样式表。此元素只能存在于 head 部分,不过它可出现任何次数。
<style type=”text/css”>...</style> 标签用于为 HTML 文档定义样式信息。
<script>...</script> 标签用于定义客户端脚本,比如 JavaScript
<!注释内容>
<hx>标题文本</hx> (x为1-6,数字越大,字体反而越小)
<p>段落文本</p>
<strong>字体加粗</strong>
<em>斜体</em>
<span>标签是没有语义的,作用是设置单独的样式 </span>
<q>是对简短文本的引用</q>
<blockquote>是对长文本的引用</blockquote>
<address>可以定义一个地址(比如电子邮件地址)、签名或者文档的 作者身份,默认显示斜体</address>
<code>单行代码</code>
<pre>多行代码</pre>
<div>为网页划分独立的版块
<ul>
<li> </li>
<li> </li>
</ul> (<ul-li>无序列:每项li前都自带一个圆点)
<ol>
<li>.....</li>
<li>.....</li>
</ol>(<ol>有序列:每项<li>前都自带一个序号,序号默认从1开始)
</div>
<table summary="表格简介文本"(不会在浏览器里显示出来)>
<tbody>完全下载完后再显示
<caption>表格标题</caption>
<tr>表格的一行,所以有几对tr 表格就有几行
<th>表格的头部的一个单元格,表格表头</th>
</tr>
<tr>
<td>表格的一个单元格,一行中包含几对<td>...</td>,说明 一行中就有几列</td>
</tr>
</tbody>
</table>
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank"(在新建 浏览器窗口打开连接)>链接显示的文本</a>
<img src="图片地址" alt="下载失败时的显示文本" title = "鼠标滑过时的 提示文本">
使用表单标签,与用户交互
<form method="get/post(更安全)" action="服务器文件">
</form>
<label for="控件id名称">注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
文本输入框、密码输入框
<input type="text/password" name="名称" value=" " id="名称" placeholder="输入框中提示文字"/>
单选框、复选框
<input type="radio(单选框)/checkbox(复选框)" value="值" name=" 名称" checked="checked"(该选项被默认选中)/>
提交按钮、重置
<input type="submit提交/reset重置" value(按钮上显示的文字)="提交">
使用下拉列表框
<select>
<option value='提交值' selected="selected">选项</option>
</select>
在<select multiple="multiple"></select>就可以在下拉列表中选择 多个选项
文本域,支持多行文本输入
<textarea rows="行数" cols="列数">文本</textarea>