HTML常用标签含义

<!DOCTYPE HTML>
<html> 与 </html>之间的文本描述网页
<body>与 </body>之间的文本是可见的页面内容

body标签：
<h1> 与 </h1>之间的文本被显示为标题
<p> 与</p>之间的文本被显示为段落
<a>与</a>间是链接
eg: <a href="http://www.w3school.com.cn" title="鼠标停留超链接会显示的部分" target="_blank">This is a link</a>（target="_blank"表示在新窗口打开超链接）
在这里插入图片描述
a标签还可以通过这种方式来向管理员发邮件
图片用单<img> 标签表示
eg:<img src="/i/eg_w3school.gif" width="300" height="120" alt="图片加载失败显示这个" />
<strong>加粗文本
<em>倾斜文本
<span>类似strong em,但是无实际意义，要用CSS来修饰span中的语句。
<q>和</q>表示短文引用（少于两句话），会自动加上双引号
<blockquote>和</blockquote>表示长文引用（多于两句话）
<br />换行标签，放在要回车的地方
 空格标签
<hr />表示一道分割线，效果如下：

<address> 与</address>间写署名，地址，电子邮件地址、签名或者文档的作者身份
<code>和</code> 间可以附上各种语言的代码
<pre>标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符，常用作保留代码段格式。

<li>与</li>里放列表信息
一般情况下，li外面包含一层ul或者ol，ul无序，ol会标明顺序

<div>与<div/>间的内容表示板块
div可以写明id ：<div id="ffffffffffffff">fff<div>

表格的写法：

<table summary ="摘要，方便搜索引擎搜索表格">
<caption>2012年到2013年库存记录/caption><!--表格的标题-->
  <tbody>
    <tr><!--表头-->
      <th>班级</th>
      <th>学生数</th>
      <th>平均成绩</th>
    </tr>
    <tr>
      <td>一班</td>
      <td>30</td>
      <td>89</td>
    </tr>
    <tr>
      <td>二班</td>
      <td>35</td>
      <td>85</td>
    </tr>
  </tbody>
</table>

效果如下表

2012年到2013年库存记录
班级	学生数	平均成绩
一班	30	89
二班	35	85

form表单标签的用法（用户可以输入账号密码）：
<form method="post" action="save.php">（post是传输数据的方式 action是传输目的地）
	<textarea cols="50" rows="10">在这里输入内容...</textarea><!--文本输入框-->
      用户名:
	<input type="text"  name="username" id="username" value="" />
     密码:
	<input type="password"  name="pass" id="pass" value="" /><!--密码输入-->   
	<input type="submit" value="确定"  name="submit" /><!--点击按钮，确认发送内容给后台-->
	<input type="reset" value="重置" name="reset" /><!--清空所输入内容-->
      多选框：    
	<input type="checkbox" value="1"  name="gender" /> 
	<input type="checkbox" value="2"  name="gender" />
      单选框：    
	<input type="radio" value="1"  name="gender" /> 
	<input type="radio" value="2"  name="gender" />
</form>

head标签：

<title>浏览器网页的标签</title>
<link href="base.css" rel="stylesheet" type="text/css" />
<!--链接外部CSS文件，rel与type内容不可更改-->

猜你喜欢