复习前端基础相关知识
ctrl+tab 切换文档
ctrl+tab 切换程序
alt+F4 关闭程序
F2 重命名
F5 刷新页面
windows+D 显示桌面
windows+E 打开资源管理器
——————
浏览器发送过去,就是请求报文,
服务器返回的信息就是响应报文。
在服务器上应该存在我们请求的页面的数据。
————————
HTML:超文本标记语言。
html是一个网页文件的扩展名。和txt,jpg,mp3是一样的。html文件就是网页文件。
后缀名和文件之间是没有直接关系的。后缀名仅仅决定了文件的打开方式。真正决定文件方式的是它的内容。
html负责描述文档的语义,无法描述文档的样式。/
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type"content="text/html.charset=UTF-8" />
<title></title>
</head>
<body>哈喽,我的。哈哈哈哈
</body>
</html>
——————————————
浏览器和服务器
服务器就是计算机,只不过比咱们用的笔记本配置牛逼了很多,并且24小时不关机,不断电。
服务器上存储着网页的相关文件,一旦有访问者浏览网站,服务器就将发送这些文件给访问者。
服务器一旦关机,网站就无法访问了。
传输协议HTTP
http:超文本传输协议。
一句话概括:浏览器鱼服务器进行数据交互的一种规范。
url:就是浏览器地址栏显示的内容
格式:http://服务器的IP、端口号/请求的页面
————————
单词本:Network;网络
General:一般的,大体的
request:请求
response:响应
headers:标题
hypertext:超文本
transfer:传递
protocal:协议
doctype:文档类型
head:标题
meat:变化
body:身体
notepad:笔记本,记事手册
——————————
Html:本质上是一个标记语言。
可以说两者没有什么区别,因为都是用来标记页面上的内容。相比之下,xhtml更加严谨。
简单了解每种版本的区别:
Strict :如果这个页面使用的文档类别是这种,
1.0那么页面对标签的书写相对要严格一点,
2.0所有的标签必须要是当前可以使用的标签(使用没有被废除的标签)
4.2title标签:
给页面设置一个标题。
4.3head标签:
这个标签一般没有什么特殊的效果,它的作用是用来包含meta以及title,在后面的学习中还会在这个标签中加css样式,以及js代码。
5.0img标签:
效果:在页面中插入一张图片。
<img src=”图片的地址” /> |
如果页面上包含一张图片,那么如果页面解析到这张图片的时候会再次发送一条请求。
5.1标签的属性:
一般是以键值对的形式出现。
常用属性 |
属性的作用 |
src |
设置图片的路径 |
alt |
如果图片不能正常显示,那么会用其中的文本代替这张图片 |
title |
图片的提示信息 |
6.0相对路径和绝对路径
相对路径:一个文件相对于另外一个文件的路径如果想要在08img.html中找到图片,那么路径:<img src=”images/0.jpg” />
绝对路径:以盘符为单位,一级一级往下找直到找到图片为止。
例如:
<img src=”D:前端与移动开发第二期基础班 1-html基础-第1天-{html的概念、html的标签}4-源代码images .jpg”/>
注意:相对路径对比绝对路径有优势:它可以移动到任何电脑上文件都可以正常显示。
超级连接。
跳转
作用:在一个页面中跳转到另一个页面中。
<a href=”http://www.baidu.com”>这是超级链接</a> |
如果在href属性中加入# , 跳转会跳转到当前页。
7.2定位
作用:在页面之内进行跳转
<a href="#part">点我进行第二个部分</a> |
<p id="part">这是第二个部分</p> |
复习单词;
宽度
height:高度
strong:加粗
font:文本
background:背景
border:边框
————————
无序列表的的各个列表之间没有顺序级别之分,是并列的。
<ul>
<li>列表一</li>
<li>列表二</li>
<li>列表三</li>
</ul>
无序列表是ul。有序列表是ol
一、在html中,一个完整的表单通常由表单控件(也称为表单元素),提示信息和表单域3个
部分构成。
表单:对于表单构成中的表单控件,提示信息和表单域,初学者可能比较难理解,对他们的
具体解释如下:
1.表单空间:包含了具体的表单功能项,如单行文本输入框,密码输入框,复选框,提交按钮
,重置按钮等。
2.提示信息,一个表单中通常还需要包含一些说明性文字,提示用户进行填写和操作。
3.表单域,他相当于一个容易,用来容纳所有的表单控件和提示信息,可以通过他定义处理
表单数据所用程序的URL地址,以及数据提交到服务器的方法,如果不定义表单域,表单中的
数据就无法传送到后台服务器。
————
input控件的基本语法格式如下:
<input type="控件类型">
-在上面的语法中,<inout/>标记为单标记,type属性为其最基本的属性,其取值有多种,用
于指定不同的控件类型,除了type属性之外,<input/>标记还可以定义为很多其他的属性,
其常用属性如下表所示。
——————
浏览器请求服务器的过程:
1.在浏览器的地址栏上面输入url,敲击回车。
2.浏览器发送一条请求到服务器,服务器接收请求并且处理
3.服务器将数据传回到浏览器
4.浏览器解析数据,并且显示在页面上。
————————————
UTF-8:是世界上所有语言通用编码格式,不管你是英文还是中文,都可以在这个字库中找到
。
Gb2312:是中文编码,里面存储了汉字,日语片假名。
容量:UTF-8>GB2312
在存储汉字的时候:
GB2312占两个字节
UTF-8 占三个字节
约定:将来在整个学习的过程中我们最好使用UTF-8,因为它是通用的。