HTML基础

一、HTML标签和文本属性

（一）简单的HTML页面架构

<!DOCTYPE html>
<html>
   <head>
      <title></title>
   </head>
   <body>
   </body>
</html>

（二）HTML常见便签

2.1.meta标签

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

（2）设置网站关键字

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

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

  3. <script>引入js文件

（3）注释

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

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

（4）标题标签（由大到小）

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
</br>换行标签
<hr>换行线标签

（5）文本属性

<strong>加粗</strong>
<b></b>加粗
<i></i>斜体
<u></u>下划线
<sup></sup>上标
<sub></sub>下标
<del></del>删除线
<float></float>规定字体属性
  size字体的大小
  color字体的颜色

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

二、form表单 input标签属性

（一）定义和用法

  1. 便签用于为用户创建HTML表单。
  2. 表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。
  3. 表单还可以包含menus、textarea、fieldset、legend和label元素。

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

method 提交的方法有 get、post

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

enctype 属性可能的值
application/x-www-form-urlencoded
multipart/form-data
text/plain

（二）input属性

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

  2. size：输入框的长度大小

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

  4. value:输入框中的默认值

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

（三）input的类型

  1. type=password 密码输入框

  2. type=file文件上传

  3. type=hidden隐藏域

  4. button 按钮

  5. checkbox 选择框

  6. radio 多选框

  7. type=submit 提交按钮

  8. type=rest 重置按钮

posted @ 2025-04-27 21:54  zhaoyonghui  阅读(16)  评论(0)    收藏  举报