HTML常用标签及约束

xiaoxiao2021-02-28  26

注释

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

样式表

外部样式(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属性的表单元素才会被提交。

转载请注明原文地址: https://www.6miu.com/read-1750237.html

最新回复(0)