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. nginx-rrd监控nginx访问数

    一 .查看已安装的nginx是否包含stub_status模块 /usr/local/nginx/sbin/nginx -V nginx version: Nginx/1.2.0 configure ...

  2. wildfly9 配置SSL单向认证/https

    D:\>keytool -genkey -keystore cdi-init.keystore -alias cdi-init -keyalg RSA -keysize 2048 -validi ...

  3. app图片规格

    我们定义的app图片规格 app图标需要分iphone和android两套 iphone: 名称 Iphone4 Iphone5 手机尺寸 960*640(高*宽) 1136*640 (高*宽) 电池 ...

  4. 如何处理alert、confirm、prompt对话框

    import java.io.File; import org.openqa.selenium.Alert; import org.openqa.selenium.By; import org.ope ...

  5. Linux下安装启动nginx的过程

    1.首先将nginx的安装包传到虚拟机里的/home目录下 2.为了方便nginx运行而不影响linux安全需创建组合用户 groupadd -r nginxuseradd -r -g nginx  ...

  6. [codevs2230]黑白棋子

    题目链接 http://www.luogu.org/problem/show?pid=1259# http://codevs.cn/problem/2230/ 题目描述 有2n个棋子(n≥4)排成一行 ...

  7. 使用 Visual Studio 分析器找出应用程序瓶颈(转)

    使用 Visual Studio 分析器找出应用程序瓶颈 Hari Pulapaka and Boris Vidolov 本文讨论: 以性能瓶颈为目标 应用程序代码分析 比较分析数据 性能报告 本文使 ...

  8. Dynamic Vertex Buffers

    ynamic vertex buffers on the other hand allow us to manipulate the information inside the vertex buf ...

  9. Java笔记(十六)……内部类

    内部类概述 内部类是将一个类定义在另一个类里面,对里面那个类就成为内部类(内部类,嵌套类). 当描述事物时,事物的内部还有事物,该事物用内部类来描述,因为内部事物在使用外部事物的内容 访问特点 内部类 ...

  10. HDOJ-ACM1097(JAVA) A hard puzzle

    这道题就是HDOJ的1061的变形: 1061 :求n的n次方的个位数 http://www.cnblogs.com/xiezie/p/5596779.html 1097 :求n的m次方的个位数 因此 ...