HTML基础

hr标签(单标签)：水平线/ 分割线(单标签)

属性

size 水平线的粗细，通常以像素为单位

width 宽度

align 分割线水平对齐方式

color 颜色

sup标签：上标( superscript )

sub标签：下标(subscript)

常见转义字符

空格

<

<

>

>

版权标识

©

img标签(单标签, 且为行内元素)

属性

src 路径

alt 提示：

鼠标移入时显示文本

图像不显示时显示文本

a标签

属性

href 链接url

target 指定打开新网页的方式

_blank 浏览器空白页打开

_self 加载覆盖当前页面

name 定义锚点名称

使用场景

页面间跳转

<a href="页面路径">文本 or 图像</a>

页面上的文档(资源)下载

<a href="指定资源路径">文本 or 图像</a>

资源路径：非html, htm, txt的资源

<a href="xxx.rar">下载</a>

返回页面顶部的空链接

<a href="#">返回顶部</a>

开发，测试阶段使用

电子邮件链接

<a href="mailto:xxx@qq.com">联系我们</a>

打开邮件本机客户端，向指定地址发送email邮件

链接到Javascript

<a href="javascript:javascript代码段落"></a>

锚点使用

定义锚点

<a name="anchorName"></a>

链接到锚点

<a href="#anchorName">文本 or 图像</a>

<a href="url#anchorName">文本 or 图像</a>

table 元素属性

cellpadding 单元格内边距

cellspacing 单元格外边距

td 元素属性

colspan 单元格跨列

rowspan 单元格跨行

ol 元素属性

type 列表类型

1 数字(默认值)

a 小写字母

A 大写字母

i 小写罗马字母

I 大写罗马字母

ul 元素属性

type 列表类型

disc 实心圆(默认)

circle 空心圆

square 实心矩形

dl 元素

用法

<dl>

<dt></dt>

<dd></dd>

</dl>

使用场合

做图文混排的布局

h5结构标记

<header></header>

用作网页头部

<nav></nav>

用作定义网页导航

<section></section>

用作标识网页中某一具体部分

<article></article>

用作定义文章

<footer></footer>

用作定义网页底部信息

<aside></aside>

用作定义侧边栏

form 元素属性

enctype 表单数据的编码方式

application/x-www-form-urlencoded 默认，可以将正常字符、特殊字符提交给服务器(不支持文件上传)

text/plain 可以将正常字符提交给服务器

multipart/form-data 如果上传文件，必须使用该值

input(单标签)

disabled 禁用控件

当type=”text/password”时，有如下属性

maxlength 限制输入的字符数

readonly 设置控件为只读

当type=”file”

如果有文件上传，必须将表单中的enctype更改为multipart/form-data,同时method必须为post

当type=”hidden”，称为隐藏域

隐藏域在页面中是看不到的，一般会配合后台开发一起使用，从来不单独使用

select 下拉框

size 指定显示的option数量

multiple 设置多选

textarea 文本域

col 指定文本域的列数

rows 指定文本域的行数，如果输入超过行数，将出现滚动条

fieldset 分组元素

<fieldset>

<legend>定义组标题</legend>

显示内容

</fieldset>