HTML基础

最新推荐文章于 2025-05-05 14:47:36 发布

蜗牛hb

最新推荐文章于 2025-05-05 14:47:36 发布

阅读量249

点赞数 3

分类专栏：网络安全文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/qq_31841383/article/details/144449631

版权

网络安全专栏收录该内容

9 篇文章

订阅专栏

简单的HTML页面架构

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

charset 编码 gbk gbk2312 utf-8

HTML常见标签

meta标签

设置网站关键字

meta name="keywords" content="网络安全" />

注释

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

标题标签

由大到小

</br> 换行标签

<hr>换行线标签

文本属性

<b></b>加粗

<i></i>斜体

<u></u> 下划线

<sup></sup>上标

<sub></sub>下标

<del></del> 删除线

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

size 字体的大小

color 字体颜色

<pre></pre>标签的作用：定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符，并且文本会呈现为等宽字体。pre标签的一个常见应用是用来表示计算机的源代码‌，即原样输出不做更改。

form表单

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 重置按钮

a标签、img标签、table标签

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

默认就是self

self：用于在当前选项卡中跳转，不新建页面跳转

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

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

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

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

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

锚文本

img 标签

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

alt 规定图像的替代文本。

src 规定显示图像的url

width 规定图片的高度

height 规定图片的宽度

table 表格

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

border 边框

width 宽度

height 高度

colspan 行

rowspan 竖

cellpadding 单元边与内容的空白

cellspacing 单元格的空白

列表标签

<ul>

</ul>

无序列表

项目符号 square circle disc

<ul>

</ul>

有序列表

数字列表默认数字

小写字母列表

大写字母列表 A

罗马字母列表 I

小写罗马字母列表 i

<li>HTML基础</li>

</ol>

框架的使用

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

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

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

frameset 不能在body内使用

frame 一般都是在frameset中使用

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

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

scrolling 滚动条

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

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

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