
0x0
<html>
<head>
<!--注释:字符编码 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>没有使用CSS javascript</title>
</head>
<body>
<h2 align="left">未使用css javascript</h2>
<hr>
<p>这是一个未使用css javascript</p>
</body>
上面这段就是简单的html代码演示,保存html后缀名就可以使用浏览器打开。

HTML的编辑环境:任何的文本编辑器,word、wps,保存格式为html或者htm格式。
HTML工具:记事本工具(vim\notepad++等),需要用户掌握HTML语言
Dreamweaver \frontpage,容易产生废代码。
0x01HTML文档结构
<html> HTML文档的开始
<head></head> HTML文档头部分
<body></body> HTML文档体部分
</html> HTML以这个为结束
0x02语法
描述功能,“标记”:<html> <head> <body>这些都是标记,无头的<>为开始,</>斜杠标记为结束。
单标记:<br>
双标记:<标记>内容</标记>

以上的效果代码是:
<html>
<head>
<title>请输入密码:</title>
</head>
<body>
<form>
<table width = "321" border="1">
<tr>
<td>请输入密码</td>
</tr>
<tr>
<td>密码<input type="password" name="text1">
</td>
</tr>
</table>
</form>
</body>
</html>
<table>是表格标签。
0x03属性
使用下面代码更加印象深刻:

<html>
<head>
<title>属性的方法</title>
</head>
<body>
水平线属性:粗细为1,对齐方式为左对齐,宽度为整个屏幕的75%
<hr size=1 align=left width="75%">
</body>
</html>
属性方法2:

<html>
<head>
<title>属性的方法</title>
</head>
<body>
水平线属性:粗细为5,对齐方式为右对齐,宽度为整个屏幕的100% 颜色为红色
<hr size=5 align=right width="100%" color=red>
</body>
</html>
最后来个小例子:

<html>
<head>
<title>SQLmap</title>
</head>
<body>
<img src="2.png" width="652px" height="142px" alt="broadview banner">
<p>这个图片就是sqlmap</p>
</body>
</html>