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>