HTML一、HTML有关知识点1.html介绍html是一种标记语言，主要的用途是开发网页，使用html可以展现文字、图片、视频、声音，html是我们web开发（网站开发）。
2.html可以做什么➢html可以编写静态网页➢该静态网页可以包括文字、图像、动画、声音、表格、链接。
从而构成一个个漂亮的网页3.Html发展历史4.Html的基本结构5.<html></html>是标记（也叫元素），标记的一般格式：<元素名[属性=“属性值”]>元素内容</标签>如果没有内容可以用：<元素名[属性=“属性值”]/>6.Html实体标记7.Html常用标记➢html超链接<a href=”” target=”_blank”></a>●_blank 新的窗口●_self 本窗口●_parent 父窗口●_top整个浏览器窗口➢html图像元素<img src=”文件路径” width=”宽度” height=”高度”/>➢html表格<table border=”边框宽度” width=”” cellspacing=”空隙大小” cellpadding=”填充大小”> <tr>--用于说明行<td></td>--用于说一小格</tr></table>➢无序列表<ul><li></li><li></li></ul>➢有序列表<ul><li></li><li></li></ul>➢框架<frameset frameborder=”边框的大小” cols=”按照列的百分比分隔” rows=”按照行的比分比分隔”><frame src=”” noresize /></frameset>➢表单元素<from action=”” method=”post/get”>文本框：<input type=”text name=””/>密码框：<input type=”password” name=””/>单选框：<input type=”radio”name=””>复选框：<input type=”checkbox” name=”” checked>checked是指默认选中的隐藏域：<input type=”hidden” name=””>图片按钮：<input type=”image” src=””></from>➢文本域：<textarea cols=”” rows=”” > wrap=off自动换行请在这里写····</textarea>➢下拉菜单：<select name=”” size= > size 是指显示大小<option value=””>-----请选择------</option><option value=”shanghai” selected> 上海</option> selected是指被选中<option value=”beijing”> 北京</option></select>➢<meta http-equiv="content-type" content="text/html " charset="utf-8" />➢<body bgcolor=# text=# alink=# vlink=#>#=rrggbb;这些是16进制的，红绿蓝(red-green-blue,RGB)值来表示<body topmargin=0px leftmargin=0px>➢标尺线：<hr size=>➢<a href=url target=”指向一个frame的名字”>➢文字布局标记●<p align=”#”></p>：表示一段#= left /center/right➢图像：<img src=” ” alt=”提示信息”>➢会移动的文字<marquee direction=”left/right” behavior=”scroll/slide/alternate” loop= 循环的次数scrollamount=速度></marquee>➢多媒体页面<embed src=”文件路径” width= height=></embed>➢背景音乐：<bg src=” ” loop=””>CSS1.div元素是用来HTML文档内大块(block-level)的内容提供结构和背景元素。
2.css是Cascading Style Sheets(层叠样式表单)的缩写。
它是一种用来表现HTML或XML等文件样式的计算机语言3.div+css是网站标准的(或者称为“web标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格定位方式的区别，因为XHTML网站设计的标准中，不再使用表格定位，而是采用DIV+CSS的方式定位。
我们可以这样简单的这样理解div+css:div是用于存放内容(文字，图片，元素)的容器。
css是用于指定放在div中的内容的样式（大小，颜色，背景，位置）。
4.div+css的好处是：●内容和样式分离●代码可以重复利用。
5.<span style=”font-size:20px; color:blue”></span>从上面使用的span元素，可以看出css的基本格式：<元素名style=”属性名：属性值；属性名2：属性值”>元素可以是任意元素：属性名和属性值可以参考W3Cschool给出的文档6.使用CSS的基本语法：➢使用内部css:引用内部css:<元素class=”style”>注意：没有.➢使用外部css:<link type=”text/css” href=”css 文件的路径” rel=”stylesheet”> 7.使用滤镜：8.四种选择器的用法：(1)类选择器，又叫做class选择器：类选择器的基本格式：.类选择器名{属性名：属性值;```}(2)id选择器：\基本语法格式：#id选择器名称：{属性名：属性值;````}例如：#tyle2{font-size:30px;ackground-color:green;}在html文件中使用id选择器的格式是：<元素名id=””>(3)html选择器：html选择器的语法格式：html元素名称{属性名：属性值;```}(4)通配符选择器：*{属性名：属性值；···}例如：*{margin:0;padding:0;}外边距：margin：上右下左；//是按顺时针旋转的margin：10px 20px30px 是代表上下外边距是10px,右外边距是20px,左边距是30px可以让所有的html元素的外边距和内边距都默认为0注意：当一个元素被id选择器，类选择器，html选择器修饰的时候，则优先级是：id选择器>class选择器>html选择器9.选择器深入探讨：(四种选择器可以组合使用)(1)父子选择器例如：#style span{属性名：属性值;}注意：○1子选择器标签必须是html可以识别的标记○2可以有多层子选择器例如：#style span span{属性名：属性值;```}(2)一个标签既可以用class选择器，也可以用id选择器；但是id的选择器的优先级高于class选择器(3)一个元素最多有一个id选择器，可以拥有多个class选择器10.块元素和行内元素的概念：(1)行内元素，又叫做内联元素：内联元素只能容纳文本或者内联元素，常见的内联元素有<span> <a>(2)块元素(block element):块元素一般都从新行开始，可以容纳文本，其他内联元素和其他块元素，即使内容不能占满遗憾，块元素也要把整行占满。
常见的块元素有<div><p>注意：块元素转换为行内元素：style=”display:inline”行内元素转换为块内元素：style=”diplay:block”11.标准流/非标准流：(1)流：在网页设计中指的是元素(标签)的排列方式(2)标准流：元素在网页中就像流水，排在前面的元素，内容前面出现；排在后面的元素，内容就后面出现。
(3)非标准流：当某个元素(标签)脱离了标准流的【比如因为相对定位】排列，我们统称为非标准流排列。
12.盒子模型：13.浮动：浮动是css中很重要的概念，必须掌握。
浮动分为左浮动，右浮动，清除浮动。
清除浮动：如果不希望别的元素在某个元素的左边或者是右边，可以使用清除浮动的方法：clear:left; clear:left; clear:both;14.定位——基本概念：css定位(Positioning)属性允许你对元素进行定位。
position属性值：(1)static(默认值)：元素框正常生成。
块级元素生成一个矩形框，作为文档流/标准流的一部分。
行内元素则会创建一个或多个行框，置于其父元素中。
(2)relative(相对定位)：元素偏离某个距离。
元素仍保持其未定位的形状，它原来所占的空间仍然保留，从这一角度，好像该元素仍然在文档流/标准流中一样运行效果图：(3)absolute(绝对定位)：元素框从文档流完全删除，并相对于其包含块定位。
包含块可能是文档中的另一个元素或者是初始包含块。
元素原先在正常文档流所占的空间会关闭，就好像原理不存在一样。
元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
运行效果图：(4)fixed：元素框的表现类似于将position设置成为absolute，不过其包含块是视图本身。
JavaScript1.javascript基本介绍：(1)javascript是实现网页动态效果的基石，在web的开发中扮演重要的角色，被广泛的应用到各个领域：○1网页游戏○2地图搜索○3股市信息查询○4web聊天····(2)在web开发中，js是必不可少的技术，同时js也是ajax/jquery/extjs等框架的基础。