一、HTML的简介和发展史

1.HTML(Hyper Text Markup Language)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行语义化描述。

2.HTML和其它编程语言不同的是,HTML不是一门真正意义上的编程语言,通过带有尖角号的标签对文本进行标记,从而实现网页的结构搭建。

3.HTML之所以称为超文本标记语言,不仅是因为他通过标记描述网页内容,同时也是因为文本中包含了所谓的超级链接点。通过超级链接将网站与网页以及各种网页元素连接起来,构成了丰富多彩的web页面。

二、互联网的原理

1.上网即请求数据。

2.上网时,用户通过客户端发送HTTP请求到服务器端,服务器端将请求对应的数据找到后,通过http响应回传给本地计算机,计算机加载网页。

3.上网过程中有实际的,物理文件的传输。

三、服务器(server)

1.本质:是一种计算机,也有自己的内存和处理器。

2.作用:用来存储网页文件,包含网页的所有文件,比如HTML,css,js,图片,视频,音频等。

3.可以通过客户端软件去远程控制服务器。

4.为了保证用户随时浏览网页,服务器必须保持24小时不关机。

四、浏览器(browser)

1.作用:发送HTTP请求,请求回传的数据,渲染网页。

2.浏览器根据厂商和版本不同,区分为不同的品牌版本。

3.主流浏览器:chrome、Firefox,IE,Opera,Safari

4.工作原理:在网址栏输入网址后向服务器发送请求,服务器响应后返回数据到浏览器后渲染。

5.第一次加载一个网页时,时间较长,从第二次以后打开同一个网站速度变快,原因就是因为第一次浏览时,已经将大部分文件存储到了本地,会先从本地进行查找。

五、http的请求过程

http是无连接的,每一次都需要重新请求。

六、纯文本与超文本

1.定义:纯文本只包含文字内容,不能包含文字以外的,例如图片视频等。

2.纯文本文件:文件内部只能书写纯文本,而且不能保存样式。最常见的.txt。

3.非纯文本文件:最常见的Word文档.doc。

七、开发工具的使用

1.所有的纯文本编辑器都能编辑HTML文件。例如记事本、Editplus、notepad++等。

2.编辑器:

推荐使用vscode,附上网址:https://code.visualstudio.com/

前端工程师第一篇-HTML(1)相关推荐

  1. 2021消防工程师 第一篇 消防基础知识 1.燃烧

    第一篇 消防基础知识 第一章 燃烧 总体框架:燃烧.火.火灾.爆炸.易燃易爆品 第一节 燃烧的本质与条件 燃烧本质:可燃物.氧化剂作用发生的放热反应,伴有火焰.发光或发烟现象 过程:白炽固体粒子和不稳 ...

  2. 消防工程师 第一篇 消防基础知识 2.火灾

    P11-13 2.火灾 第一节 火灾的定义.分类与危害 一.火灾的分类 (一)按燃烧对象的性质分类 ABCDEF 是燃烧的性质,不是状态 B类液体和可熔化固体(石蜡.沥青) A类中金属固体是D (二) ...

  3. 如何成为优秀的前端工程师

    如何成为一名优秀的前端工程师 (share) 发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.co ...

  4. 如何成为一名优秀的前端工程师 (copy) - 段华建

    发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考. :)~ 本文来源:http://www.biaodianfu.com/what-makes-a-good-fro ...

  5. 阿里P8前端工程师:如何成为一名优秀的前端工程师!

    前后端分离的开发模式让前端开发者的地位日益提升,待遇水涨船高,这又吸引了一拨人慕名学习前端课程,希望能在前端领域大展宏图. 但一个残酷的现实是市场上不缺普通前端开发,缺的是掌握专业技能的优秀前端工程师 ...

  6. web前端工程师知识汇总

    分类: Web开发应用  一.何为Web前端工程师?           前端工程师,也叫Web前端开发工程师.他是随着web发展,细分出来的行业.Web前端开发工程师,主要职责是利用(X)HTML/ ...

  7. B站黑马测试第一篇P182视频数据库SQL语句查询数据准备代码

    drop table if exists goods; create table goods(id int unsigned primary key auto_increment,goodsName ...

  8. 前端工程师技能之photoshop巧用系列第一篇——准备篇

    前面的话 photoshop是前端工程师无法回避的一个软件,这个软件本身很强大,但我们仅仅需要通过这个工具来完成基本的切图工作即可.本文将开始photoshop巧用系列的第一篇--准备篇 作用 我们为 ...

  9. 实习前端工程师的第一天(第一篇)

    实习前端工程师的第一天 很累很复杂 新的认识 MySQL的卸载与安装 sublime介绍 Sublime有哪些优点: sublime使用: Sublime快捷键 Markdown语法 很累很复杂 来到 ...

最新文章

  1. codeforces A. Jeff and Digits 解题报告
  2. vector在java中用什么_在java中使用Vector是否安全?
  3. 硬核科普:一文看懂人脸识别技术流程
  4. 未来新一代计算机的发展方向,未来计算机的发展方向 (2)
  5. ANSYS——“There is at least 1 small equation solver pivot term”问题的解决办法
  6. asp.net中gridview 如果字数太多可以用此方法把字体变短+.....
  7. malloc()与 alloc()区别(转)
  8. python 监视文件目录
  9. 怎样编写和执行Js文件
  10. epoll原理_彻底搞懂epoll高效运行的原理
  11. 《TCP IP 详解卷1:协议》阅读笔记 - 第十四章
  12. 从顶会论文看对比学习的应用!
  13. Retinex算法,图像色彩增强之python实现——MSR,MSRCR,MSRCP,autoMSRCR
  14. UISwitch的使用
  15. Android上的APP图标常见尺寸规范
  16. Python爬虫初学(4)登陆武汉理工大学教务处并转到成绩管理
  17. 国内自主首创·融合数据采集与运动控制技术--运动数据采集卡
  18. 听说股票是暴利?花了一晚上时间,用Python写了个股票提醒系统
  19. 如何防止局域网病毒春风吹又生--之二
  20. linux cpufreq 设置

热门文章

  1. proposal中文翻译_proposal 是什么意思_proposal 的翻译_音标_读音_用法_例句_爱词霸在线词典...
  2. 在七牛云建对象存储用于上传图片
  3. 如何提高自己的 Java 编程技能
  4. Python基础提高
  5. mysql为什么用B+树
  6. 有关如何用html制作电影影评网,初阶展示
  7. 数据中心的双活与灾备方案设计
  8. 按键精灵提交表单发起post请求
  9. android方案公司,生产解决方案
  10. centos7+PHP7 编译安装swoole教程