原文：http://www.cnblogs.com/hegui/p/7680173.html
一、现在我们在网站设计（三）的基础上，来编写about.html页面。这个页面要用到的知识点是利用JavaScript和DOM实现选择性地显示和隐藏某些DIVabout.html页面在前面我们为了看导航栏菜单项高亮显示时，已经写了部分内容，只是那时写的代码没有实现div显示和隐藏，现在就在之前编写的基础上，为页面添加显示和隐藏div的效果。没有写JavaScript之前看到的效果：实现后的效果图：这个就是我们现在要做的效果。1、背景：我们在about.htm...
做移动端有一段时间，今天有同事问了我 article 和 section 标签的使用，模模糊糊的解释了下，他似懂非懂，有点小尴尬。忽然间觉得自己有必要再翻翻书籍，重温下 html5 的新元素。今天先介绍下 html5 新增的结构元素，有的经常使用到，有的用不上，虽然说它们的出现是更促进页面更有语义，更好的 seo，但其实当页面禁用样式后，它们的展现跟 div 是没撒差别，有同学可能会说，既然一样，又不影响页面的最终展现，不管是 article...
转自https://www.w3school.com.cn/html/html_css.aspHTML CSS HTML 注释HTML 链接通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。 实例 HTML中的样式本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。没有下划线的链接本例演示如何使用样式属性做一个没有下划线的链接。链接到一个外部样式表本例演示如何 <link> 标签链接到一个外部样式表。如何使用样式 当浏览器读到一个样式...
1<div style="width: 500px; height: 500px; border: 1px solid red; text-align: center;">2<h1>无敌小昆虫</h1>3 无敌小昆虫 4</div>原文：http://www.cnblogs.com/xuqiulin/p/4588995.html
首先，写两个class属性body {margin: 0;padding: 0;height: 100%;width: 100%;background-image: url(../Content/Images/background.jpg);background-repeat: no-repeat;background-size: cover; }.login {height: 300px;width: 400px;border: 1px solid #f00;position: absolute;left: 50%;top: 50%;margin: -150px 0 0 -200px; } 上面body设置了背景图，长跟宽百分比为100%，背景图不重复，大小为覆盖整个浏览器。 login样式是登...
可以链接不同源的资源的html元素（能实现跨域）：img、script、css、video、audio、object、embed、applet、@font-face、frame、iframe等。 (1)<img src=""></img>(2)<script src=""></script>标签嵌入跨域脚本。语法错误信息只能在同源脚本中捕捉到。jsonp也用到了。(3) <link src="">标签嵌入CSS。由于CSS的松散的语法规则，CSS的跨域需要一个设置正确的Content-Type消息头。不同浏览器有不同的限制： IE, Firefox, Chrome, Safa...
总是遇到h5新标签的笔试题目，就查阅了资料来总结一下：1.form相关：（1）form属性：在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。（2）formaction属性：HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。<input formaction="new.html" type="submit" value="提交到new.html">（3）formmethod属性：用法同formaction...
html元素<p></p> ：段落标记，会自动换行，常用于文本内容 例：<p>这是一个段落</p> 650) this.width=650;" src="/e/u261/themes/default/images/spacer.gif" width="142" /><h1> ~ <h6> ：标题标记，会自动换行，字体由大到小 例：<h1>这是h1</h1> <h2>这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5> <h6>这...
经过上一节学习，我们已经建立一个结构良好的页面，如果在旧版的 IE 浏览器中浏览可能这些语义元素无法显示。毕竟这些语义元素什么也不做，要支持它们，只要让浏览器把它们当做普通的 <div> 元素就行了。为此我们要做的就是为它们添加点样式规则。之后就可以得到超级可靠的语义元素了，即使使用10年前的浏览器也可以正常浏览。为语义元素添加样式浏览器遇到不认识的元素时，会把它们当做内联（inline）元素。大多数 HTML5 语义元素...
用div,form制作登录页面，尽可能做得漂亮。练习使用下拉列表选择框，无序列表，有序列表，定义列表。观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>管理信息系统</title> </head> <body> <h1>欢迎访问！</h1> <h3>GZCC</h3> <P>跳转链接</P><a href="http://www.gzcc.cn/">广州商学院<br><img src="http://www.gzcc.cn/2016/images/ba...
HTML标签开始标签(opening tag):开放标签结束标签(closing tag):闭合标签元素定义：HTML元素指的是从开始标签到结束标签的代码（元素以开始标签为起始以借宿标签终止）元素的内容：元素的内容指的是开始标签与结束标签之间的内容元素的特点：1，大多数HTML元素可嵌套（可以包括其他的HTML元素）2，HTML文档有嵌套的HTML元素构成3，不要忘记结束标签，未来的HTML版本不允许省略结束标签4，空的html元素5，没有内容的html元素被称为元...
元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。元素分类方式HTML 可以将元素分类方式分为行内元素、块状元素和行内块状元素三种，这三者可以通过设置display属性值实现相互转化。实现如下#转换为行内元素 display:inline;#转换为块状元素 display:block;#转换为行内块状元素 display:inline-block;元素特点行内元素不会自动换行设置宽高无效设置margin上下方向无效，左右方向有效设置padding上下左...
<input type="file" id="aaa"> <input type="button" value="button" onclick="aaa.click()"> 点击第二个 input 为什么使用 aaa.click 可以触发第一个 input 的对话框？ 是什么特殊的语法？答： 如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名. 如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, ifram...
如图片：<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>可拖拽的元素组件</title><style>#d1 {width:800px; height:100px; border:1px solid #ddd; background:#eee; margin:5px;}#d2 {width:800px; height:100px; border:1px solid #ddd; background:#eee; margin:5px;}</style> </head> <body><div id="d1"><img id="myimg" src="https://www.baidu.com/img/baidu_jg...