HTML
超文本标记语言（Hyper Text Markup Language）。
用来描述网页的一种语言。
HTML标签
由尖括号包围的关键词。 如：<html>
通常是成对出现的，开始标签和结束标签。 如：<html>和</html>
HTML文档
用来描述网页。
包含HTML标签和文本。
文档的结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>网页标题</title>
<meta charset="gb2312">
<meta name="keywords" content="关键字">
<meta name="description" content="详细描述">
</head>
<body>
网页内容
</body>
</html>
常用特殊字符
显示 代码
< <
> >
& &
" "
© ©
® ®
× ×
÷ ÷
￥ ¥
§ §
￡ £
￠ ¢
常用HTML标签
| 注释 | <!-- --> | <!--这是一段注释。注释不会在浏览器中显示。--> |
| 定义规范 | <!DOCTYPE> | 三种文档类型：Strict、Transitional 以及 Frameset。 |
| 超链接 | <a> | 外链：<a href="http://www.baidu.com/ " target="_blank" title="点击跳转百度">百度</a> 页内：<a name="a">啊</a> <a href="#a">跳转到啊</a> 邮箱： <a href="mailto:[email protected]">点击发邮件</a> |
| 署名 | <address> | 用来定义署名地址。 |
| 标题 | <hn> | <h1> 定义最大的标题。<h6> 定义最小的标题。 |
| 换行 | <br> | 不产生一个新段落的情况下进行换行,接着上一行换行。 |
| 段落 | <p> | 产生一个新段落，换行空一行。<p align="left center right">左中右对齐</p> |
| 预格式文本 | <pre> | 用于显示预先在源代码中定义好的格式。 |
| 居中对齐 | <center> | 使内容居中对齐。 |
| 水平线 | <hr> | 在 HTML 页面中创建一条水平线。<hr size="5" color="red" width="300" /> size高度 color 颜色 width长度 |
| 文字 | <font> | 用来定义文字字体 样式 大小颜色等。<font size="字号" color="颜色" face="字体"></font> |
| 滚动标签 | <marquee> | direction方向 bihavior方式=scroll（一直滚）slide（一次）alternate（交替式）loop次数 scrollamount速度 |
| 图片 | <img> | 在网页中显示图片。<img src="路径" width="宽度" height高度 alt="提示" align="top bottom left right" vspace="10" hspace="10" /> vspace hspace文字间距 align 与文本对齐方式 |
| 有序列表 | <ol> | 数字/编号 自动排序 type="1 a A i I " <ol><li> |
| 无序列表 | <ul> | 可实心 空心 方形 <ul><li> |
| 文字样式 | b粗体 i斜体 u下划线 code kbdsamp sub sup var acronym abbr dfn bdo |
|
| 表格 | <table> | 定义一个表格 border cellspacing设置内框宽度 cellpadding 文字与边框的距离。 |
| 行 | <tr> | 表格中的行 还可以设置tfoot th tbody thead来分组。 |
| 单元格 | <td> | 表格中的单元格 rowspan合并行 colspan合并列。 |
| 表单 | <form> | method="post get" action="http://www.baidu.com/login.aspx" method提交方式 action提交地址 |
| 文本框 | <input> | type="text" name="name" value="value" size="20" maxlength="20" size长度 maxlength最大长度 |
| 隐藏域 | <input> | type="hidden" name="hidden" value="" |
| 密码框 | <input> | type="password" name="name" value="value" size="20" maxlength="20" |
| 单选按钮 | <input> | type="radio" name="name" value="value" checked="checked" name相同为一组 value区分值 单选 |
| 复选按钮 | <input> | type="checkbox" name="name" value="value" checked="checked" name相同为一组 value区分值 多选 |
| 下拉列表 | <select> | type="checkbox" name="name" size="4" 下面加<option value="值">名</option> 一组选择框 |
| 文本域 | <textarea> | rows="1" cols="10" onpropertychange="this.style.posHeight=this.scrollHeight" |
| 按钮 | <button> | type="button submit reset" name="name" 按钮 submit 提交当前表 reset 重置表单 |
| 框架 | <iframe> | <iframe name = "" src="" width="" allowtransparency="true" scrolling="no" frameborder="0" /> 插入框架 |
| 背景颜色 | Bgcolor | <body bgcolor="#666" /> |
| 背景图片 | BgcGround | <body Background="bg.gif" /> |
常用技巧
| 禁止选取 复制 | <body onselectstart="return false"> |
| 10秒后跳转 | <meta http-equiv="Refresh" content="10;URL=http://www.baidu.com" /> |
| ico图标 | <link rel="Shortcut Icon" href="favicon.ico" > |
| 背景音乐 | <bgsound src="音乐url" loop="-1"> |
| 首页 | |
| 收藏夹 | <a href="Javascript :window.external.addFavorite(‘http://链接‘,‘说明‘);" > 加入收藏夹</a> |
时间： 2024-08-09 19:15:17