18、HTML

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的更多相关文章

ABP(现代ASP.NET样板开发框架)系列之18、ABP应用层——权限验证
点这里进入ABP系列文章总目录 ABP(现代ASP.NET样板开发框架)系列之18.ABP应用层——权限验证 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目 ...
18、实现strStr()
18.实现strStr() 实现 strStr() 函数. 给定一个 haystack 字符串和一个 needle 字符串,在 haystack 字符串中找出 needle 字符串出现的第一个位置 ( ...
mysql数据库优化课程---18、mysql服务器优化
mysql数据库优化课程---18.mysql服务器优化一.总结一句话总结: 1.四种字符集问题:字符集都设置为utf-82.slow log慢查询日志问题3.root密码丢失 1.mysql存在 ...
18、属性赋值-@Value赋值
18.属性赋值-@Value赋值 18.1 使用@Value赋值三种方式基本数值可以写SPEL 表达式,例如: #{} 可以写${} ,取出配置文件中的值(在运行环境变量里面的值) package ...
石川es6课程---18、ES6 复习
石川es6课程---18.ES6 复习一.总结一句话总结: 无论在讲课和学习中,复习总结都是很重要二.ES6 复习变量 let const 声明方式能否重复声明作用域类型是否支持变量提 ...
php面试专题---18、MySQL查询优化考点
php面试专题---18.MySQL查询优化考点一.总结一句话总结: 慢查询:查找分析查询速度慢的原因数据访问:优化查询过程中的数据访问长难句:优化长难的查询语句特定类型:优化特定类型的查询 ...
[安卓] 18、一个简单的例子做自定义动画按钮和自定义Actionbar
在做安卓UI的时候有时候需自定义具有动画效果的按钮或需要自定义一下actionbar~ 本节用一个简单的demo讲如何自定义具有动画效果的按钮,以及个性化的actionbar 下面是效果: 其中: △ ...
18、面向对象基本原则及UML类图简介
18.1.面向对象基本原则 18.1.1.面向抽象原则抽象类特点: a.抽象类中可以有abstract方法,也可以有非abstract方法. b.抽象类不能用new运算符创建对象. c.如果一个非抽 ...
18、docker的持久化存储和数据共享
18.1 Data Volume Docker持久化数据方案基于本地文件系统的Volume 可以在执行docker create或者docker run的时候,通过-v参数将主机的目录作为容器的 ...
Python全栈开发之18、cookies、session和ajax等相关知识
一.cookies 本质为在浏览器端保存的键值对,由服务端写在浏览器端,以后每次请求的时候,浏览器都携带着cookie来访问,cookies的使用之处非常多,比如用户验证,登陆界面,右侧菜单隐藏,控制 ...

随机推荐

jquery easyui treegrid使用小结
在实际应用中可能会碰到不同的需求,比如会根据每行不同的参数或属性设置来设置同列不同的editor类型,这时原有的例子就显的有点太过简单,不能实现我们的需求,现在应用我在项目中的操作为例,显示下实现同列 ...
【转】IOS 怎么获取外设的广播数据AdvData
原文网址:http://www.deyisupport.com/question_answer/wireless_connectivity/bluetooth/f/103/t/73443.aspx N ...
Implementing Remote Validation in MVC
Using Validation Code Step 1: Create model for Catalog table and apply the the remote validation for ...
如何解决CHM打开乱码的问题
1. 问题经常碰到一些 CHM 格式的帮助文档出现乱码无法阅读的情况,而且 CHM 文档不像浏览器一样,右键可以选择字符编码,非常不便.究其原因,主要就是 CHM 文档在页面中没有指定合适的字符编码 ...
Linux串口调试
shell方式 1.使用minicon -s配置串口并保存: 2.使用setserial /dev/ttyUSB0 -a等查看串口配置: 3.接收侧cat /dev/ttyUSB0等待串口输出: 4. ...
POJ-1981 Circle and Points 单位圆覆盖
题目链接:http://poj.org/problem?id=1981 容易想到直接枚举两个点,然后确定一个圆来枚举,算法复杂度O(n^3). 这题还有O(n^2*lg n)的算法.将每个点扩展为单位 ...
poj1515--Street Directions（边的双连通）
给一个无向图,要求变成强连通的有向图,需要保留哪些边. 边的双连通,对于桥保留两条边,其他的只保留一条边.求双连通的过程中记录保留边. /******************************* ...
What does enumerable mean?
I was directed to MDN's for..in page when it said, "for..in Iterates over the enumerable proper ...
来自奢侈品行业的CEO能给苹果带来什么？
重回苹果的奢侈品大佬:保罗丹诺威作为伊夫·圣罗兰(Saint Laurent)时尚集团的前CEO,保罗丹诺威(Paul Deneve)9月将正式加入苹果公司,并负责该公司所谓的“特殊项目”,同时直接 ...
[五]JFreeChart实践四之直线图
重点: 1.时间序列集合作为dataset,一个时间序列为一条折线 2.时间序列可以是月:年,小时:天 3.准备好时间序列要放入时间序列集合中 4.将时间序列集合作为dataset传入ChartFac ...

18、HTML

常用技巧

18、HTML的更多相关文章

随机推荐

热门专题