001、HTML 网页开发、CSS 基础语法

1、HTML

  • HTML是用来制作网页文件的,浏览器查看的网页都是.html或.htm文件,HTML用于搭建网站。
  • Hypertext Markup Language:超文本标记语言。是用来制作网页的一种标记语言
  • HTML是一种纯文本格式的文件,内部只能书写文字内容,不能添加图片、音频、视频等,但是在网页中给用户呈现的效果却包含了文字以外的内容,这种效果就是HTML语言区别于其他文件的不同之处。
  • 超文本:是超级文本的缩写,简单来说超文本就是用于链接另一个文本或多媒体内容的文本,比如链接到图片、 链接、音频、视频、程序等。
  • 标记:又叫做标签(HTML tag),有特殊的书写规范,是写给浏览器的一种语法格式,结合普通的文字信息,实现特殊的语义或显示内容。在编辑器中可以编辑和查看,在浏览器中不显示。
  • HTML的功能:利用标记给普通的文本添加语义、描述超文本内容,搭建网页的基本结构。
  • h1标签的作用是什么? 答案:h1标签负责给内部文字添加一级标题的语义不负责样式,样式由css负责。

2、网页的组成

  • 前端三层:HTML(结构层)、CSS(样式层)、JavaScript(行动层)
  • 其他多媒体内容:图片、视频、音频、超级链接等
  • 所有的网页都是真实存在的

3、互联网运行过程

程序员将网页源文件上传到服务器进行存储,用户后期通过客户端(如浏览器软件)发送HTTP请求到服务器,服务器接收请求后进行响应,将存储的相关文件通过HTTP响应回传到用户本地客户端, 最终通过客户端将网页文件进行渲染,显示出最终用户看到的网页效果。

4、互联网原理

  • 服务器:服务器(server),就是一种特殊的计算机,也包括处理器、硬盘、内存、系统总线等,但是由于需要 提供更可靠的服务,因此在处理能力、稳定性、可靠性、安全性等方面要求较高。 作用:对于WEB来讲,用于存储开发人员上传的网页数据,且需要响应服务请求,并进行处理。 要求:对于网站服务器来说,为了让用户随时进行访问,必须24小时不间断工作。
  • 目前绝大多数网站都采用的是云服务器(Elastic Compute Service, ECS),云服务器是一种简单高效、 安全可靠、处理能力可弹性伸缩的计算服务。其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。
  • 客户端:
  1. 客户端(Client)也叫用户端,指的是普通用户使用的终端,客户端有多种形式,比如最常用的就是浏览器、app等,而web开发最主要的客户端形式还是浏览器。
  2. 浏览器(Browser),是一种用户上网搜索、查看信息资源的应用程序。 功能:用于发送HTTP请求到服务器,接收服务器发回的HTTP响应,渲染HTML网页。

5、主流浏览器

  • 主流的Web页面浏览器有:微软的IE和Microsoft Edge、Mozilla的Firefox、苹果公司的Safari、 Google的Chrome(推荐,渲染效果好、市场占有率高、自带开发者调试工具)及Opera软件公司的Opera。
  • 不同浏览器使用内核及所支持的HTML等网页语言标准不同,对网页的渲染效果会有差异。

6、浏览器功能

  1. 发送HTTP请求,发送的方式是在浏览器地址栏输入对应网址,或者点击超级链接。
  2. 接收服务器发回的HTTP响应,服务器会发回一个HTML给浏览器。
  3. 将接收到的HTML进行解析并显示

7、HTTP协议

  • Hypertext Transfer Protocol:超文本传输协议。是客户端浏览器或其他程序与WEB服务器之间的应用层通信协议。
  • HTTP请求
    • request,浏览器根据网址向对应的服务器发送请求。
    • 发起请求的方法:在浏览器地址栏中输入网址,或者点击网址链接。
    • HTML页面解析过程中,会发出多个http请求,包含网页的图片、视频、音频等文件请求。
  • HTTP响应
    • 响应:response,服务器根据请求响应 一个HTML文件,将HTML传输给客户端, 在浏览器中进行HTML网页的渲染。

8、纯文本格式

  • 纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线, 斜体,图形,符号或特殊字符及特殊打印格式的文本,只保存文本,不保存其格式设置。
  • 格式对比
    • 纯文本格式:最常见的是.txt文件。在存储和传输过程中,只能保存文字,不能保存格式,格式文件小,更易于传输。
    • 富文本格式:与纯文本对应,最常见的是.rtf文件, 类似.doc文件,内部可以保存文本的 样式、图片等。
  • 纯文本文件特点
    1. 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输。
    2. 所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式。
    3. 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑。
  • html、css、js文件都是纯文本格式文件。

9、HTML的语义化

HTML文件中,如果没有使用特殊语义的标记,也可以实 现网页显示效果,但是利用标记给普通的文字添加了不 同的语义,能够让网站的结构划分更加清晰。

10、语义化网页的优势

  1. 方便代码的阅读和后期维护。
  2. 便于浏览器或是网络爬虫更好地解析网站内容。
  3. 使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值