HTML
-
概念
超文本标记语言（英语：HyperText MarkupLanguage，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。
-
HTML组成
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
- 常用标签
1.png
- 图片标签
<img src="img/hero.png" />
<img src="img/hero.png" alt="Big Boat"/>
<img src="img/hero.png" width="100" height="100"/>
- 列表
有序列表
<ol type=“1,a,A,i,I” start=“3”>
<li>a</li>
<li>b</li>
</ol>
无序列表
<ul type=“disk,circle,square”>
<li>a</li>
<li>b</li>
</ul>
- 超链接和锚标记
超链接
<a href=“www.kaishengit.com”>官方网站</a>
电子邮件链接
• <a href=“mailto:tom@Google.com”>给我发邮件</a>
锚标记
• 定义锚标记
<a name=“news”>下面都是新闻</a>
• 使用锚标记
<a href=“#news”>新闻</a>
HTML中的特殊字符
| 特殊字符 | 转义码 |
|---|---|
| 空格 |   |
| < | < |
| > | > |
| ¥ | ¥ |
| “ | " |
| © | © |
| ® | ® |
| ± | ± |
| ‰ | &permil |
| ÷ | ÷ |
meta标签
网页描述（网页未打开之前看到的对网页的描述部分）
<meta name=“description”content=“描述内容">
关键字（网站关键字）
<meta name=“keywords”content=“ 关键字">
table 表格
<table bgcolor="#000" border="0"width="500" cellspacing="1">
<caption>学生统计表</caption>
<thead>
<tr bgcolor="#fff">
<th>姓名</th>
<th>年龄</th>
<th>地址</th>
</tr>
<tbody>
<tr bgcolor="#fff">
<td>tom</td>
<td>22</td>
<td>北京</td>
</tr>
<tr bgcolor="#fff">
<td>jock</td>
<td>23</td>
<td>上海</td>
</tr>
</tbody>
</thead>
</table>
from
<form action=“表单提交地址” method=“表单提交方式”>
……
</form>
action（表单提交地址）：处理该表单的服务器程序的URL地址
method（表单提交方式）：有post和get两种提交方式
表单控件
文本框
<input type="text" name="userName" size="40" value="初始化值"/>
密码框
<input type=“password" name=“pwd" size="40" value="初始化值"/>
单选按钮
<input type=“radio” value=“男” name=“sex” checked=“checked”/>男
多选按钮
<input type=“checkbox” value=“体育” checked=“checked” name=“fav”/>体育
下拉框
<select name=“指定列表名称” size=“行数”>
<option value=“可选项的值” selected=“selected”>…</option>
<option value=“可选项的值”> …</option>
</select>
按钮
<input type=“reset” value=“重置”/>
<input type=“submit” value=“提交”/>
<input type=“button” value=“点击我”/>
文本域
<textarea name="textarea" cols="40" rows="6“>文本框中的内容</textarea>
网友评论