一.HTML基础
当网页出现中文乱码时,可以在<head>标签之间添加<meta http-equiv="Content" context="text/html; charset=utf-8" />便可解决乱码.
文字和段落标签:
标题标签: <h1></h1>~<h6></h6>
段落标签:<p></p> align 对齐属性
换行标签: <br/>
水平线: <hr/>
文字斜体:
<i></i> <em></em>
加粗:
<b></b> <strong></strong>
上标:
<sup></sup>
下标:
<sub></sub>
插入内容:
<ins></ins>
删除内容:
<del></del>
特殊符号:
列表标签:
无序列表:
<ul>
<li>列表项</li>
<li>列表项</li>
...
</ul>
无序列表属性值:
有序列表:
<ol>
<li>列表项</li>
...
</ol>
有序列表属性值:
用法:<li type="a"></li>
列表项:
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
...
</dl>
示例:
图像标签:
<img src="" alt="" .../>
img的属性:
其中height和width可以使用像素px指定 也可以通过百分比%指定,一般更推荐后者,可以更好适配.
超链接:
<a href="">内容</a>
超链接的属性:
锚的定义:
同一页面:
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="" name="锚名1">内容</a>
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
<a href="" name="锚名2">内容</a>
xxxxxxxxxxxxxx
xxxxxxxxxxxxxx
不同页面:
<a href="网页名称#锚名">...</a>
邮件链接:
<a href="maileto:邮件地址">...</a>
二.表格
基本格式:
<table>
<tr>
<td></td>
<td></td>
...
</tr>
</table>
其中<tr>代表行,<td>代表列,可以有多行多列,默认不带边框,如果需要加边框可以在<table>中指明border=数字 ,数字越大边框线越粗.
在实际开发中,由于表格是整个表格都加载完成后才渲染,这样如果表比较大的话加载速度会比较慢,影响用户体验,为了解决这个问题,需要引入:表头,主题,脚注三个部分.
通过表格的属性来实现下表格式:
属性:
cellspacing="数字",表示表格边框间隙的值,当为0时显示效果就如上图.
align="center" 表示垂直水平居中
bgcolor="" 指明背景颜色
rowspan="数字" 表明跨行值,比如像:城市
colspan="数字" 表明跨列值,比如像:2014
表格嵌套:
上面的表格实现除了通过跨行跨列方式还可以通过表格嵌套来实现,表格嵌套的格式如下:
<table>
<tr>
<td>
<table>
...
</table>
</td>
</tr>
</table>
嵌套的表格只能放在<td>标签内.
三.表单
<form>
表单元素
</form>
<input>标签:
格式:<input type="" .../>单标签.
图像域:
功能跟button一样,但可以更好看.
表单标签:
下拉菜单和列表标签:
文本域标签:
<textarea>...</textarea>
文本域标签的属性:
网友评论