HTML介绍及标签，元素，格式（笔记8）
网络安全自学笔记8
开始学习HTML，学习资料解压到了E盘根目录
浏览器打开E:/html教学资料/html教学版/index.htm，可以全部展开学习
HTML在线手册
- HTML表示超文本标记语言（Hyper Text Markup Language）
- HTML文件是一个包含标记的文本文件，这些标记告诉浏览器怎样显示这个页面
- HTML文件必须有htm或者html扩展名
- HTML文件可以用一个简单的文本编辑器创建，例如TXT
- HTML页面在服务端，客户端一样，和数据库没有交互，静态页面，没有漏洞
例子
- HTML标签用来组成HTML元素
- HTML标签两端有两个包括字符：“<”和“>”,这两个包括字符被称为角括号
- HTML标签通常成对出现，比如<b>和</b>，前面一个是开始标签，第二个是结束标签
- HTML标签是大小写无关的，<b>跟<B>表示的意思是一样
标签属性：
- 标签可以拥有属性，能够为页面上的HTML元素提供附加信息
- 通常附加给HTML元素的开始标签
- 属性通常由属性名和值成对出现，就像这样：name=\”value\”
1、标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性，告诉浏览器：你页面的背景色是红色的，就像这样：
<body bgcolor=\”red\”>
背景色是红色
2、标签<table>定义了一个HTML表格。使用一个附加的border属性，你可以告诉浏览器：这个表格是没有边框的，代码是：
<table border=\”0\”>
- HTML文档是由HTML元素组成的文本文件
- HTML元素是预定义的正在使用的HTML标签
1、以开始标签<body>起始，终止于结束标签</body>，定义一个HTML元素，使其包含HTML文档的主体
<body>This is my first homepage.<b>This text is bold</b></body>
2、此HTML元素以开始标签<b>起始， 内容是：This text is bold，以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素
<b>This text is bold</b>
显示成粗体
3、段落元素
段落
4、标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素，<h6>定义了最小的
标题元素
5、换行在HTML文档中的使用
换行
6、居中属性的标题元素
居中属性的标题元素
7、水平线
插入水平线
8、隐藏的注释
隐藏的注释
9、设置背景色
背景色
1、可以怎样格式化文本
格式化文本
2、可以怎样用pre标签来控制换行和空格
预格式化文本
3、“计算机输出”标签在显示上的不同
计算机输出
4、用HTML书写一个地址
地址
5、如何处理缩写和首字母缩略
缩写和首字母缩略法
6、如何改变文字方向
文字方向
7、如何处理大段引用和小块引用
块引用
8、如何标记被删除或者插入的文本
删除和插入文字
总结：
1、初步了解HTML语言
2、学习HTML标签，元素，格式
听说还有人不会，处理网页 URL 中的特殊字符 “空格” 问题
代码示例
运行结果：
粘贴到浏览器上会被浏览器解码出来给用户看到:
网页截图：
运行结果：
粘贴到浏览器上会被浏览器解码出来给用户看到:
网页截图：
运行结果：
粘贴到浏览器上会被浏览器解码出来给用户看到:
网页截图：
其中 %20 是空格经过编码后的结果
从上面的案例可以看到，如果 url 中有空格出现，且不经过特殊处理，那么将会导致浏览器无法正确解析 url，从而导致 url 重定向失败，那么问题的原因是什么呢？首先来看一下URL的组成部分
下面是一个简单的 URL 链接：
它主要有下面几个部分组成
- 协议：URL 的网络传输协议,如 http、https、ftp 等。表示资源访问需使用何种协议；
- 服务器名称：表示要访问的服务器主机名或 IP 地址；
- 端口（可选）：服务器使用的端口号，如 http 默认的端口是 80，https 默认的端口是443，如果省略则使用该协议的默认端口；
- 路径：表示服务器上具体资源的路径信息：例如“/index.html”；
- 查询参数（可选）：路径后加问号开头的查询字符串，用于传递额外的参数，如”?id=123”;
- 锚点（可选）：链接内的超链接锚点定位，例如“#content”；
- HTTP请求不包括#
- #是用来指导浏览器动作的，针对浏览器起作用,对服务器端完全无用
- 访问http://www.example.com/index.html#print，浏览器实际发出的请求只是请求index.html，没有\”#print\”部分。
- 位于#后面的字符都是位置标识符
- 在第一个#后面出现的任何字符，都会被浏览器解读为位置标识符。 这意味着，这些字符都不会被发送到服务器端。
- 在URL中指定一个颜色值 http://www.example.com/?color=#fff 但浏览器实际发出的请求是\”#fff\”被省略了。只有将#转码为%23，浏览器才会将其作为实义字符处理。http://example.com/?color=%23fff
- 改变#后面的参数不会触发页面重载
- 改变#后面的参数会改变浏览器的访问历史
- 用户名密码（可选）：用于基础的 HTTP 认证的用户名和密码；
在 URL 编码过程中，会遵循以下的规则：
- 空格：替换成 + （%20）
- /：分割目录和子目录
- ?：分割 URL 和查询
- %：指定特殊字符
- #：指定书签 （%23）
- &：指定分隔参数 （%26）
- =：指定参数的值（%3D）
- URL 作为资源定位符,它需要保证各个组成部分(协议、主机名、端口、路径等)之间使用统一的分隔符,通常采用斜线\”/\”。如果直接使用空格,很难区分路径中的空格与路径之间的分隔；
- 早期URL标准没有规定如何处理空格等特殊字符,直接包含空格可能导致解析或匹配时产生歧义；
- 例如：http://www.example.com/products/product name.html
- 当浏览器在解析这个 URL 的时候，可能就会产生下面的歧义问题：
- 1、是否应该解析为两个路径组件\”products/product\”和\”name.html”
- 2、搜索引擎或其他系统进行URL匹配检索时,不清楚空格是否应该作为路径分隔符来匹配； 3、攻击者可以构造歧义URL,利用空格来规避安全机制或进行异常操作；
- 包含空格特殊字符可能会破坏URL本身结构或导致安全问题；
- 包含空格可能导致传输或存储时产生问题。例如传输过程中空格是否需要编码等问题没有明确规定；
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场，未经允许不得转载。
投诉举报&联系我们：
