html h5标签,H5笔记——HTML常用的标签

HTML的结构

/* 标题 */

HTML常用的标签

标题标签—h

总共有6级，依次从大到小。

标题标签

我是h1标签

我是h1标签

我是h1标签

我是h1标签

我是h1标签

我是h1标签

浏览器显示效果如下：

Paste_Image.png

表单标签—input

表单标签

为换行标签，type和value为input的属性，可以改变它的样式。显示效果如下：

Paste_Image.png

段落标签—p

段落标签

我是段落标签我是段落标签

我是段落标签我是段落标签我是段落标签

显示效果如下：

Paste_Image.png

超链接标签—a

比如说加载百度网页。

超链接标签

百度

显示效果如下：直接点击文字跳转到百度页面，blank是在新的页面加载百度。如果href="#",就是表示为空链接，跳转到当前界面。

Paste_Image.png

图像标签—img

在本地放一张图片，跟创建的html文件同级，直接加载图片。

图像标签


显示效果：

Paste_Image.png

结合上面超链接标签，来实现点击图片跳转百度页面，如下代码所示：

图像标签



alt后面的文字，只有在图片加载失败的时候，才会出现，现在加载成功，显示效果如下：

Paste_Image.png

列表标签

列表标签分为有序列表(ol)和无序列表(ul)。

代码如下：

列表标签

• 我是无序列表
• 我是无序列表
• 我是无序列表
• 我是无序列表
• 我是无序列表

1. 我是无序列表
2. 我是无序列表
3. 我是无序列表
4. 我是无序列表
5. 我是无序列表

显示效果：

Paste_Image.png

有序列表的type还可以等于A、I、a、i。

无序列表的type还可以设置为circle。

Paste_Image.png