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>

常用特殊字符

显示    代码

<      &lt;

>      &gt;

&      &amp;

"      &quot;

©      &copy;

®      &reg;

×      &times;

÷      &divide;

￥     &yen;

§      &sect;

￡     &pound;

￠     &cent;

       &nbsp;

常用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>

18、HTML的更多相关文章

  1. ABP(现代ASP.NET样板开发框架)系列之18、ABP应用层——权限验证

    点这里进入ABP系列文章总目录 ABP(现代ASP.NET样板开发框架)系列之18.ABP应用层——权限验证 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目 ...

  2. 18、实现strStr()

    18.实现strStr() 实现 strStr() 函数. 给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 ( ...

  3. mysql数据库优化课程---18、mysql服务器优化

    mysql数据库优化课程---18.mysql服务器优化 一.总结 一句话总结: 1.四种字符集问题:字符集都设置为utf-82.slow log慢查询日志问题3.root密码丢失 1.mysql存在 ...

  4. 18、属性赋值-@Value赋值

    18.属性赋值-@Value赋值 18.1 使用@Value赋值三种方式 基本数值 可以写SPEL 表达式,例如: #{} 可以写${} ,取出配置文件中的值(在运行环境变量里面的值) package ...

  5. 石川es6课程---18、ES6 复习

    石川es6课程---18.ES6 复习 一.总结 一句话总结: 无论在讲课和学习中,复习总结都是很重要 二.ES6 复习 变量 let const 声明方式 能否重复声明 作用域 类型 是否支持变量提 ...

  6. php面试专题---18、MySQL查询优化考点

    php面试专题---18.MySQL查询优化考点 一.总结 一句话总结: 慢查询:查找分析查询速度慢的原因 数据访问:优化查询过程中的数据访问 长难句:优化长难的查询语句 特定类型:优化特定类型的查询 ...

  7. [安卓] 18、一个简单的例子做自定义动画按钮和自定义Actionbar

    在做安卓UI的时候有时候需自定义具有动画效果的按钮或需要自定义一下actionbar~ 本节用一个简单的demo讲如何自定义具有动画效果的按钮,以及个性化的actionbar 下面是效果: 其中: △ ...

  8. 18、面向对象基本原则及UML类图简介

    18.1.面向对象基本原则 18.1.1.面向抽象原则 抽象类特点: a.抽象类中可以有abstract方法,也可以有非abstract方法. b.抽象类不能用new运算符创建对象. c.如果一个非抽 ...

  9. 18、docker的持久化存储和数据共享

    18.1 Data Volume Docker持久化数据方案 基于本地文件系统的Volume   可以在执行docker create或者docker run的时候,通过-v参数将主机的目录作为容器的 ...

  10. Python全栈开发之18、cookies、session和ajax等相关知识

    一.cookies 本质为在浏览器端保存的键值对,由服务端写在浏览器端,以后每次请求的时候,浏览器都携带着cookie来访问,cookies的使用之处非常多,比如用户验证,登陆界面,右侧菜单隐藏,控制 ...

随机推荐

  1. 转 Xcode磁盘空间大清理

    http://www.iwangke.me/2013/09/09/clean-xcode-to-free-up-disk-space/#jtss-tsina 我的设备是Macbook Air 13’ ...

  2. CDN原理

    要了解CDN的实现原理,首先让我们来回顾一下网站传统的访问过程,以便理解其与CDN访问方式之间的差别: 由上图可见,传统的网站访问过程为:1. 用户在浏览器中输入要访问的域名:2. 浏览器向域名解析服 ...

  3. OpenXml操作Word的一些操作总结．无word组件生成word.

    OpenXml相对于用MS提供的COM组件来生成WORD,有如下优势: 1.相对于MS 的COM组件,因为版本带来的不兼容问题,及各种会生成WORD半途会崩溃的问题. 2.对比填满一张30多页的WOR ...

  4. linux c/c++ GDB教程详解（转）

    http://www.gnu.org/manual/ http://www.gnu.org/software/gdb/documentation/ http://sourceware.org/gdb/ ...

  5. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面(Ⅴ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 一.在 ...

  6. MySql定位执行效率较低的SQL语句

    MySQL能够记录执行时间超过参数 long_query_time 设置值的SQL语句,默认是不记录的. 获得初始锁定的时间不算作执行时间.mysqld在SQL执行完和所有的锁都被释放后才写入日志.且 ...

  7. hbase单机环境的搭建和完全分布式Hbase集群安装配置

    HBase 是一个开源的非关系(NoSQL)的可伸缩性分布式数据库.它是面向列的,并适合于存储超大型松散数据.HBase适合于实时,随机对Big数据进行读写操作的业务环境. @hbase单机环境的搭建 ...

  8. Phonegap3.4 环境搭建及新建项目

    一.环境准备 1.到这里安装Node.js. 2.到这里下载Adroid ADT Bundle for Windows,下载后解压,我的放在:F:\MobileDev\adt-bundle-windo ...

  9. 改变SQL默认数据库的存储路径

    数据库默认路径保存在注册表里,我们可以通过xp_instance_regwrite来修改注册表,具体可以试试下面的方法: --1.更改資料文件默認存放路經:EXEC xp_instance_regwr ...

  10. Hadoop系列（一）hadoop2.2.0源码编译

    操作系统:Centos 所需条件:能上网 编译所需工具: apache-ant-1.9.2-bin.tar.gz apache-maven-3.0.5-bin.tar.gz findbugs-2.0. ...