前端学习
1.网站学习
http://www.w3school.com.cn/
1.html
1） 浏览器忽略了源代码中的排版（省略了多余的空格和换行）
2）<br/>换行
3）<h1>标题
4) align="center"文字居中排序
5）<hr/>水平线
6)bgcolor="yellow"背景颜色
7）<em><i>斜体
8）<sup>
9)<sub>
10)<b><strong>加粗
11)<big>变大
12）<pre>保留源代码格式
13）<code><kbd><tt><samp><var>这些标签常用于显示计算机/编程代码。
14）<address>地址标签
15)<acronym title="二货啊">4</acronym>缩写提示
<abbr title="二货啊">4</abbr>
仅对于 IE 5 中的 acronym 元素有效。对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
16）<bdo dir="rtl">从右向左输出
17）<ins>字下划线
18）<del>删除
19)链接在新窗口打开
target="_blank"
20）跳到指定的地方
<a href="#C4"></a> <a name="C4"></a>
21)发送邮件
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
用%20替换空格，浏览器就可以正确显示文本
22）垂直框架
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html"></frame>
</frameset>
23）水平框架
rows="25%,50%,25%"
24）框架属性
noresize="noresize"不可拖动
25）跳转到框架内的指定的节
html1
<a href ="/example/html/link.html#C10" target ="showframe">带有锚的链接</a>
html2
<a name="C10"><h2>Chapter 10</h2></a>
26)表格
表格行由 tr
表格数据由 td
27）表格边框
<table border="1">
28）表格标题
<caption>haha</caption>
29) 表格合并单元格
针对td,th
rowspan='2' 竖着合并，合并的第二个不见
colspan='2' 竖着合并，合并的第二个不见
30)表格单元格边距，（内容与单元格边框距离）
<table border="1" cellpadding="30">
31）表格单元格间距(单元格与表格的距离)
<table border="1" cellspacing="4">
32）表格背景颜色和图片
<table border="1" bgcolor="red" backgroud="">
32)表格文字对其方式
align="left"
34)表格边框
border-bottom: 2px;
33）无序列表
<ul>
<li>咖啡</li>
34) 无序列表类型
实心圆 <ul type="disc">
空心圆 <ul type="circle">
实心方块 <ul type="square">
35）有序列表
<ol start="50">
<li>咖啡</li>
36) 有序列表类型
A <ul type="A">
a <ul type="a">
I <ul type="I">
i<ul type="i">
37)表单，文本域
<input type="text" name="firstname">
38）表单，密码域
<input type="password" name="password">
39）表单，复选框
<input type="checkbox" name="Bike">
40）表单，单选框
<input type="radio" name="Sex" value="female" />
41）表单，下拉框
<select name="cars">
<option value="volvo">Volvo</option>
42）表单，密码框
<input type="password" name="password">
43)表单，文本域
<textarea></textarea>
44)表单，新
<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>
45）HTML 背景图片
background="/i/eg_background.jpg"//如果图像小于页面，图像会进行重复。
46）HTML 浮动图片
<img src ="/i/eg_cute.gif" align ="center">
47）HTML 浮动图片映射
48）HTML 背景颜色
bgcolor="#d0d0d0"
49）HTML 背景颜色，和字体颜色
<body bgcolor="red" text="yellow">
50) HTML 样式 (style)
没有下划线 text-decoration:none
51）链接到外部样式表
<link rel="stylesheet" type="text/css" href=".css">
52) HTML 头部 (head)//不会显示在文档
<head>
<title>标题不会显示在文档区</title>
</head>
单元测试地址：
http://www.w3school.com.cn/quiz/quiz.asp?quiz=html
53）HTML 元信息 (meta)
Meta 元素中的信息可以描述 HTML 文档
1.XHTML
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本
XHTML 是作为一种 XML 应用被重新定义的 HTML。
1）宽有效区域1180px