前端入门

1>Internet简介

1.Internet是一个全球性的计算机互联网络,中文一般译作“因特网”。

2.Internet主要提供:Talent/Email/WWW/BBS/FTP等服务。

3.Internet的基本实现技术:

- 分组交换:信息在Internet上被分为许多的小数据包(分组)进行传输,到达目的后将数据包重组为原来的信息。

- TCP/IP协议簇。

2>Web简介

Web即WWW ( World Wide Web )是在20世纪90年代由欧洲核子研究中心(CERN)的Tim Berners Lee 所创建发,于1992年正是连接上网。这种技术可以把各种类型的信息和服务进行无缝连接,并且可以提供一个丰富的界面。Web使用相关的技术(News/FTP/Talent/Mail等),将存储在连接上Internet的文档(文字、图片、声音、视频等)转化为网页或者提供下载等,使得全世界的人都可以享受同样的产品和服务。

Web是运行在Internet上的一种应用,它其实就是无数文档的集合,这些文档存储于某处连接上了Internet的服务器中。Web主要制定了这些文档的编写方式,以及它们在Internet中是如何被访问的。Internet为Web提供网络环境,而随着Web的出现,Internet也因此得到了长足的发展。

3>Web的组成部分

1.Web服务器:Web文档存储在Web服务器中,Web服务器负责监听客户端的链接请求,接收请求,并且响应请求,然后为请求返回相应内容。

2.Web客户端:浏览器,移动设备,手机APP。

3.HTTP ( Hyper Text Transfer Protocol ) (超文本传输协议):定义Web服务器和客户端的通讯细节。

4>简单说明Web的工作原理

1.网页采用HTML(Hyper Text Markup Language)(超文本标记语言)编写后,保存在Web服务器上。

2.Web客户端(如浏览器)向Web服务器发出请求;Web服务器在接收到请求之后做出响应,并且把Web客户端需要的内容(如网页)返回给它;Web客户端在接收到信息之后,将其解释并且显示。

常见的服务端技术(运行在服务器上):

JSP/PHP/ASPX

常见的客户端技术(运行在浏览器上):

HTML/CSS/JS/SWF

5>Web服务器的主要功能

存储并管理文件;执行程序,响应请求;提供安全功能等。

服务器的主要产品:TOMCAT/IIS/APACHE 。

本地html文件虽然也可以直接用浏览器打开,但是没有经过Web服务器,也就不会像真正网页那样有客户端发出请求,以及服务器端响应请求。

6>所有HTML标签都可拥有的四个基本属性:

1.id:每个元素都可声明一个唯一的id号

2.style:为元素添加css样式

3.class:为元素指定类型。一个元素可以指定多个类型,不同元素可拥有相同的类型。

4.title:为元素添加说明(鼠标悬停会出现提示语)

时间: 2024-11-09 05:42:09

前端入门的相关文章

Web前端入门学习(2)——HTML常用标签

HTML标签 a标签 a标签是一个超链接标签,用于从一个页面链接到另一个页面.在<Web前端入门学习(1)>有提到过4个伪类,分别是a:link.a:visited.a:hover.a:active. a:link代表的是未访问过的链接,当访问者首次打开网页未点击链接时,所表现的形式: a:visited代表的是访问过的链接,相对于link,是访问者点击了连接后,所表现的形式: a:hover代表的是当鼠标经过链接上面时所表现的形式,鼠标经过后,链接会有所变化: a:active代表的是当用户

转摘_结合个人经历总结的前端入门方法

转载请注明出处: https://github.com/qiu-deqing/FE-learning Table of Contents generated with DocToc FE-learning 必备基础技能 基本开发工具 学习方法和学习目标 入门之路 继续提高 一些个人经历 LingyuCoder的学习经历 工具 技能 语言基础 进阶 项目 未来 其他 入门书 一些不错的网站 历程 MrRaindrop的学习经历 缘起 项目,下一个项目 收集癖和知识管理 跟对神 读书 前端的定位 最

前端入门方法(大全)

转载请注明出处: https://github.com/qiu-deqing/FE-learning Table of Contents generated with DocToc FE-learning 必备基础技能 基本开发工具 学习方法和学习目标 入门之路 继续提高 一些个人经历 LingyuCoder的学习经历 工具 技能 语言基础 进阶 项目 未来 其他 入门书 一些不错的网站 历程 MrRaindrop的学习经历 缘起 项目,下一个项目 收集癖和知识管理 跟对神 读书 前端的定位 最

Web前端入门学习(5)——浮动原理及清除浮动

浮动原理及清除浮动 上节回顾 在上节的<Web前端入门学习(4)-- 块级元素和行内元素之特征与转换>中(http://cherry360.blog.51cto.com/12176744/1863945),介绍了块级元素和行内元素的特征,及粗略介绍了如何进行转换.加上display属性,可以指定元素的类型,如display:block.display:inline,以及display:inline-block.当然用得最多的是最后一个display:inline-block.结合例子来看: 例

web前端入门:一小时学会写页面

一小时学会写页面 作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给大家简单的web前端入门方法.既然题目已经定了一个小时那么废话就不多说了,计时开始 1.什么是前端 简单来说,前端就是做网页(大神勿喷,本文一切从简) 2.前端技术 html,是首字母缩写,具体意义请百度,大家要记住“t”代表text,ok你们没有想错,text就是文本文件text,好了准备工作做好了,现在开始做网页 3.我们的第一个网页 请身边有电脑的小伙伴和我一起开始,在桌面鼠标

web前端入门与java入门

关于web前端入门一.软件结构划分1.C/S结构:Client(客户)-Server(服务器)之间的交互.特点:客户端的软件必须升级才能使用服务器高版本的功能.例如:阿里巴巴等.2.B/S结构:Browser(浏览器)-Server(服务器)之间的交互.特点:浏览器端的软件无需特定的升级就可访问服务器端的网站.例如:网易新闻等.JavaWeb/EE均基于B/S结构.二.网站基本认识基于B/S结构的应用都叫网站.组成:由很多的html标签组成.三.W3C组织规范了html.css.js(javas

web前端入门到实战:css选择器和css文本样式相关

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url("*.css");使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>

经验谈:我的前端入门生涯

先是js入门引起了兴趣: 因为Google在code school为女程序员量身打造课程这个噱头去看了网站,正好有一本师姐送的Thinking in Java,就决定学JavaScript课程,学了一段时间去技术网站百度才知道两者就像老婆和老婆饼的关系,菠萝和菠萝蜜的关系,也就是几乎没有关系(Java 和 JavaScript 是什么关系? - 知乎 ),笑死了.但code school的授课方式是动态ppt结合在线编程的模式,不需要自己装软件也不需要新建工程设好路径(不知道为什么我总是在这种事

Web前端入门必学知识

入门主要有三个部分   一.html+css部分:      1.前端的入门门槛极低,体现在HTML和CSS上运行环境就是浏览器,html+css这部分特别简单,网上搜资料,书籍视频非常多.css中盒子模型,流动,block,inline,层叠,样式优先级等这些自学起来也是非常容易.最 后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览 器,google chrome浏览器.firefox浏览器.safari浏览器

前端入门7-JavaScript语法之相关术语

声明 本系列文章内容全部梳理自以下几个来源: <JavaScript权威指南> MDN web docs Github:smyhvae/web Github:goddyZhao/Translation/JavaScript 作为一个前端小白,入门跟着这几个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下. PS:梳理的内容以<JavaScript权威指南>这本书中的内容为主,因此接下去跟 JavaScrip