HTML 文档是由 HTML 元素定义的。HTML 元素HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。开始标签元素内容结束标签<p>This is a paragraph</p><a href="default.htm" >This is a link</a><br /> 注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 ...
1.URL 1.URL的作用 用于来表示任意一个资源的位置(互联网上)。 协议+主机名+文件目录结构+文件名称 2.详解 格式: <scheme>://<user>:<pwd>@<host>:<port>/<path>:<params>?<query>#<frag> scheme:方案,协议,以哪种方式到服务器获取资源,协议不区分大小写,常用协议:http,https,ftp user:用户名 pwd:密码 host:主机名 localhost port:端口 path:路径,资源在服务器上具体...
方式一:var link1 = $(‘<a>‘,{text:"baidu",href:"http://www.baidu.com",target:"_blank",title:"goto baidu"
});link1.appendTo(‘body‘);
方式二:var link2 = $(‘<a>baidu</a>‘).attr({href:"http://www.baidu.com",target:"_blank",title:"goto baidu"
});link2.appendTo(‘body‘);
原文:https://www.cnblogs.com/JianXin1994/p/11618036.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Mis问答平台</title></head><body><h1>mis问答系统</h1><h2>2015</h2><div id="container" style="width: 300px"><div id="header" style="background-color: darkorange"><h2 align="center">登陆界面</h2></div><div id="content"><form>
用户名:<input type="text" placeholder="请输入账号"><br>密码 :<input type="password" placeholder="请输入密...
<canvas> 新元素 ' ref='nofollow'> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API 新多媒体元素' ref='nofollow'>定义音频内容' ref='nofollow'>定义视频(video 或者 movie)' ref='nofollow'>定义多媒体资源 <video> 和 <audio>' ref='nofollow'>定义嵌入的内容,比如插件。' ref='nofollow'>为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。 新表单元素' ref='nofollow'> 定义选项列表。...
div#div1>ol>li.id*4 tab键
<div id="div1"><ol><li id="id"></li><li id="id"></li><li id="id"></li><li id="id"></li></ol></div>div.main>ul>li.c*4 tab键
<div class="main"><ul><li class="c"></li><li class="c"></li><li class="c"></li><li class="c"></li></ul></div> 原文:https://www.cnblogs.com/icemonkey/p/10495079.html
块在块中垂直居中(position:absolute; top:50%; margin-top:-二分之一高度)块在块中水平居中(子元素设置margin:0 auto 或auto)用方法1将垂直水平同时居中
#box { width: 100px; height: 80px; background-color: gray; position:absolute; top:50%; left:50%; margin-top:-40px;<!--向上高度一半--> margin-left:-50px;<!--向左宽度一半-->}原文:http://www.cnblogs.com/sweetXiaoma/p/5860439.html
<article>标签定义外部的内容(结构元素)<section>标签定义文档中的节(section,区段)。比如章节,页眉,页脚或文档中的其他部分(结构元素)<nav>引导和导航内容链接<aside>定义页面内容之外的内容。 aside的内容与article的内容相关。(结构元素)<meter>定义预定义范围内的度量。仅用于已知最大和最小值的度量(内联元素)<progress>定义任何类型的任务的进度。可以使用<progress>标签来显示javascript中耗费时间的函数的进度...
事件触发模型简要说明onclick鼠标单击链接ondbclick鼠标双击链接onmousedown鼠标在链接的位置按下onmmouseout鼠标移出链接所在的位置onmouseover鼠标经过链接所在的位置onmouseup鼠标在链接的位置放开onkeydown键被按下onkeypress按下并放开该键onkeyup键被松开onblur失去焦点onfocus获得焦点onchange文本内容改变原文:http://www.cnblogs.com/mianfen/p/5617950.html
<mark>、<figure>、<figcaption>、<details>、<summary>、</progress>、<ol>(新增属性)<!DOCTYPE html><html><head><meta charset="utf-8"><title>页面增强元素</title></head><body><!--mark元素,高亮或标记--><p>纪念中国人民<mark>抗日</mark>战争暨世界反法西斯战争胜利70周年阅兵式(简称9·3阅兵,或者抗战胜利日大阅兵),是中国政府为纪念中国人民抗日战争暨世界反法西斯战争胜利70周年而开展的众多纪念活动中的一项活动。...
情况一:宽高都写在样式表里,即外部样式或嵌入式样式,比如#div1{width:120px;}。这种情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。情况二:宽和高是写在行内中,即内联式样式,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的...
段落相关标签<p><br><hr>格式化相关标签<small><sub><sup><pre>列表相关标签<ol><ul><li>图片相关标签<img>超链相关标签<a>本章重点:段落相关标签,超链标签本章难点:超链相关标签<a>一、 段落相关标签标题元素: 标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素,<h6>定义了最小的。 <h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a he...
HTML5之前,要实现网页元素的拖动操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5 中引入了直接支持拖动操作的API,大大简化了网页元素的拖动操作编程难度,并且这些API除了支持浏览器内部元素的拖动外,同时支持浏览器和其它应用程序之间的数据互相拖动。
本文通过一个简单示例,演示HTML5中拖动API的使用方法。场景:
如下图所示,我们要实现:
通过拖动将照片从左侧“相册”区域拖拽到右侧“...
meta元素有两种用途。 用途1:向浏览器传递网页的一些信息,浏览器根据这些信息规定的方式解析和显示网页。或者说,meta元素规定了浏览器解析和显示网页的方式。 用途2:向搜索引擎传递网页的一些信息,引导搜索引擎工作。 具体如下所述。 1 meta元素的类型和用途 meta元素有三种基本类型。 meta元素类型用途用户charset说明页面文件的字符编码浏览器http-equiv说明处理和显示页面的方式浏览器name说明页面的基本情况搜索引擎 2 ...
DOM :文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。getElementsByName()方法 :返回带有指定名称的节点对象的集合。语法 : document.getElementsByName(name)与getElementById() 方法不同的是,通过元素的 name 属性查询元素,而不是通过 id 属性。
注意: 1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回...