8月5日前端基础复习

复习前端基础相关知识

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:\前端与移动开发第二期基础班\01-html基础-第1天-{html的概念、html的标签}\4-源代码\images\0.jpg”/>

注意:相对路径对比绝对路径有优势:它可以移动到任何电脑上文件都可以正常显示。

超级连接。

跳转

作用:在一个页面中跳转到另一个页面中。


<a href=”http://www.baidu.com”>这是超级链接</a>

如果在href属性中加入# ,  跳转会跳转到当前页。

7.2定位

作用:在页面之内进行跳转


<a href="#part">点我进行第二个部分</a>


<p id="part">这是第二个部分</p>

时间: 2024-10-11 05:35:02

8月5日前端基础复习的相关文章

Week16(12月23日):复习

Part I:提问 =========================== 1.声明强类型视图时,使用关键字(    ) A.ViewBag    B.model    C.Type    D.Title 2. movies=movies.________(s=>s.Title.Contains(searchString));,该语句实现了搜索电影标题中是否包含某个字符串searchString.其中横线处应该填写(    )关键字. A.Where    B.Find    C.Search 

JavaWeb前端基础复习笔记系列 二

课程:孔浩前端视频教程(CMS内容管理系统case) 1. 2. 3.

2016年9月29日--语言基础:控制台的输入输出、数据类型、数据转换、运算符

一.输入输出 二.数据类型 1.值类型 2.引用类型 三.数据转换 四.运算符 1.算术运算符2.关系运算符3.逻辑运算符4.其它运算符5.条件运算符 一.输入输出 输出 Console.Write(""); Console.WriteLine(""); 输出 输入 Console.Read (); Console.ReadLine(); Console.ReadKey(); Console.ReadLine(); //直到接受到回车命令为止,之前所有输入的内容全部

2015年5月23日Java基础知识

Java基础 1,继承(extends):可以理解成子类对父类除了private方法之外的变量和方法的一种copy: 2,覆盖(Override):子类重写父类的方法,注意: (1)子方法的参数必须与父方法的保持一致: (2)子类方法的修饰符的范围必须要大于父类的,比如说父类的是public子类的必须是public: 3,多态:父对象 obj = new 子对象();其中obj只能调用从父类继承的方法: 4,抽象类(abstract):没有具体方法体:接口:可以理解成高级的抽象类,其中的方法全部

5月11日 ArrayList集合复习、特殊集合、枚举类型

一.ArrayList集合复习 //定义 ArrayList al = new ArrayList(); //添加元素 al.Add(2); //插入元素 al.Insert(1,3); //查看个数 int a = al.Count;//count数数的意思 //清空集合 al.Clear(); //克隆一个集合 al.Clone(); //判断是否包含一个值 bool b = al.Contains("2"); //查看3第一个出现的索引号 int c = al.IndexOf(3

5月13日 Jquery基础

Jquery的基础知识 <head> </head> <script src="../jquery-2.2.3.min.js"></script> <body> <div id="aa" style="">hello</div> <div class="bb">22</div> <div class="b

2015年9月28日html基础了解学习

数据库与C#都是在后台运行的逻辑,而html,css,js,jq是在网页前台显示的一些效果.后台要考虑到优化性能效率等等,而前台要吸引到客户,要有更好的客户体验. 通用化,还是效率更高,在做项目中是要权衡的.手写的话冗余少,出问题少,但是不是很通用化,但是效率高可以提高性能.而使用工具出来的代码冗余多,通用化强,但是效率低. 下载电子书 javascript网页开发-体验式学习教程.pdf 这本书讲的很详细简单 下载VS2010 在vs里查看代码可以按crtl+k+d可以把代码自动的调整代码格式

2016年5月24日Java基础小总结

1,异常(风险控制)--捕捉到异常,让程序正常运行 (1)形式:try{监听可能发生异常的代码}catch(异常名称){处理}; (2)Exception异常类,继承了Throwable,但是它本身是所有 异常的父类: (3)常见:RuntimeException(运行异常)-NullPointerException;IndexOutOfboundeException-ArrayIndexOutOfException; (4)打印出异常catch(Exception e){e.printStac

2015年11月26日 Java基础系列(六)正则表达式Regex

package com.demo.regex; import java.util.regex.Matcher; import java.util.regex.Pattern; /** * @author Administrator * */ public class RegexMatches { public static void main(String[] args) { String line="This order was placed for QT3000! OK?"; St