1、简单的HTML页面架构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
2、TML常见标签
meta标签
<meta>
元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
有利于网站seo
meta name=“keywords” content=“网络安全,WEB渗透,数据安全,渗透测试,安全培训” />
<link>
标签定义文档与外部资源的关系。
<script>
引入js文件
注释
<!--这是一段注释。注释不会在浏览器中显示。-->
标题标签
由大到小
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>6</h6>
h1
h2
h3
h4
h5
h6
</br>
换行标签
<hr>
换行线标签
<p>这是一段普通的段落。</p>
文本属性
<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u> 下划线
<sup></sup>上标
<sub></sub>下标
<del></del> 删除线
<font></font> 规定字体属性
size 字体的大小
color 字体颜色
代码样式原样输出
<pre></pre>
3、form表单input标签属性
action 属性设置提交的服务器地址
method 属性设置提交的方式 GET(默认值)或 POST
表单提交的时候,数据没有发送给服务器的三种情况:
1、表单项没有 name 属性值
2、单选、复选(下拉列表中的 option 标签)都需要添加 value 属性,以便发送给服务器
3、表单项不在提交的 form 标签中
GET 请求的特点是:
1、浏览器地址栏中的地址是:action 属性[+?+请求参数]
请求参数的格式是:name=value&name=value
2、不安全
3、它有数据长度的限制
POST 请求的特点是:
1、浏览器地址栏中只有 action 属性值
2、相对于 GET 请求要安全
3、理论上没有数据长度的限制
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 重置按钮
4、a标签、img标签、table标签
a标签的作用:就是用于控制界面与页面之间的跳转的
默认就是self
self:用于在当前选项卡中跳转,也就是不新建页面跳转
_blank :用于在新的选项卡中跳转,也就是新建页面跳转
锚文本
锚点
锚点
img 元素向网页中嵌入一幅图像。
![上海鲜花港 - 郁金香](/i/eg_tulip.jpg)
alt 规定图像的替代文本。
src 规定显示图像的url
width 规定图片的高度
height 规定图片的宽度
table 表格
border 边框
width 宽度
height 高度
colspan 行合并
rowspan 竖合并
<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白