HTML常用标签及约束

注释
```

```

样式表

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

巴特西

HTML常用标签及约束

最新文章

热门文章