对html css javascript的了解 (21天学会htmlcssjavascript)

htmlcssjavascript从入门到精通,html与cssjavascript

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后缀名就可以使用浏览器打开。

htmlcssjavascript从入门到精通,html与cssjavascript

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>

双标记:<标记>内容</标记>

htmlcssjavascript从入门到精通,html与cssjavascript

以上的效果代码是:

<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属性

使用下面代码更加印象深刻:

htmlcssjavascript从入门到精通,html与cssjavascript

<html>

<head>

<title>属性的方法</title>

</head>

<body>

水平线属性:粗细为1,对齐方式为左对齐,宽度为整个屏幕的75%

<hr size=1 align=left width="75%">

</body>

</html>

属性方法2:

htmlcssjavascript从入门到精通,html与cssjavascript

<html>

<head>

<title>属性的方法</title>

</head>

<body>

水平线属性:粗细为5,对齐方式为右对齐,宽度为整个屏幕的100% 颜色为红色

<hr size=5 align=right width="100%" color=red>

</body>

</html>

最后来个小例子:

htmlcssjavascript从入门到精通,html与cssjavascript

<html>

<head>

<title>SQLmap</title>

</head>

<body>

<img src="2.png" width="652px" height="142px" alt="broadview banner">

<p>这个图片就是sqlmap</p>

</body>

</html>