您现在的位置是: 文字教程> 前端教程> HTML教程>

前端入门学习第二课,HTML基础标签-

2019-03-22 11:52:1610
本节课主要讲述一些简单的HTML标签,其中有常见的h1标签到h5标签,p标签、br换行、超链接a标签,img图片标签。

HTML基础标签

HTML里,比较基础的标签主要用于标题,段落和分行。

学习HTML最好的方法,就是跟着示例学。


一、正文标题

HTML用

这几个标签来定义正文标题,从大到小。每个正文标题自成一段。

A


B

C

D

E

F

代码块

HTML基础标签


打开浏览器后显示

打开浏览器后显示

二、段落划分


放眼合肥,目前哪些区域能称的上富人区?……本站将推出系列报道,寻找合肥富人区。


城市,是大多数人的生活重心,对于高端人士来说,更是如此。……同时也是合肥名副其实的“富人区”。

在HTML里用

划分段落。

段落划分

段落划分

换行

通过使用
这个标签,可以在不新建段落的情况下换行。
标签是空标签,没有结束标签,因此
是错误的写法。

换行

换行


三、HTML注释


在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。

注释可以写在之间。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。

 

HTML注释

HTML注释

一些小建议

HTML文件会自动截去多余的空格。不管你加多少空格,都被看做一个空格。 一个空行也被看做一个空格。

有些Tag能够将文本自成一段,而不需要使用


来分段。比如

之类的标题Tag。


四、HTML 链接

链接指从一个网页指向一个目标的连接关系,所指向的目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是图片、电子邮件地址、文件、甚至是应用程序

HTML 链接是通过 标签进行定义的。

这是跳转百度的一个链接

注释:在 href 属性中指定链接的地址。

(您将在本教程稍后的章节中学习更多有关属性的知识)。

image.png

HTML 链接


五、HTML 图像

HTML 图像是通过 图片关键词 标签进行定义的。

图片关键词

注释:图像的名称和尺寸是以属性的形式提供的。

在后面的章节会详细介绍这些标签

HTML 图像

HTML 图像




文章评论