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>
常用特殊字符
显示 代码
< <
> >
& &
" "
© ©
® ®
× ×
÷ ÷
¥ ¥
§ §
£ £
¢ ¢
常用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下划线 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> |
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的使用之处非常多,比如用户验证,登陆界面,右侧菜单隐藏,控制 ...
随机推荐
- cgi ISAP sapi等
1.CGI和FastCGI是apache处理php脚本的其中两种工作模式,还有ISAPI,SAPI等 2.而php-fpm并不是一种工作模式,而是一个PHP在FastCGI模式运行下的进程管理器,全称 ...
- POJ 1321 棋盘问题(DFS & 状压DP)
用DFS写当然很简单了,8!的复杂度,16MS搞定. 在Discuss里看到有同学用状态压缩DP来写,就学习了一下,果然很精妙呀. 状态转移分两种,当前行不加棋子,和加棋子.dp[i][j]中,i代表 ...
- 白书P60 - 硬币问题
白书P60 - 硬币问题 完全背包.DP #include <iostream> #include <cstdio> #include <cstring> usin ...
- 延期(deferred)的承诺(promise) — jq异步编程浅析
引子 相信各位developers对js中的异步概念不会陌生,异步操作后的逻辑由回调函数来执行,回调函数(callback function)顾名思义就是“回头调用的函数”,函数体事先已定义好,在未来 ...
- 谈谈分布式事务之三: System.Transactions事务详解[上篇]
在.NET 1.x中,我们基本是通过ADO.NET实现对不同数据库访问的事务..NET 2.0为了带来了全新的事务编程模式,由于所有事务组件或者类型均定义在System.Transactions程序集 ...
- 搭建Windows Azure开发环境-环境搭建
虚拟机中运行 练习1:使用远程桌面连接到虚拟机 在本节中,你会登录到Windows Azure的门户网站,并使用Windows Azure库创建的Azure虚拟机. 任务1 -配置的Visual St ...
- Git 钩子
1. 概念概述 1.1. 安装钩子 1.2. 脚本语言 1.3. 钩子的作用域 2. 本地钩子 2.1. 预提交钩子 Pre-Commit 2.2. 准备提交信息钩子 Prepare Commit M ...
- 运算符优先级 (Transact-SQL)
当一个复杂的表达式有多个运算符时,运算符优先级决定执行运算的先后次序. 执行的顺序可能严重地影响所得到的值. 运算符的优先级别如下表中所示. 在较低级别的运算符之前先对较高级别的运算符进行求值.
- POJ1423 - Big Number(Stirling公式)
题目大意 求N!有多少位 题解 用公式直接秒杀... 代码: #include<iostream> #include<cmath> using namespace std; # ...
- puppet yum仓库
http://tmz.fedorapeople.org/repo/puppet/epel/5/x86_64/ [epel-puppet] name=epel puppet baseurl=http:/ ...