• Web基础—HTML基础学习（知识描述+例子）

    Web基础—HTML基础（知识描述+例子） 持续更新

    思维导图文章整体框架
    在这里插入图片描述

    一：基础知识

    1，HTML在Web架构中的作用
    Web安全角度：在安全学习阶段中，学习漏洞知识是必不可少的一部分，学习Web漏洞前，了解Web网站架构各组成的作用有助于我们更好的理解漏洞原理和应用，编写HTML是Web网站开发的第一步，是整个Web网站的结构部分。
    Web网站的组成和解析过程，可查看文章Web安全—Web框架组成和各部分作用

    2，HTML简介及结构
    HTML：全称为超文本标记语言，是一种标记语言（不是编程语言）。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
    HTML结构：
    在这里插入图片描述head标签中的标签，主要作用为浏览器中上框显示<br/> <img src="https://1000bd.com/contentImg/2023/11/08/043149317.png" alt="在这里插入图片描述"/>

    二：HTML常用标签

    HTML标签格式：<开始标签  属性名="属性值">内容</结束标签>，其中属性值根据标签可选
举例：<title>这是HTML的学习</title>,<a href=https://www.baidu.com>这是一个链接</a>

    • 1
    • 2

    1，文本类基本标签：
    标题标签：

    ......

    标签最大，

    标签最小 通常用在Web页面标题显示
    段落标签：

    通常用在Web页面正文显示
    换行标签：
    换行
    代码显示：

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML基础学习</title>
</head>
<body>
<h1>HTML学习</h1>
<h2>HTML学习</h2>
<h3>HTML学习</h3>
<h4>HTML学习</h4>
<h5>HTML学习</h5>
<h6>HTML学习</h6>
<p>全称为超文本标记语言，是一种标记语言（不是编程语言）。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。</p>
<p>1<br>2<br>3<br>4<br></p>
</body>
</html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    效果显示：
    在这里插入图片描述
    2，表格标签：

    ， 和三个标签都是创建表格的基本标签，三者缺一不可，通常主要使用在显示表格式数据，并不是布局
    table标签用于定义一个表格标签
    tr标签用于定义表格中的行，必须嵌套在table标签中
    td用于定义表格中的单元格，必须嵌套在tr标签中
    注意：字母td指表格数据(table data)，既数据单元格的内容，td像一个容器，可以存储所有的元素
    3，表单标签（重要）
    3.1知识描述：
    前端与后端的数据交互大多都是通过表单标签来完成的，其可能存在弱口令，SQL注入，XSS等常见的Web漏洞，面试中通常也会被问到：如果给你一个输入框（表单标签），你会从哪些方面进行渗透，所以熟悉表单是非常重要的，同时表单还有收集用户信息的作用。
    举例：华为云登陆页面
    在这里插入图片描述
    3.2表单组成（表单域，表单控件，提示信息）
    表单域：包含提示信息和表单控件
    基本概念：相当于一个容器，用来容纳提示信息和表单控件，其主要作用是将整个表单域中的信息提交到后台服务器处理，一个完整的
    标签表示一个表单域，不同的表单域通过name属性值进行控制。

    格式：<form action="url地址" method="提交方式" name="表单名称">  各种表单控件</form>

    • 1

    常用属性：
    在这里插入图片描述
    表单控件（也称为表单元素）
    基本概念：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
    表单控件组成：标签，