HTML第一讲

HTML第一讲

什么是前端

只要是跟用户打交道的都称为前端

在浏览器中输入网址，发生了那些事

1.浏览器向服务端发起请求
2.服务器接受请求
3.服务器处理结果返回结果
4.返回给浏览器，浏览器按照特定的规则渲染数据到页面，展示给用户

HTTP协议

# 四大特性：
	1. 基于请求响应
    2. 在Tcp/IP协议之上的应用层协议
    3. 无状态
    	就是指不能保存用户信息
        为了保存用户信息，又诞生了新技术来保存用户信息 eg: cookie  session  token
    4. 短链接
       长连接
        
 # 请求数据格式
	1. 响应首行(协议版本)
    2. 响应头(一对k:v键值对)
    3. \r\n
    4. 响应体
 # 响应状态码
	就是用一个数字代表具体含义
    
    1xx: 请求成功，但是还可以继续提交数据
    2xx: 请求成功 200
    3xx：重定向  301， 302
    4xx：404资源不存在， 403权限不够
    5xx: 500服务器内部错误
 # 请求方式
	1. get  
    	给服务端要数据
    2. post	
    	给服务器端提交数据

HTMl文档结构

<!DOCTYPE html>                    # 声明文档
<html lang="en">
<head>                             # 头部
  <meta charset="UTF-8">           # 编码
  <title></title>                  # 网页标题， 在浏览器标题栏显示
</head>
<body>                             # 书写代码，给用户看的代码

</body>
</html>

HTML标签格式

标签可以分为双标签和单标签

# 标签的语法
	<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
	<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
    
# 属性
	id：定义标签的唯一ID，HTML文档树中唯一
    class：为html元素定义一个或多个类名（classname）(CSS样式类名)
    style：规定元素的行内样式（CSS样式）

头部标签

<style></style>   写css样式
<link rel="" href=""> 引入外部的css样式
<script></script>     js代码
<script src=""></script>

body内常用标签

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>

<p>段落标签</p>

<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>

<!--换行-->
<br>

<!--水平线--><hr>


# div span
# 这两个元素是专门为定义css样式而生的

标签的分类

1. 块儿级标签
	独自占一行的标签， 我们称为块儿级标签
2. 行内元素
	自身文本有多大，就占多大

img标签

<img src="", alt="">

1.src
	外连接地址
    本地地址
2. alt	
	当图片加载失败的时候，写一些描述性信息
3. title
	当鼠标悬浮显示的信息
4. 设置图片大小
	width： 200
    height：200
    # 两个值写一个默认就是等比例缩放， 写两个会失真

div和span标签

div标签用来定义一个块级元素，并无实际意义，主要通过css样式为其赋于不同的表现。
span标签用来定义一个内联(行内)元素， 并无实际意义， 主要通过css样式为其赋予不同的表现

# 注意：
	块级元素可以包含行内元素以及块级元素，但行内元组不能包含块级元素，它只能包含其他行内元素
    p标签不能包含块级元素， p标签也不能包含p标签

a标签

<a href="url" title="悬浮显示信息" tagrget="_blank">click me</a>

1.title
	当鼠标悬浮时候显示的信息
2.target
	_self : 默认当前标签页
    _blank: 另开一个新的标签页

特殊字符

空格  &nbsp
>      &gt
<      &lt
&      &amp
¥      &yen
版权   &copy
注册   &reg
posted @ 2021-08-02 15:49  剧终cur  阅读(38)  评论(0)    收藏  举报