HTML简介

WEB前端开发做什么? PC端页面 移动端页面 解决用户体验问题

必备条件是什么? 1>会上网,会打字,懂得互联网是什么 2>兴趣 3>肯练习

浏览器和服务器如何信息交互? 通过浏览器如何查看请求报文和响应报文?

浏览器通过输入的地址,将请求报文发送到服务器,服务器从请求报文中得到要请求文件的信息,服务器读取它的信息,然后交给响应报文,浏览器接收响应报文,浏览器将文件内容显示出来。

浏览器在显示内容之前会做一些处理,通过浏览器内核来解析响应回来的内容,才能将页面显示出来。 浏览器内核: 内核(Rendering Engine):可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 内核的分类: Trident:ie , 猎豹安全浏览器,360极速浏览器,百度浏览器... Gecko:Firefox Webkit:Safari,Chrome Presto:Opera 不同的内核在渲染同一内容的时候会有差别。

页面的本质:从服务器中响应回来的一段文本通过浏览器内核来解析,解析出来显示到页面上。

http协议:浏览器与服务器交互的约定 http协议:请求报文 响应报文 url 还有其它的协议比如:https协议 ftp协议。 Url:http://192.168.16.200:8080/index.html 协议名 服务器的ip 端口号 请求文件的名称 DNS域名解析系统 将192.168.16.200----->www.taobao.com

所以建立网站首先要购买 服务器和域名 ,用域名来绑定服务器 学习那些知识才能做出精美作品? 1>软件(5%的时间) 浏览器: chrome IE 火狐 苹果 欧朋 浏览器插件:F12 用来写代码的编辑器(ws、sublime......) Photoshop、FW(测量、剪裁、编辑)

2>语言(至少花95%的时间) 至少要学习: html css js这三种基本的语言

HTML 超文本标记语言

语言:和浏览器认识的语言、和浏览器打交道(沟通) 标记、标签:<html> <html> 标签对:<html></html> 单标签:<meta /> <img /> 超:图片、声音、视频超出于文本的范畴

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>hello world</body>
</html>

UTF-8是很有来头的编码,认识世界各个语言,能够正确识别语言,相当于是翻译家,不会出现乱码的现象

Css层叠样式表(给网页做装修的) width: 100px; height: 100px; background: red;

Javascript:脚本语言(是一种可以动的行为) 搭建一个网页相当于搭建一个房子 html css js(冬暖夏凉)

案例:onclick="this.style.width='800px';this.style.height='800px';" (让页面动起来)

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

「大众点评点餐」小程序开发经验 05:解析开发工具

周中坚,美团点评工程师,4年 Web 前端开发经验,主要负责过会员卡、外卖、预订、商家平台等业务的前端开发,现在是美团点评点餐团队的一员。

1693
来自专栏知晓程序

晓实战 | 最实用的微信支付模板消息实战分享(内含源码)

我们会定期邀请优秀的开发者,从实践的角度,亲自分享他们使用知晓云(cloud.minaapp.com)开发的实战经验,如果你也想分享你的小程序实战经验,欢迎加入...

1312
来自专栏狂码一生

thinkphp3.2简洁美观的分页样式

风格一 分页模块: <div class="tp_page">     {$pageShow} </div> 分页样式: .tp_page{     width...

3676
来自专栏建站相关

如何通过 cos 托管静态网站

对象存储(Cloud Object Storage,简称:COS)是腾讯云提供的面向非结构化数据,支持 HTTP/HTTPS 协议访问的分布式存储服务,它能容纳...

2000
来自专栏腾讯IVWEB团队的专栏

使用HeadlessChrome做单页应用SEO

随着react、vue、angular等前端框架的流行越来越多的web应用变成了单页应用,它们的特点是异步拉取数据在浏览器中渲染出HTML。

1490
来自专栏知晓程序

公众号如何关联小程序?手把手教会你 | 小程序问答 #17

关联之后,你的小程序便会出现在公众号的资料页、菜单栏、甚至是图文消息里面,分分钟触达上万用户。

2182
来自专栏狂码一生

QT5中操作QWidgetItem下的集合元素

1373
来自专栏极客编程

Angular 5 快速入门与提高

尽管被称为Angular5,实际上它只是这个诞生于2012年的前端框架的的第四个版本:

1762
来自专栏张善友的专栏

使用Google CDN服务提供的jQuery库

jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优...

23010
来自专栏建站达人秀

如何通过 cos 托管静态网站

近期发现腾讯云的COS服务竟然支持部署静态网站了,故写本文记录分享最新版COS部署静态网站过程。

1K11

扫码关注云+社区

领取腾讯云代金券