HTML的基础知识

(备注:凡是利用圆括号括起来的一般就是注释或者英文解释,用webstorm写程序时一定要注意字符一定要在英文状态下输入!)

1.浏览器:

定义:是安装在电脑里面的一个软件, 能够让将网页内容呈现给用户查看,并让用户与网页交互的一种软件。

常用的有IE、谷歌、火狐、 safrri、欧朋浏览器。

2.服务器:

服务器也是电脑,只不过是比我们的电脑配置更高的电脑,并且24小时不断电,不关机的计算机

服务器是专门用于存储数据电脑, 访问者可以访问服务器,获得服务器上存储的资源

服务器一旦关机,访问者就无法访问。

3.浏览器请求数据的过程:

1).按下回车时浏览器根据输入的URL地址发送请求报文

2).服务器接收到请求报文,会对请求报文进行处理

3).服务器将处理完的结果通过响应报文返回给浏览器

4).浏览器解析服务器返回的结果,将结果显示出来

4.请求过程验证

1).利用chome浏览器打开一个网页

2).打开开发人员工具

3).打开Network查看请求报文和响应报文

4.1请求报文

一个HTTP请求报文由请求行(request line)、请求头部(header)、空行和请求数据4个部分

4.2响应报文

一个HTTP响应报文由响应行、响应头、响应体组成

5.URL

定义:

1).我们在浏览器的地址栏中输入的地址其实就是URL

2).URL格式:

127.0.0.1/index.html (浏览器会自动补全http:和:80)

http://127.0.0.1/index.html(浏览器会自动补全:80)

http://127.0.0.1:80/index.html(完整格式)

协议类型://ip地址:端口号/资源路径/资源名称

3).URL拆分

网络协议类型 http://

服务器IP地址 127.0.0.1

服务器端口号 :80

资源路径 网页在服务器上的路径

资源名称 index.html

6.URL拆分后每一部分的作用

6.1服务器IP地址 和 服务器端口号它们两的作用:

告诉浏览器要去什么地方才能找到对应的服务器, 也就是告诉浏览器服务器的详细地址

服务器IP地址相当于现实生活中的地址; 例如:广州市天河区棠安苑

服务器端口号相当于现实生活中的门牌号码; 例如: 9栋909室

那么如果将地址和门牌号码结合在一起, 就是我的详细地址

7.纯文本文件

定义:我们Windows电脑上有一款默认安装好的软件叫做记事本. 这款软件就是专门用来打开纯文本文件的, 所以只要能够被记事本打开, 并且能够正常显示的文件都是纯文本文件

.html的文件可以被记事本打开, 并且能够正常显示,所以.html文件是一个纯文本文件

8.什么是HTLM

HTML是HyperText Markup Language的缩写, 就是超文本标记语言

9.

HTML发展史

HTML的基础知识_第1张图片


IETF简介

IETF是英文Internet Engineering Task Force的缩写, 翻译过来就是”互联网工程任务组”

IETF负责定义并管理因特网技术的所有方面。包括用于数据传输的IP协议、让域名与IP地址匹配的域名系统(DNS)、用于发送邮件的简单邮件传输协议(SMTP)等

W3C简介:

W3C是英文World Wide Web Consortium的缩写, 翻译过来就是W3C理事会或万维网联盟, W3C是全球互联网最具权威的技术标准化组织.

W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee

W3C负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。

10.HTML的基本结构

(DTD文档声明)

       

       

       HTML的基本结构

     

     

      HTML在现今属于什么发展时期?

     

html标签

作用:

用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档

注意点:

其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间

head标签

作用:

用于给网站添加一些配置信息

例如:

指定网站的标题 / 指定网站的小图片

添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)

外挂一些外部的css/js文件

添加一些浏览器适配相关的内容

注意点:

一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到

title标签

作用:

专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题

注意点:

title标签必须写在head标签里面

body标签

作用:

专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)

注意点:

虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中

一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签

head内部标签

meta标签:

1.为什么会有乱码现象?

因为我们在编写网页的时候没有指定字符集

2.如何解决乱码现象?

在head标签中添加, 指定字符集

GBK(GB2312)和UTF-8区别

GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文

体积比较小

UTF-8里面存储的世界上所有的文字

体积比较大

企业开发中仅仅是中文就用GBK(2312),其他一律使用UTF-8.

HTML标签分类:

单标签

只有开始标签没有结束标签, 也就是由一个<>组成的

双标签

有开始标签和结束标签, 也就是由一个<>和一个组成的

并列关系

嵌套关系

hello

什么是DTD文档声明?

由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页.

注意事项:

声明必须是 HTML 文档的第一行,位于 标签之前

声明不是 HTML 标签

声明没有结束标签

声明对大小写不敏感

这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制

不写也能运行

H5网页里面用H4也能运行

HTML5之前有2大种规范, 每种规范中又有3小种规范:

HTMLStrict (严格的)

HTMLTransitional(过度的,普通的,宽松的)

HTMLFrameset(带有框架的页面)

XHTMLStrict (严格的)

XHTMLTransitional(过度的,普通的,宽松的)

XHTMLFrameset(带有框架的页面)

你可能感兴趣的:(HTML的基础知识)