HTML

做~自己de王妃 提交于 2019-12-04 07:06:13

HTTP协议的四大特性

  • 基于TCP/IP协议
  • 基于请求响应
  • 无状态
  • 无连接

数据格式

请求格式:
请求行(请求方式 协议版本)
请求头
\r\n
请求体

状态码

是用来反应服务器的响应情况的,最常见的如

200 OK, 404 NOT FOUND

1XX 接收到请求,继续处理
2XX 成功
3XX 重定向
4XX 客户端错误
5XX 服务端错误

301 重定向
304 Not Modified,取缓存
# 如果是POST请求,301重定向会导致数据丢失
# 用307重定向可以保持原来的数据

HTML概念

超文本标记语言

作用: 告诉浏览器接收到的数据使用什么样的数据组织形式进行显示。

互联网的三大基石:

  • HTML,超文本标记语言
  • URL,统一资源定位符
  • HTTP,超文本传输协议

HTML的文档声明:

文件名.html,

HTML的标准文档结构

<html>
    <head></head> # 主要是配置浏览器显示数据的配置信息,例如字符编码,一般给浏览器使用
    <body></body> # 给用户使用的数据
    <标签名 /> # 单标签
</html>
    
<!--
注释
-->

标签

标签分类

按是否封闭分类

  • 双标签:h1, a
  • 自闭合标签: img

按级别分类

  • 块级标签,独占一行

    h1~h6, p, br, hr, div

    可以嵌套其他块标签和行内标签

    注意:p不能嵌套任何块级标签,只能嵌套行内标签

  • 行内标签

    s, i, u, b, span

    内部文本有多大,就占多大

标签属性

  • id, 同一个html文档中,唯一
  • class, 类属性, 可以继承类的样式

head内常用标签

title
style 内部支持写css代码
link 引入外部css样式文件
script 内部可以直接写js代码
meta 定义网页源信息

body内常用标签

h1~h6 标题标签
p 段落标签
s 删除线
b 加粗
u 下划线
i 斜体
br 换行
hr 一条分割线

body内重要标签

div
span

a 标签

a
<a herf='' id='a1'> 跳转到id为a1的标签</a>
<a herf='https://www.baidu.com'> 跳转到百度首页 </a>

img 标签

src: 1. 图片地址, 2. url
alt: 图片加载不出来的时候,展示的提示信息
title: 鼠标悬停上去之后展示的提示信息
width
height

ul 标签

无序列表
type参数:
    dis 实心圆点
    circle 空心圆
    square 实心方块

ol 标签

表格标签

<table>
    <thead>
        <tr>
            <th>column1</th>
            <th>column2</th>
        </tr> 一个tr是一行
    </thead>
    <tbody>
        <tr>
            <td>valu1</td>
            <td>valu2</td>
        </tr>
    </tbody>
</table>

body内特殊符号

&nbsp; 空格
&amp; &
&yen; 
&gt; >
&lt; <
&copy;
&reg;
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!