Hexo
0%

html基础

Veröffentlicht am Bearbeitet am in .

html基础

1. 简单的HTML页面架构

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

charset 编码 gbk gbk2312 utf-8

保存内容的快捷方式 crtl+s

2. HTML常见标签

2.1. meta标签

1
2
3
4
5
6
7
8
9
10
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

设置网站关键字
meta name="keywords" content="网络安全，WEB渗透，数据安全，渗透测试，安全培训" />
<link> 标签定义文档与外部资源的关系。
<script> 引入js文件

注释
<!--这是一段注释。注释不会在浏览器中显示。-->
<p>这是一段普通的段落。</p>

2.2. 标题标签

由大到小

1
2
3
4
5
6
7
8
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>6</h6>
</br> 换行标签
<hr>换行线标签

2.3.文本属性

1
2
3
4
5
6
7
8
9
10
11
12
13
<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u> 下划线
<sup></sup>上标
<sub></sub>下标
<del></del> 删除线
<font></font> 规定字体属性
	size 字体的大小
	color 字体颜色
	
代码样式原样输出
<pre></pre>

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

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

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

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

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

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

_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。

2.6. 锚文本

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

2.7. img 标签

img 元素向网页中嵌入一幅图像。
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />

alt 规定图像的替代文本。
src 规定显示图像的url
width 规定图片的高度
height 规定图片的宽度

2.8. table 表格

1
2
3
4
5
6
7
8
9
10
11
<caption>我的标题</caption>表格带标题
border 边框
width 宽度
height 高度
colspan 行
rowspan 竖
<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白

2.9. 列表标签

1
2
3
4
5
6
<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>

2.9.1. 无序列表

项目符号 square circle disc

1
2
3
4
5
6
<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>

2.9.2. 有序列表

数字列表 默认 数字
小写字母列表 
大写字母列表 A
罗马字母列表  I
小写罗马字母列表 i

1
2
3
4
5
<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 从不显示滚动条（即使需要）

网站框架