Web安全基础 | HTML基础

关于HTML和Javascript基础这部分因为之前就学过,而且比较简单,在W3School再次复习了下。

顺便梳理记下常用的一些标签:

1. 字体效果

标签

功能

<h1>...</h1>

标题字(最大)

<h6>...</h6>

标题字(最小)

<b>...</b>

粗体字

<strong>...</strong>

粗体字(强调)

<i>...</i>

斜体字

<em>...</em>

斜体字(强调)

<dfn>...</dfn>

斜体字(表示定义)

<u>...</u>

底线

<ins>...</ins>

底线(表示插入文字)

<strike>...</strike>

横线

<s>...</s>

删除线

<del>...</del>

删除线(表示删除)

<kbd>...</kbd>

键盘文字

<tt>...</tt>

打字体

<xmp>...</xmp>

固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>

固定宽度字体(不执行标记符号)

<listing>...</listing>

固定宽度小字体

<font color=00ff00>...</font>

字体颜色

<font size=1>...</font>

最小字体

<font style =font-size:100 px>...</font>

无限增大

2.区断标记

标签

功能

<hr>

水平线

<hr size=9>

水平线(设定大小)

<hr width=80%>

水平线(设定宽度)

<hr color=ff0000>

水平线(设定颜色)

<br>

(换行)

<p>...</p>

水域(段落)

<center>...</center>

置中

3.链接

标签

功能

<a href=地址></a>

外部连结

<a href=地址 target=_blank></a>

外部连结(另开新窗口)

<a href=地址 target=_top></a>

外部连结(全窗口连结)

<a href=地址 target=页框名></a>

外部连结(在指定页框连结)

4.图像/音乐

标签

功能

<img src=图片地址>

贴图

<img src=图片地址 width=180>

设定图片宽度

<img src=图片地址 height=30>

设定图片高度

<img src=图片地址 alt=提示文字>

设定图片提示文字

<img src=图片地址 border=1>

设定图片边框

<bgsound src=MID音乐文件地址>

背景音乐设定

5.表格

标签

功能

<table aling=left>...</table>

表格位置,置左

<table aling=center>...</table>

表格位置,置中

<table background=图片路径>...</table>

背景图片的URL=就是路径网址

<table border=边框大小>...</table>

设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>

设定表格的背景颜色

<table borderclor=颜色码>...</table>

设定表格边框的颜色

<table borderclordark=颜色码>...</table>

设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>

设定表格亮边框的颜色

<table cellpadding=参数>...</table>

指定内容与网格线之间的间距(使用数字)

<table cellspacing=参数>...</table>

指定网格线与网格线之间的距离(使用数字)

<table cols=参数>...</table>

指定表格的栏数

<table frame=参数>...</table>

设定表格外框线的显示方式

<table width=宽度>...</table>

指定表格的宽度大小(使用数字)

<table height=高度>...</table>

指定表格的高度大小(使用数字)

<td colspan=参数>...</td>

指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>

指定储存格合并列的列数(使用数字)

6.表单元素

标签

功能

<form>...</form> 

HTML 表单用于收集用户输入

<form action=地址>

定义在提交表单时执行的动作

<input method="GET/POST">

规定在提交表单时所用的 HTTP 方法,选择GET时,表单数据在页面地址栏中是可见的.POST是不可见的,安全性更加。默认是GET提交

<input type="text" name=名称>

用于文本输入的单行输入字段

<input type="radio">

定义单选按钮,允许用户在有限数量的选项中选择其中之一

<input type="submit">

用于向表单处理程序提交表单的按钮。

<input name=字段名称>

如果要正确地被提交,每个输入字段必须设置一个 name 属性。

<select name=名称>...</select>

定义下拉列表

<option value=名称></option>

定义待选择的选项

<textarea name=名称></textarea>

定义多行输入字段(文本域)

<button type="button" onclick=" ">...</button>

定义可点击的按钮

猜你喜欢

转载自blog.csdn.net/qq_42646885/article/details/90110301