![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
一滴墨
这个作者很懒,什么都没留下…
展开
-
HTML 框架
框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 使用框架的坏处: 1. 开发人员必须同时跟踪更多的HTML文档 2. 很难打印整张页面框架结构标签(<frameset>)框架结构标签()定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定原创 2016-10-22 11:44:48 · 436 阅读 · 0 评论 -
HTML文档结构
所有的网页文件,通常抽四对标记来构成,文档的骨架<html> <head> <title> </title> </head> <body> </body></html><html>...</html>标识网页文件的开始与结束,所有的html元素都要放在这对标记中<head>...</head>标识网页文件的头部信原创 2016-10-21 21:45:45 · 209 阅读 · 0 评论 -
meta标记用于定义文件信息
meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放置于<head></head>之间设置关键字: <meta name= “keywords” content =”value”>多个关键字内容之间用”,”分割设置描述: <meta name = “description” content =”value”> 设置作者: <meta name = “autor原创 2016-10-21 21:47:33 · 608 阅读 · 0 评论 -
HTML 响应式 Web 设计
效果: 拉伸: 缩小: 代码:<!DOCTYPE html><html lang="en-US"><head> <meta charset="UTF-8"> <style> .city { float: left; margin: 5px; p原创 2016-10-22 11:13:54 · 751 阅读 · 0 评论 -
使用 Bootstrap 另一个创建响应式设计的方法,是使用现成的 CSS 框架。
效果拉伸 缩小 代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bo原创 2016-10-22 11:16:48 · 660 阅读 · 0 评论 -
HTML5 新元素
新的语义/结构元素 HTML5 提供的新元素可以构建更好的文档结构:标签 描述<article> 定义文档内的文章。<aside> 定义页面内容之外的内容。<bdi> 定义与其他文本不同的文本方向。<details> 定义用户可查看或隐藏的额外细节。<dialog> 定义对话框或窗口。<figcaption> 定义 <figure> 元素的标题。<figur原创 2016-10-23 12:35:37 · 400 阅读 · 0 评论 -
HTML 音频
使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。 插件有很多用途:播放音乐、显示地图、验证银行账号,控制输入等等。 可使用 <object> 或 <embed> 标签来将插件添加到 HTML 页面。 这些标签定义资源(通常非 HTML 资源)的容器,根据类型,它们即会由浏览器显示,也会由外部插件显示。使用 元素<embed> 标签定义外部(非 HTML)内容的容器。(这是一个 H原创 2016-10-23 12:39:58 · 333 阅读 · 0 评论 -
HTML 视频
最好的 HTML 解决方法HTML 5 + <object> + <embed><video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="m原创 2016-10-23 12:41:29 · 326 阅读 · 0 评论 -
CSS3 文本效果
CSS3 文本效果CSS3 包含多个新的文本特性。 在本章中,您将学到如下文本属性: text-shadow word-wrapCSS3 文本阴影在 CSS3 中,text-shadow 可向文本应用阴影。您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色: 实例 向标题添加阴影:h1{text-shadow: 5px 5px 5px #FF0000;}CSS3 自动换行单词太长原创 2016-10-23 12:46:06 · 243 阅读 · 0 评论 -
CSS3 边框
CSS3 边框通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 border-radius box-shadow border-imageCSS3 圆角边框在 CSS2 中添加圆角矩形需要技巧。我们必须为每个圆角使用不同的图片。 在 CSS3 中,创建圆角是非常容易的。 在 CSS3 中,border-radius 属性用于创建圆角:![这里写图片描述](http:/原创 2016-10-23 12:48:14 · 202 阅读 · 0 评论 -
CSS3 过渡
CSS3 过渡通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。应用于宽度属性的过渡效果,时长为 2 秒:div{transition: width 2s;-moz-transition: width 2s; /* Firefox 4 */-webkit-transition: width 2s; /原创 2016-10-23 12:49:56 · 207 阅读 · 0 评论 -
CSS3 2D 转换
2D 转换translate() rotate() scale() skew() matrix()translate() 方法 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数: 实例div{transform: translate(50px,100px);-ms-transform: translate(原创 2016-10-23 12:54:32 · 335 阅读 · 0 评论 -
HTML标记语法
1:双标记:<开始标记>内容<结束标记> 2:单标记:<标记> 3:标记的属性:<标记 属性1 = 参数1 属性2=参数2>内容<标记> 说明: (1)标记与属性、属性之间以空格分割 (2)属性不区分先后顺序,并且属性不是必须的 重点强调: 虽然在HTML中标记不区别大小写、但在XHTML中所有的标记都必需要小写,建议所有标记都小写。原创 2016-10-21 21:43:51 · 414 阅读 · 0 评论 -
HTML 背景
背景(Backgrounds)<body> 拥有两个配置背景的标签。背景可以是颜色或者图像。 背景颜色(Bgcolor) 背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。<body bgcolor="#000000"><body bgcolor="rgb(0,0,0)"><body bgcolor="black">以上的代码均将背景颜色设置为黑色。背景(Back原创 2016-10-22 11:48:16 · 360 阅读 · 0 评论 -
HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。HTML script 元素<script> 标签用于定义客户端脚本,比如 JavaScript。 script 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。<script type="text原创 2016-10-22 11:52:49 · 302 阅读 · 0 评论 -
HTML 字符实体
HTML 中有用的字符实体注释:实体名称对大小写敏感!显示结果 描述 实体名称 实体编号 空格 < 小于号 < <> 大于号 > >& 和号 & &" 引号 " "' 撇号 ' (IE不支持) '¢ 分原创 2016-10-22 11:55:32 · 407 阅读 · 0 评论 -
HTML 统一资源定位器
URL 也被称为网址。URL 可以由单词组成,比如 “w3school.com.cn”,或者是因特网协议(IP)地址:192.168.1.253。大多数人在网上冲浪时,会键入网址的域名,因为名称比数字容易记忆。URL - Uniform Resource Locator当您点击 HTML 页面中的某个链接时,对应的 标签指向万维网上的一个地址。 统一资源定位器(URL)用于定位万维网上的文档(或原创 2016-10-22 11:58:17 · 426 阅读 · 0 评论 -
HTML 颜色
颜色由红色、绿色、蓝色混合而成。颜色值 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。 每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。这个表格给出了由三种颜色混合而成的具体效果: 颜色名大多数的浏览器都支持颜色名集合。 提示:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blu原创 2016-10-22 12:03:53 · 288 阅读 · 0 评论 -
HTML 文档类型
<!DOCTYPE> 声明帮助浏览器正确地显示网页。 声明 Web 世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。 HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地显示出 HTML 页面。这就是 的用处。 不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。 提示:W3Schoo原创 2016-10-22 12:07:41 · 316 阅读 · 0 评论 -
XHTML 简介
XHTML 是以 XML 格式编写的 HTML。什么是 XHTML?XHTML 指的是可扩展超文本标记语言 XHTML 与 HTML 4.01 几乎是相同的 XHTML 是更严格更纯净的 HTML 版本 XHTML 是以 XML 应用的方式定义的 HTML XHTML 是 2001 年 1 月发布的 W3C 推荐标准 XHTML 得到所有主流浏览器的支持文档结构XHTML DOCTYPE原创 2016-10-22 12:18:24 · 759 阅读 · 0 评论 -
HTML 表单
HTML 表单用于搜集不同类型的用户输入。 元素 HTML 表单用于收集用户输入。 元素定义 HTML 表单:<form>form elements</form>HTML 表单包含表单元素。表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 元素 元素是最重要的表单元素。 元素有很多形态,根据不同的 type 属性。类型 描述text 定义常原创 2016-10-22 12:36:41 · 295 阅读 · 0 评论 -
HTML 表单元素
元素(下拉列表) 代码<!DOCTYPE html><html><body><form action="action_page.php"><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option原创 2016-10-22 12:46:59 · 266 阅读 · 0 评论 -
HTML Input 属性
value 属性 value 属性规定输入字段的初始值:<form action=""> First name:<br><input type="text" name="firstname" value="John"><br> Last name:<br><input type="text" name="lastname"></form> readonly 属性 readonly 属原创 2016-10-22 13:27:30 · 1037 阅读 · 0 评论 -
HTML5 浏览器支持
HTML5 浏览器支持所有现代浏览器都支持 HTML5。 此外,所有浏览器,不论新旧,都会自动把未识别元素当做行内元素来处理。 正因如此,您可以帮助老式浏览器处理”未知的“ HTML 元素。 注释:您甚至可以教授石器时代的 IE6 如何处理未知的 HTML 元素。把 HTML5 元素定义为块级元素HTML5 定义了八个新的语义 HTML 元素。所有都是块级元素。 您可以把 CSS displ原创 2016-10-22 13:32:07 · 359 阅读 · 0 评论 -
CSS3 3D 转换
3D 转换CSS3 允许您使用 3D 转换来对元素进行格式化。 3D 转换方法: rotateX() rotateY()rotateX() 方法 通过 rotateX() 方法,元素围绕其 X 轴以给定的度数进行旋转。 实例 div{transform: rotateX(120deg);-webkit-transform: rotateX(120deg); /* Safari 和 C原创 2016-10-23 12:57:14 · 367 阅读 · 0 评论