注释
<--!这是一段注释-->样式表
外部样式(CSS)
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>内部样式
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head>标题
<h1>这是一个标题</h1>标题范围为可为h1~h6。
段落
<p>这是一个段落</p>段落内换行需使用<br />标签。 若希望实现对空格与换行符的保留则可使用<pre></pre>标签。
<pre> hello, how are you? </pre>图片
<img src="url" />链接
<a href="url" target="_blank"><img src="url"></a>以上链接会在新标签页中显示,由target = “blank”这一属性定义。 此链接被置于来源为url地址的图片上。
列表
无序(号)列表
<ul> <li>Apple</li> <li>Boy</li> </ul>有序(号)列表
<ol> <li>Apple</li> <li>Boy</li> </ol>块
<span>
<p><span class="tip">提示:</span>...</p><div>
<p><div class="tip">提示:...</div></p>表单
<form method="POST" action="action_page.php"> Username:<br /> <input type="text" name="username"> <br /> Password:<br /> <input type="password" name="password"> <br /> <input type="submit" value="submit"> </form>关于method的选择:POST安全性好,GET适合少量数据提交。 具有name属性的表单元素才会被提交。