HTML HTML基础 各种标签及表单的使用方法

目录

• 1.简单的HTML页面架构

• 2.HTML常见标签

  • 2.1 meta标签

  • 2.2 标题标签

  • 2.3 文本属性

  • 2.4 form表单

    • 2.4.1 input标签

    • 2.4.2 input的类型

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

  • 2.6 锚文本

  • 2.7 img 标签

  • 2.8 table 表格

  • 2.9 列表标签

    • 2.9.1 无序列表

    • 2.9.2 有序列表

    • 2.10 框架的使用

• 总结

---

# 1.简单的HTML页面架构 ```HTMl charset 编码 gbk gbk2312 utf-8

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

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

设置网站关键字
`meta name="keywords" content="网络安全，WEB渗透，数据安全，渗透测试，安全培训"` />
`<link> `标签定义文档与外部资源的关系。
`<script>` 引入js文件
```html
注释
<!--这是一段注释。注释不会在浏览器中显示。-->
<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.4.form表单

指令	用处	属性
method	提交	方法有 get、post
enctype	发送表单数据之前如何对其进行编码	编码有 application/x-www-form-urlencoded multipart/form-data text/plain
form	表单	规定当提交表单时向何处发送表单数据

2.4.1.input标签

<

指令	用处
name	表示的该文本输入框名称