1、什么是浏览器?
解释和执行HTML源码的工具,具有发送,接收和解析的能力,有执行js的能力。
五大浏览器:IE,FF,Chrome,Opera,Safari
2、什么是标记语言?
不是内容本身,对内容结构化描述,是为了让内容更好的理解(文言文写注释)
3、什么是静态网页和动态网页?
静态网页:用户请求该网页的时候,服务器直接将该网页文件从磁盘中读取并返回给客户端浏览器。
动态网页:用户请求该网页的时候,服务器会先执行该网页中的C#代码,然后将执行后生成的html代码在返回给浏览器。
4、Meta标签的作用(元数据:用来描述页面自身信息的)
Meta有指定name和指定http-equiv两种写法
1.<meta name=“名字” content=“值” />关于网页的描述信息。
2.<meta http-equiv="名字" content="值" />模拟http响应头信息。这个信息主要是给浏览器软件来识别使用的。
<meta name=“keywords” content=“新闻,娱乐,八卦”/>
<meta name=“description” content=”中国最全的八卦新闻”/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />指定网页编码
<meta http-equiv="Refresh" content="3" /> 三秒钟后刷新此网页。
<meta http-equiv="Refresh" content="3;url=http://www.rupeng.com" /> 三秒后重新定向到新网页
<meta http-equiv=“Cache-Control” content=“no-cache” /> 禁止浏览器缓存页面。
5、DOCTYPE的作用(建议所有的页面都是用doctype来标记,否则不同的浏览器默认展示html的方式可能不同。)
因为html有不同的版本,不同浏览器对html解析也不尽相同。用来告诉浏览器应该按照html那个版本来解析当前html页面并显示。html草图、html+、html2.0、html3.2、html4.0、html4.01、xhtml1.0、....、html5。
<!------------------>
HTML 5
<!DOCTYPE html>
<!------------------>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!------------------>
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!------------------>
6、锚记(两种用法):
1.用name属性为<a> 起名字:<a name="Last">这里是最后</a>。这样可以通过<a href="#Last">转到平台</a>来跳转到超链接的部分。
2.直接使用其他元素的Id作为锚。<a href="#Id">go to Id</a>
3.连接到其他文档的某个部分直接href="a.html#mao"
7、单位(px,em):
em:相对长度单位。相对于当前对象内文本的字体尺寸
<style type="text/css" media="all">
div
{
font-size: 12px;
height: 5em;
border: thick solid red;
}
</style>
<div>
div中定义了12px的字体,div的高度为字体的5倍(60px)
</div>
8、列表
dl:definition list(定义列表),用于名称展示
<dl>
<dt>河北</dt>
<dd>石家庄</dd>
<dd>秦皇岛</dd>
<dt>山西</dt>
<dd>太原</dd>
<dd>大同</dd>
</dl>
ol:
ul:ol和ul都有type属性,type的取值可以是:A、a、1、i、I、disc、circle、square
9、表格(th:自动加粗并居中,cellpadding(填充)、cellspacing(间距))
<table>
<caption></caption>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
</table>
10、Input表单
text:size属性可以设置宽
file:使用file,则form的enctype必须设置为multipart/form-data、method属性为POST(*)
image:使用src属性指定图片的地址,用来实现美化的“登录按钮”。用图片实现的submit按钮,同时提交了用户点击图片的坐标
<input type="image" src=""/>
select:size大于1就是ListBox(size的值为显示出来的列表数量)
fieldset:GroupBox效果,将控件划分一个区域,看起来更规整
<fieldset style=“设置样式”>
<legend>常用</legend>
<input type="text" />
</fieldset>
11、id与name的区别
id的主要作用是为了客户端javascript操作方便,id属性绝对不能重复。
name的主要作用是为了能将数据提交到服务器,如果一个元素没有name属性,那么该元素的数据不会提交到服务器。
12、框架:
1.frameset 框架页里不能有body.
<frameset rows="30%,65%,*" cols=“50%,50%”>
<frame src="top.htm" noresize/>
<frameset cols="20%,80%">
<frame src="left.htm" noresize/>
<frame src="main.htm" noresize/>
</frameset>
<noframes>
<body>当浏览器不支持框架时,显示这个body中内容</body>
</noframes>
</frameset>
2.测试target属性的其他取值:top、parent、框架名。
iframe(不分割当前页面,就可以嵌入其他页面。)
<iframe src="iframe.htm" name="0" width="0" height="0"></iframe>
13、CSS:(层叠(多个样式可同时使用)样式表,Cascading Style Sheets)
14、样式选择器
1.标签选择器
2.ID选择器
3.类选择器
4.标签.类 选择器
5.层次选择器
6.组合选择器
7.伪选择器
A:visited:超链接点击过的样式;
A:active:选中超链接时的样式;
A:link:超链接未被访问时的状态;
A:hover:鼠标移到超链接时的状态
15、文档流:将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素
1.position:absolute;绝对定位
2.position:fixed;固定定位,IE6及以下版本不支持。
3.position:relative;相对定位
4.position:static; 默认值
*使用z-index,需要设置position:absolute;z-index大的在上面
16、Div+CSS(就是将要布局的内容用<div>切成块,然后使用css描述每个块的大小、位置等)
1.网页布局就是“这块内容显示在左边,那两块内容并排显示,那块内容漂浮在页面上
2.不要使用<table>进行布局,因为:table可能会在所有tr、td加载完成以后才显示,所以加载完成之前界面是一片空白;用table布局会将布局方式写在html中,违反了“语义性”原则;用table会影响搜索引擎的抓取,不利于SEO。因此Table用来表达真是表格状数据的东西,布局用Div(层)+Css来做,Div用来圈定元素,CSS用来定义元素的位置
17、CSS优先级
1.CSS中后定义的样式可以将先定义的样式覆盖,但通过!important可以提高优先级。(color:red !important; color:green;最后显示是red;)
2.CSS选择器优先级:
【Id选择器 > 类选择器 > 标签选择器】
18、盒子模型
html加强
最新推荐文章于 2020-07-15 14:38:01 发布