HTML 基础- 4个实例

本节通过实例向您演示最常用的 HTML 标签。

  1. 学习 HTML 最好的方式就是动手实操。

  2. 本站有很好的 HTML 在线编辑器。使用这个编辑器,您可以任意编辑一段 HTML 代码,然后单击运行按钮来查看结果。

  3. 不要担心本节中您还没有学过的例子,您将在后续的内容中学到它们。

HTML 标题

HTML 标题(Heading)是通过 h1 - h6 标签来定义的.

h是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文 等。

这里有六个标题元素标签 —— h1、h2 、h3、h4、h5、h6,每个元素代表文档中不同级别的内容:

  1. h1 表示主标题( the main heading )

  2. h2 表示二级子标题( subheadings )

  3. h3表示三级子标题( sub-subheadings )

  4. h4、h5、h6字体的大小依次递减。

实例

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

P是英文paragraph段落的缩写,经常被用来创建一个段落,就和你写作文的自然段一样

实例

通常文章的自然段会空两格,我们可以使用css方式调整 text-indent: 2em;

看不懂? 不要担心, 现在先保持一个印象, 有实现两格的功能. 后续学了css就明白啦!

HTML 链接

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

a标签,也叫anchor(锚点)元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。

实例

有时候我们需要在新的窗口或选项卡打开页面,可以使用 target="_blank"

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

HTML 图像

HTML 图像是通过标签 <img> 来定义的。使用img元素来为你的网站添加图片,使用src 属性指向一个图片的具体地址。

实例

注释:一般情况下图片的尺寸是用css来控制的。

关注本站微信公众号