标签：
刚刚开始学习web前端。自己总结了一些基础知识以备未来查阅，回顾。
关于HTML文档：
一·HTML的基础：
1.HTML文档总体结构
<html>
<head>
<title>标题部分</title>
<head>
<body>
....文档部分....
</body>
</html>
2.HTML一些元素
blockquote----定义引用文本
ul----无序列表
ol----有序列表
dl----定义列表
(division)div-----文本分块
a-----创建超链接(语法形式为:<a href="目标URL">描述文本</a>
iframe---内部框架
pre----预编排文本
span----跨字符
hr-----水平线
3.注释
在"<body>...文档内容...</body>"中: <!--我是注释-->
在"<body>...文档内容...</body>"外: <script>
4.HTML注意事项
文件扩展名用.html或.htm
空格或回车有专门的标记 :  和 <br>二·创建锚点与内部框架
<1> 1.创建一个名为“第一章（chapter01)”的锚点: <h1><a name="chapter01">第一章</a></h1> 2.为了能链接到锚点代码如下： <a href="#chapter01">转到第一章</a><2> 1.创建一个名为“123”的内部框架： <iframe src="" frameborder="1" name="123"></iframe> 2.在框架内打开w3c网站首页“http://www.w3c.org"： <a href="http://www.w3c.org" target="123">在本页打开w3c网站</a>
三·HTML表单
1.常用input type属性:
text--文本框
password--密码
button--命令按钮
submit--提交按钮
radio--单选框
checkbox--复选框
hidden--隐藏
date--日期
reset--重置按钮
2.表单元素
基本结构form: <form action="表单处理程序的URL" method="get/post>
输入控件input: <input type="">
下拉列表select和option:
<select name="" id="">
<option value="">内容1</option>
<option value="">内容2</option>
</select>
多行文本框textarea:
<textarea rows="" cols="" id="">请在此输入文本</textarea>
关于CSS：
一·样式表
<head>
<title>CSS的3种写法</title>
<!-- 关于3中CSS写法的优先级,本例子中,内联式 > 嵌入式 > 外部式;总结:距离被设置元素越近的,优先级越高 -->
<!-- 写法1"外部式CSS样式":href可修改,文件后缀.css,其他都是固定写法 -->
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- 写法2"嵌入式CSS样式" -->
<style type="text/css">
p{font-size:20px; /*设置文字字号*/
}
</style>
</head>
<body>
<p>好好学习,天天开心</p>
<br />
<!-- 写法3"内联式CSS样式" -->
<p style="color:blue">好好学习,天天向上</p>
</body>
</html>
二·选择器
1.元素选择器： p{color：blue：}
2.类选择器（class）：.类名{属性:值}
3.ID选择器（id）：#id名{属性：值}
4.包含选择器:p em{color:blue}
5.通配符选择器：*{color：blue}
6.伪类选择器（常用）：a：hover{ }
标签：
原文地址：http://www.cnblogs.com/lzh123456/p/5005032.html
