WEB安全 HTML基础

目录

一、简单的HTML页面架构

二、HTML常见标签

2.1meta标签

2.2标题标签

2.3文本属性

2.4form表单

2.5a标签、img标签、table标签

2.6锚文本

2.7img 标签

2.8table 表格

2.9列表标签

2.9.1无序列表

2.9.2有序列表

2.10框架的使用


一、简单的HTML页面架构

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

</body>

</html>

二、HTML常见标签

2.1meta标签

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

设置网站关键字

meta name="keywords" content="网络安全,WEB渗透,数据安全,渗透测试,安全培训" />

<link> 标签定义文档与外部资源的关系。

<script> 引入js文件

注释

<!--这是一段注释。注释不会在浏览器中显示。-->

<p>这是一段普通的段落。</p>

2.2标题标签

由大到小

<h1>h1</h1>

<h2>h2</h2>

<h3>h3</h3>

<h4>h4</h4>

<h5>h5</h5>

<h6>6</h6>

</br> 换行标签

<hr>换行线标签

2.3文本属性

<strong>加粗</strong>

<b></b>加粗

<i></i>斜体

<u></u> 下划线

<sup></sup>上标

<sub></sub>下标

<del></del> 删除线

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

size 字体的大小

color 字体颜色

代码样式原样输出

<pre></pre>

​​​​​​​2.4form表单

form表单 规定当提交表单时向何处发送表单数据

method 提交的方法有 get、post

规定在发送表单数据之前如何对其进行编码。

enctype 属性可能的值

application/x-www-form-urlencoded

multipart/form-data

text/plain

input标签

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

size:输入框的长度大小。

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

value:输入框中的默认值

readonly:表示该框中只能显示,不能添加修改。

input的类型

type=password  密码输入框

type=file 文件上传

type=hidden 隐藏域

button 按钮

checkbox 复选框

radio 单选框

type=submit 提交按钮

type=reset   重置按钮

​​​​​​​2.5a标签、img标签、table标签

a标签的作用:就是用于控制界面与页面之间的跳转

默认就是self

self:用于在当前选项卡中跳转,也就是不新建页面跳转

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

<a href="http://www.baidu.com" target="self">百度</a>

<a href="http://www.baidu.com" target="_blank">百度</a>

_blank 在新窗口中打开被链接文档。

_self 默认。在相同的框架中打开被链接文档。

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

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

​​​​​​​2.6锚文本

<a href="#2">锚点</a>

<a name="2">锚点</a>

​​​​​​​2.7img 标签

img 元素向网页中嵌入一幅图像。

<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

alt 规定图像的替代文本。

src  规定显示图像的url

width 规定图片的高度

height 规定图片的宽度

​​​​​​​2.8table 表格

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

border 边框

width 宽度

height 高度

colspan 行

rowspan 竖

<th></th>

<tr>行</tr>

<td>表格</td>

cellpadding 单元边与内容的空白

cellspacing 单元格的空白

​​​​​​​2.9列表标签

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

​​​​​​​2.9.1无序列表

项目符号 square circle disc

<ul>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

​​​​​​​2.9.2有序列表

    数字列表 默认 数字

小写字母列表

大写字母列表 A

罗马字母列表  I

小写罗马字母列表 i

<ol type="1"> <!--有序列表-->​​​​​​​

<li>暗月实战项目九 不出网的情况下的内网多域控渗透</li>

<li>xp/2003开关3389指令</li>

<li>一条命令修改windows注册表</li>

</ol>

​​​​​​​2.10框架的使用

frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里

iframe 是在html页面内嵌入框架 框架内可以连接另一个页面

frameset 不能在body内使用

frame 一般都是在frameset中使用

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

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

scrolling   滚动条

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

yes 始终显示滚动条(即使不需要)。

no 从不显示滚动条(即使需要)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

練家子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值