3、HTML

2020-07-28

代码审计安全

HTML语言

HTML语言

一、什么是HTML？

HTML 是用来描述网页的一种语言，属于解释型的语言。以.html、.htm为文件拓展名。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言(markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

二、HTML基础

HTML标记语言：尖括号包含关键字组成标签。

HTML标签：有双标签和单标签。标签中有属性，属性的格式是键值对。

<html> 开始标签； </html> 结束标签。（双标签）

一个标准的HTML文档结构：html(head、body)
<!DOCTYPE HTML>
<html>
    <head>        #头部head包括文档控制信息，包括整个页面的编码、说明等。
        <meta charset="utf-8">
    </head>
    <body>        #身体body包含真正显示在网页的内容
    
    </body>
</html>

三、HTML文档结构

HTML文档在浏览器中被渲染时，浏览器将其分析为一颗DOM树形结构（DOM文档对象模型由浏览器构造），以<html></html>为根节点。

四、HTML常用标签

<title></title> #浏览器标签页的标题

<meta charset="utf-8"> #通知浏览器当前页面的编码格式是utf-8

<hn></hn> #标题标签：n越大，字体越小。

<p></p> #段落标签：定义段落。

<hr/> #水平线

<br/> #换行标签

<span style="XXX"></span> #定义行内元素属性的标签

<div></div> #块级元素

<a></a> #超链接标签

href属性跳转的地址

target属性如果不写target跳转页面在当前标签页打开;如果该属性赋值”_blank”，在新的标签页打开；也可以指定一个iframe，将新页面在iframe中嵌入

<img></img> #图片标签

src属性图片的地址

<pre></pre> #格式化输出标签，常用于显示源代码

五、注释与特殊字符

1、注释

1
2
3

<!--
    注释不会显示在前台页面，但是会出现在源代码中。
-->

2、特殊字符/字符实体

https://www.w3school.com.cn/html/html_entities.asp

  #空格

六、HTML表格

<table></table> #表格

<tr></tr> #行

<td></td> #列

colspan 跨列属性

rowspan 跨行属性

七、HTML表单

什么是表单：表单实际上就是一个框架，里面包括了很多空间元素，是与后台服务器进行数据交互的主要载体。

<form></form> #表单

action 数据提交到服务器的URL，如果为空提交到当前页面，也可使用绝对路径和相对路径

method 提交方法(get post head options )，默认是get

enctype （application/x-www-form-urlencoded默认值、multipart/form-data上传文件时使用）

<input /> #输入框

name 给标签起个名字（变量名）

value 标签的值（变量值）

type 标签类型

(password密码框、text文本框、radio单选框、checkbox多选框、reset重置该表单内容的按钮、submit提交此表单的按钮、file文件域、hidden 隐藏内容，一般用于存储token)，多个框需要同一个名字

<select></select> #选择框

<option></option> #选择框内的选项

selected selected 属性规定在页面加载时预先选定该选项。

<textarea></textarea> #文本域，可以输入回车换行符号

八、iframe标签

iframe是一个可以内嵌其他网页文档的行内元素。

<iframe></iframe>

src iframe中嵌入的文档地址

height 高度

width 宽度

framebroder 是否显示边框

scrolling 是否显示滚动条

上一篇：49-字母异位词分组

下一篇：48-旋转图像