文本修饰标签
<b>加粗文本</b>
<s>删除线</s>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>
<font>字体标记</font>
<!-- 不常用属性
size: 文本大小,1-7。
color: 颜色值。
face: 字体。
-->
排版标签
p
<p align="center">段落</p>
不常用属性
- align: 水平对齐方式,取值:left、center、right
hr
<hr size="2px" color="yellow" width="10px" noshade />
不常用属性
- size: 水平线的粗细,单位一般为 px。
- color: 颜色。
- width: 宽度。
- noshade: 去掉水平线的阴影。
字符实体
<: <
>: >
&: &
¥: ¥
×: ×
÷: ÷
列表
ul
<ul type="circle">
<li>无序列表</li>
</ul>
不常用属性
- type: 符号类型,circle、square、disc。
ol
<ol type="a" start="3">
<li>有序列表</li>
</ol>
不常用属性
- type: 编号类型,取值:1、a、A、i、I。
- start: 从第几个开始编号(数字)。
图片标签
img
<img align="right" hspace="10px" vspace="10px" />
不常用属性
- align: 图片的水平对齐方式,取值:left、center、right (Align 属性只能让文本居中,不能让图片单独居中。)
- hspace: 图片与左右文字之间的距离(水平距离)
- vspace: 图片与上下文字之间的距离(垂直距离)
meta 标签
<meta>
的主要作用,是提供网页的元信息。
标记有两个属性:http-equiv 和 name。
http-equiv 属性
功能:模拟 http 协议文件头信息,当信息从服务器端传到客户端时,告诉浏览器如何正确的显示网页内容。 http-equiv 属性一般要与 content 属性配合使用。Content 属性指定信息的详细参数。
- 设置网页的字符集
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- 网页自动刷新
<meta http-equiv="refresh" content="2" /> //每隔2秒钟,自动刷新网页一次
name 属性
name 属性主要用于设置网页的搜索关键字、版权信息、作者等。
table
<table
border="2"
width="300"
height="100"
bordercolor="blue"
bgcolor="#88cc66"
cellspacing="0"
cellpadding="2"
rules="all"
>
<thead>
<tr>
<th>1</th>
<th>2</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody>
</table>
不常用属性
- align:表格水平对齐方式,取值:left、center、right
- border:边框粗细
- bordercolor:边框颜色
- bgColor:表格背景色
- cellpadding:单元格边线到内容间的距离(填充距离)
- cellspacing:单元格与单元格之间的距离(间距)
- rules:合并单元格边框线,取值:all 注意:rules 兼容性不好,请使用 CSS 来取代它。
a
特殊的链接 1)下载链接 什么样的文件会出现下载提示? 反过来说,哪些文件网页可以直接执行?如:.jpg、.png、.gif、.html、.htm、.txt 等。 大部分文件,浏览器是不能直接执行的。如:.doc、.xls、.ppt、.rar、.psd…… 不能直接执行的话就会出现下载框
form
不常用属性
- name: 给表单起个名字。这个名字主要给JavaScript来用。JS主要用来做客户端表单验证。
- enctype:指定表单数据的编码方式(解密方式)。这个属性只能用在 method = “post” 的情况下。
- application/x-www-form-urldecoded //默认的加密方式
- multipart/form-data //如果你上传文件,该值必须它自己。
input
不常用属性
- size: 文本框的长度,以“字符”为单位。
h5布局
<body>
<header>
<nav></nav>
</header>
<section>
<aside></aside>
<article></article>
</section>
<footer></footer>
</body>