HTML总结

这篇文章是看暗月师傅的html教程的一个总结，说是总结也就是把月师傅的教案copy下来然后添加一些自己的想法罢辽。

HTML页面结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
    </head>
    <body>
    </body>
</html>

HTML常见标签

meta标签

<meta>该标签可以提供页面的元信息，比如针对搜索的搜索引擎和更新频度的描述和关键词。

该标签页面不做渲染，但搜索引擎在爬取页面的过程中meta标签会成为一个表示页面属性和内容的重要的参考因素，我之前在一个后台页面看到一个图形化seo的操作我猜测是根据该标签来实现的。

link标签

定义文档与外部资源的关系，代表引用的某些外部资源。

script

引入js文件。

注释

<!--这是一段注释-->

段落

<p>这是段落</p>

标题标签

<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

换行

<hr>

加粗

<strong>加粗</strong>
<b>加粗</b>

斜体

<i>斜体</i>

下划线

<u>下划线</u>

上标下标

<sup>上标</sup>
<sub>下标</sub>

删除线

<del>删除线</del>

规定字体属性

<font size="字体大小" color="字体颜色">规定字体属性</font>

代码样式原样输出

<pre>hello world，输出原样代码样式</pre>

 

表单

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

method 规定提交的方法 get、post

enctype 属性规定发送到服务器之前应该如何编码

　　　　可能的值

　　　　application/x-www-form-urlencoded

　　　　multipart/form-data

　　　　text/plain

input标签

name 表示文本输入框的名称

size 表示输入框的长度

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

value 输入框中的默认值

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

input 类型 会因为类型的不一样而导致样式不一样

type=password 密码输入框

type=file 文件上传

type=hidden 隐藏域

type=button 按钮

type=checkbox 选择框

type=radio 多选框

type=submit 提交按钮

type=reset 重置按钮

 

a标签 控制页面与页面之间跳转的

target 默认是self：用于在当前选项卡中跳转，也是不新建页面跳转

_blank 新建页面跳转

a标签还可以实现锚文本

 

img元素 向网页中嵌入一幅图像

<img src="规定图像的url" alt="规定图像无法显示的代替文本" width="规定图片的高度" height="规定图片的宽度">

 

table 表格

 

border 边框

width 宽度

height  高度

colspan 行

rowspan 竖

<th></th>
<tr>行</tr>
<td>表格</td>
cellpadding 单元边与内容的空白
cellspacing 单元格的空白

列表标签

框架

我个人觉得框架算是一个比较重要的知识点，部分的页面是由不同的页面拼凑而成的，单论框架也算不上难，但是如果没有接触过这个知识点可能在测试的时候遇到就会有点懵。

frameset 不能在body内使用

frame 一般都是在frameset内使用

cols 定义框架集中列的数目和尺寸

rows定义框架集中行的数目和尺寸

 

后记：对于web安全而言，这些html的前置知识算是够用了，况且我们仅仅需要能够看懂这些标签代表了什么 含义，再者不会可以百度嘛。

posted @ 2022-01-08 10:47  r0nGer  阅读(37)  评论(0)    收藏  举报