您的位置：首页 > Web前端 > HTML

18、HTML

2015-08-20 17:40 477 查看
[b]HTML[/b]

超文本标记语言（Hyper Text Markup Language）。

用来描述网页的一种语言。

[b]HTML标签
[/b]

由尖括号包围的关键词。 如：<html>

通常是成对出现的，开始标签和结束标签。 如：<html>和</html>

[b]HTML文档
[/b]

用来描述网页。

包含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:853020304@qq.com">点击发邮件</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下划线 del删除线 span em strong cite 
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="#"
onclick=this.style.behavior='url(#default#homepage)';
this.setHomePage('http://链接'); >设为首页</a>
收藏夹 
<a href="Javascript :window.external.addFavorite('http://链接','说明');" > 加入收藏夹</a>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航