html

一、W3C
万维网联盟(World Wide Web Consortium,W3C),又称W3C理事会,是全球资讯网的主要国际标准组织
http://www.w3school.com.cn/w3c/w3c_intro.asp

二、MDN
MDN(Mozilla Developer Network )是一个 wiki,即意味着任何人都可以向其添加和编辑内容。是一个汇集众多Mozilla基金会产品和网络技术开发文档的免费网站
https://developer.mozilla.org/zh-CN/

三、HTML常用标签
1、<a>:
(1)链接到外部地址:< a href=”http://www.mozilla.com/" >
(2)链接到本页的某个部分:
<a href=”#属性”>
<img src=”https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt=”MDN logo” />
</a>
(3)创建一个可点击的图片:<a href=”https://developer.mozilla.org/en-US/" >
(4)创建一个email链接:<a href=”mailto:nowhere@mozilla.org“>
1.1、target属性
(1)_blank:新窗口
(2)self:默认,在自身窗口
1.2、href属性
(1)、href=””,本页面刷新
(2)、href=”#”,返回顶部,锚点变为#
(3)、href=”javascript:;”什么都没有操作
(4)、href=”javascript:alert(1);”
(5)、href=”#NAME”与name=”NAME”搭配使用(只允许a标签使用)
2、<audio>
(1)播放音频:
<audio src=”http://developer.mozilla.org/@api/deki/files/2926/=AudioTest
(1).ogg” >
3、<b>:加粗
4、<button>:
(1)按钮:<button name=”button”>Click me</button>
5、<br>:换行
6、<code>:计算机代码
7、<dl><dt><dd>:表格
8、<div>:块(contenteditable–是否可修改)
9、<em>:强调内容
10、<footer>:元素页脚
11、<header>:元素头部
12、<hr>:水平分割线
13、<h1>-<h6>:标题
14、<i>:斜体
15、<img>:
(1)插入本地图片:<img src=”mdn-logo-sm.png” alt=”MDN”>
(2)插入网络图片:
<a href=”https://developer.mozilla.org/" >
<img src=”mdn-logo-sm.png” alt=”MDN”></a>
16、<input>:
(1)用户可输入文本的单行输入字段:<input type=”text” />
(2)可点击的按钮:<input type=”button” />
(3)复选框:<input type=”checkbox” />
(4)文件上传:<input type=”file” />
(5)隐藏字段:<input type=”hidden” />
(6)图像形式的提交按钮:<input type=”image” />
(7)密码字段:<input type=”password” />
(8)单选按钮:<input type=”radio” />
(9)重置按钮:<input type=”reset” />
(10)提交按钮:<input type=”submit” />
17、<link>
(1)引入样式表:<link href=”style.css” rel=”stylesheet”>
18、<ol>/<ul><li>:表格
19、<main>:主题部分
20、<menu>:
(1)菜单:
<menu type=”context” id=”dropdown-menu”>
<menuitem label=”Action”>
<menuitem label=”Another action”>
<hr>
<menuitem label=”Separated action”>
</menu>
21、<nav>:导航栏
22、<output>:
(1)输出结果:
<form oninput=”result.value=parseInt(a.value)+parseInt(b.value)”>
<input type=”range” name=”b” value=”50” /> +
<input type=”number” name=”a” value=”10” /> =
<output name=”result”></output>
</form>
23、<p>:段落
24、<script>:
(1)嵌入或者引用脚本:<script src=”javascript.js”></script>
25、<select>:
(1)提供选项菜单:
<select name=”select”>
<option value=”value1”>Value 1</option>
<option value=”value2” selected>Value 2</option>
<option value=”value3”>Value 3</option>
</select>
26、<span>:区分样式
27、<strong>:表强调作用
28、<style>:插入css内容
29、<td><th><tr>:表格
30、<canvas>:画图
四、空元素
一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子节点(例如内嵌的元素或者元素内的文本)的element。
例子:<area>、<base>、<br>、<col>、<colgroup> when the span is present、<command>、<embed>、<hr>、<img>、<input>、<keygen>、<link>、<meta>、<param>、<source>、<track>、<wbr>

五、可替换元素
可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。
例子:<iframe>、<video>、<embed>、<img>,在特殊情况下,下列元素可作为可替换元素处理:<option>、<audio>、<canvas>、<object>、<applet>

六、若想在html页面中打出标签,需用“&#60;”“&#62;”“代替”<””>”

七、杂七杂八的小问题
1、whois 查看域名所有者的身份
2、有效的头元素包括 meta, link, title, style, script, noscript, and base
3、如果用户浏览器不支持 script,则会显示 noscript 中的内容
4、iframe 用于在当前页面里嵌入一个页面
5、body默认margin为8px