小桥流水78

这个屌丝很懒，什么也没留下！

热门标签

WEB安全 HTML基础_webtype=hidden

作者：小桥流水78 | 2024-08-12 15:04:32

踩

webtype=hidden

1.HTML页面架构：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
   </head>
   <body>
   </body>
</html>

2.HTML常见标签：

<1>meta标签

META标签是HTML标记HEAD区的一个关键标签，它位于HTML文档的<head>和<title>之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可见，但却是文档的最基本的元信息。(meta-information)比如针对搜索引擎和更新频度的描述和关键词。例如作者、日期和时间、网页描述、页面刷新等。<meta>除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。

设置网站关键字

meta name="keywords" content=""警"色正好,"云"上启航" />

页面描述

meta name="description" content="这是一个云警毕业生的线上招聘会"

<2>link标签

link是支持浏览器文档与外部资源的关系。

<3>script标签

注释

不显示不执行

<p>这是段落的文本</p>

<4>标题标签

详细：HTML  标签

3.HTML文本属性：

<b></b>加粗

<i></i>斜体

<u></u> 下划线

<sup></sup>上标

<sub></sub>下标

<del></del> 删除线

<font></font> 规定字体属性

size 字体的大小

color 字体颜色

<pre></pre>代码样式原样输出

<br>换行

<hr>是网页程序的标签语言，<hr> 标签在 HTML 页面中创建一条水平线

4.from表单：

<form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。method 提交的方法有 get、post。

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。

<5>lable标签

<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。

<6>input标签

name：同样是表示的该文本输入框名称。

size：输入框的长度大小。

maxlength：输入框中允许输入字符的最大数。

value：输入框中的默认值

readonly：表示该框中只能显示，不能添加修改。

<lable for="username">与后面的id="username" 相对应，作用是当鼠标点击用户名或者密码，邮箱之类的字，并没有点在框里，却可以显示在框里输入

input的类型

type=password 密码输入框

type=file 文件上传

type=hidden 隐藏域

button 按钮

checkbox 复选框

radio 单选框

type=submit 提交按钮

type=reset 重置按钮

编写文件上传页面：

enctype 属性可能的值

application/x-www-form-urlencoded（常用）

multipart/form-data（常用）

text/plain（文本）

<7>a标签

<a> 标签定义超链接，用于从一张页面链接到另一张页面。<a> 元素最重要的属性是 href 属性，它指示链接的目标。

默认就是self

_self：用于在当前选项卡中跳转，也就是不新建页面跳转

_blank ：用于在新的选项卡中跳转，也就是新建页面跳转

_parent 在父框架集中打开被链接文档。

_top 在整个窗口中打开被链接文档。

5.锚文本

<p name='top'></p>与最后的<a href="#top">返回顶部</a> 当点击页面最后的返回顶部时，就可以返回顶部

<9>img标签

img 元素向网页中嵌入一幅图像。从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

alt 规定图像的替代文本。(当图片没有时，就会出现1来代替图片)

src 规定显示图像的url

width 规定图片的高度

height 规定图片的宽度

<10>table标签

<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

<caption>我的标题</caption>表格带标题

border 边框

width 宽度

height 高度

colspan 合并行

rowspan 合并竖

cellpadding 单元边与内容的空白

cellspacing 单元格的空白

6.无序列表：

当在ul里加入type="none"，就可以把内容前面的黑点去掉

项目符号：square circle disc

正方形实心：

空心圆心：

实心黑点：

7.有序列表：

当啥也没有时，会默认为数字列表，也可以使用

小写字母：

大写字母：

小写罗马数字：

大写罗马数字：

8.框架的使用：

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性。frameset 在一个页面中设置一个或多个框架不能嵌套在body标签里

<11>iframe标签

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

<12>frame标签

<frame> 标签定义 frameset 中的一个特定的窗口（框架），frame 一般都是在frameset中使用。

rows 定义框架集中行的数目和尺寸

cols 定义框架集中列的数目和尺寸

也可以用一样效果

scrolling 滚动条

auto 在需要的情况下出现滚动条（默认值）。

yes 始终显示滚动条（即使不需要）。

no 从不显示滚动条（即使需要）

可以发现网页是有滚动条的，可以使用如下操作来删除搜狗的滚动条

<13>target标签

<a> 标签的 target 属性规定在何处打开链接文档。如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

<14>textarea标签

<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

框架：