HTML常用标签及约束

最新推荐文章于 2023-05-07 23:36:37 发布

captainYi

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量868

点赞数

分类专栏： html5 文章标签： html

本文链接：https://blog.csdn.net/u013575896/article/details/78555854

版权

html5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

样式表

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

captainYi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
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>
复制链接

扫一扫