HTML 基础

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

提示:不要担心本章中您还没有学过的例子,您将在下面的章节中学到它们。

提示:学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

HTML 标题

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

h 是英文header标题的缩写,标题无处不在,它的应用范围十分广泛:网站结构、写作文、PPT 等。h1 是主标题,h2 是副标题,h3、h4、h5、h6 依次递减字体的大小。

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
亲自体验一下

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。P 是英文 paragraph 段落的缩写,经常被用来创建一个段落。

<p>这是一个段落.</p>
<p>这是另一个段落.</p>
亲自体验一下

HTML 链接

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

<a href="http://www.waibo.wang">这是一个链接</a>
亲自体验一下

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

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

HTML 图像

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

<img src="waibo.jpg" width="104" height="142" />
亲自体验一下

注释:图像的名称和尺寸是以属性的形式提供的。img 元素是自关闭元素,不需要结束标记。

返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验