HTML总结
一.HTML简介
1. HTML:Hypertext Markup Language
2. 常用浏览器:IE,FF,Chrome等
3. 静态页面与动态页面:静态页面指html,htm格式的网页,动态页面是指aspx,php等格式的网页。
4. HTML基本结构:
<html>
<head>
</head>
<body>
</body>
</html>
二.HTML常用标签
<h1></ha>到<h6></h6> 6种字体大小
<br /> 换行
<center></center> 居中
<b></b><strong></strong> 粗体
<i></i> 斜体
<u></u> 下划线
<sub></sub> 上标
<sup></sup> 下标
<font></font> 设置字体
<hr /> 水平线
<pre></pre> 预格式化
三.HTML编码
以&开头,以;结尾:
空格
< 小于号
> 大于号
& &
® @
四.超链接
1. 用a标签:
<a href=’http://www.baidu.com’>百度</a>
2. 相对url:
/ 网站根目录
../ 父目录
http://www.cnblogs.com/ 父目录的父目录
3. target属性:
target=’_blank’ 在新窗口打开
target=’_self’ 在自己窗口中打开
4. 锚,如“回到顶部”:
1) 在指定位置创建锚:<a name=’here’></a>;
2) 在要跳转的位置创建链接:<a href=’#here’></a>
五.图片
1. 格式:
<img src=’1.jpg’ />
2. 属性:
title 鼠标移上去时显示的文字
alt 当图片没下载完或没找到图片时显示的文字
width,height 图片宽度和高度
border 边框
3. 注意:缩略图不是通过修改图片的大小来设置的,而是真有一张大图所对应的小图。
六.两个单位
px:像素
em:为一个相对长度,指相对当前对象内文字的字体尺寸
七.列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
<li>列表4</li>
</ul>
八.表格
1. 基本格式:
<table>
<caption></caption>
<thead>
<tr>
<th></th>
<tr>
<thead>
<tbody>
<tr>
<td></td>
</tr>
<tbody>
<tfoot>
<tr>
<th></th>
<tr>
</tfoot>
</table>
九.表单
1. 基本格式:
<form action=’xxx.aspx’ method=’post’>
<inputtype=’text’ />
<inputtype=’submit’ value=’OK’>
</form>
2. 可提交表单的几个标签为:input,select,textarea