终于开始写了呜呜呜呜呜呜呜呜呜呜呜呜
目录
超文本传输协议(Hyper Text Transfer Protocol )
-
http协议
-
超文本传输协议(Hyper Text Transfer Protocol )
- 互联网上应用最广泛的一种协议
- 设计HTTP的目的就是为了提供一种发布和接收HTML页面的方法
- HTTP就是用于从服务器传输超文本到本地浏览器的传输协议
-
HTTP协议的简单工作过程
- 浏览器首先通过网络访问服务器80端口和服务器建立连接
- 浏览器向服务器发送请求命令,并将自己的一些信息发送给浏览器,这些信息不明确显示出来
- 🤯发送请求时,可以采用多种方式进行请求的发送
- GET方法:用来请求、访问已经被URL标识的资源。我们在地址栏中输入的内容,默认使用GET方法传输
- 服务器端收到客户端发送的请求以后,服务器会回应客户端发送的请求
-
返回的状态码:
200表示成功
403表示访问被拒绝
404表示页面没找到
- 4.关闭客户端和服务器端之间的连接
-
2.URL
我们在浏览器地址栏里面输入的网站地址就叫做URL(uniform resource locator)统一资源定位符
3.域名
域名就是一个名字,主要用来方便记忆服务器地址
4.常看到的地址
https:// 带有安全套接的协议,传输是加密的
ftp:// 文件传输协议
5.动态网站开发所需要的构建
-
客户端浏览器
- 浏览器是万维网服务客户端浏览程序,可以向万维网(world wide web)服务器发送各种请求,并对服务器发来的超文本信息和各种多媒体数据进行解释、显示和播放
- 浏览器就是指显示网页服务器或者文件系统HTML文件内容,并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议和指定URL地址与网页服务器交互获取网页
- 五大浏览器分类:
- IE
- CHROME
- FIREFOX
- SAFARI
- OPERA
-
超文本标记语言HTML
-
层叠样式表CSS
-
客户端脚本编程语言Javascript
-
web服务器
-
服务器端脚本编程语言
-
数据库管理系统
6.了解HTML发展历程
7.HTML5到底是什么
HTML5标签+CSS3+JavaScript+API~HTML5
1.如何创建HTML文件
文档的命名规则
不允许使用特殊字符
HTML文件名推荐小写
可以用中文命名,但是不推荐使用中文
注意:如果创建完HTML文件后依旧是文本文件格式,那么需要将系统里隐藏已知文件扩展名勾选掉
2.HTML 标签相关
- 标签是HTML的最基本单位,也是最重要的组成部分,通常使用两个尖括号括起来<>
- 标签有两种形式:
成对标签(双标签):<p>双标签<p/>
不成对标签(单标签):<hr/>
3. 大小写:标签不区分
4.HTML标签属性
- HTML标签属性一般都出现在HTML标签中,是HTML标签的一部分
- 标签可以有属性,包含了额外的信息,属性的值一定要在英文""中(避免与其他程序冲突),还可以包含多个属性
- 一般属性由属性名和属性值成对出现
- 语法:<标签名 属性名1="属性值" 属性名2="属性值"><标签名/>
- HTML颜色值的设置
- 浏览器支持颜色名称集合,颜色值是一个关键字或者一个RGB格式的数字,在网页中都用得很多
- 使用英文单词作为颜色值:
- 六位的十六进制颜色值:
#00f = #0000ff(前两位表示R,中间两位表示G,后面两位表示B)
5.HTML注释
- 好处
方便查找、比对,方便其他程序员快速了解你的代码,方便以后自己对自己的代码的理解
- 格式:<!--注释内容-->
6.代码格式
任何的回车或者空格在源代码中都没有任何含义,所以在编写用回车或者空格进行排版,是的代码清晰,便于团队的理解,必须保持严格的缩进,四个空格=tab
7.HTML实体字符
- 空格
- <<
- >>
- ©版权符号
<!DOCTYPE html>
<html>
<head>
<title>去敲代码啦</title>
<meta charset="utf-8"/>
<!-- utf-8是亚洲通用字符集-->
</head>
<body bgcolor="#008b8b" text="#9acd32">
<h1>这是我的第一个页面</h1>
<hr/>
<!-- 分割线-->
<p>喵喵</p>
<!-- p标签独占一行-->
<p>哪吒的真名叫什么:藕把</p>
<b>看看b标签长什么样子</b>
<hr/>
<试试>啊这</试试>
<sd>英文测试</sd>
<!-- 标签不会那么规范-->
<< <<
<!-- 小于号长这个样子,没有分号也可以耶,但是加上空格会好看一些-->
>
<!-- 大于号-->
妙
<!-- 半角多个空格只会解析为一个字符的空格,即中文半个空格。全角空格就是空格-->
  妙
妙
<!--  代表半个空格, 代表一个空格-->
@(不会打版权符号)=©=©
</body>
</html>
看视频后的学习笔记~