HTML基础

简介:

前言

本节通过实例来演示最常用的 HTML 标签。不用担心本节中还没有学过的例子,这些都将在下面的章节中学到。学习 HTML 最好的方式就是边学边做实验。

HTML 标题

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

示例:

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>

</body>
</html>

HTML 段落

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

示例:

<html>
<body>

<p>段落。</p>
<p>段落。</p>

</body>
</html>

HTML 链接

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

示例:

<html>
<body>

<a href="http://blog.csdn.net/liang19890820">一去丶二三里</a>

</body>
</html>

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

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<html>
<body>

<img src="F:\\test.gif" width="300" height="400" />

</body>
</html>

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

这里写图片描述

相关文章
|
前端开发
前端基础 - HTML框架集之FrameSet
前端基础 - HTML框架集之FrameSet
80 0
|
前端开发
前端基础 - HTML常用标签
前端基础 - HTML常用标签
46 0
|
3月前
|
Web App开发 存储 移动开发
前端基础(十七)_HTML5新特性
本文概述了HTML5的关键新特性,包括canvas图形绘制、多媒体的`video`和`audio`元素、本地存储功能、语义化标签(如`header`、`footer`、`nav`等)及其新增表单控件和属性(如`url`、`email`、`date`类型输入框等)。这些改进增强了网页的功能性和用户体验。
46 1
前端基础(十七)_HTML5新特性
|
2月前
|
前端开发 JavaScript 数据安全/隐私保护
【前端基础篇】HTML零基础速通2
【前端基础篇】HTML零基础速通
20 2
|
2月前
|
Web App开发 移动开发 前端开发
【前端基础篇】HTML零基础速通1
【前端基础篇】HTML零基础速通
31 1
|
3月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
151 1
|
4月前
|
移动开发 前端开发 程序员
后端程序员的前端基础-前端三剑客之HTML
后端程序员的前端基础-前端三剑客之HTML
42 9
|
4月前
|
移动开发 前端开发 搜索推荐
前端基础101之HTML总结
【8月更文挑战第1天】
23 4
|
6月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
34 0
前端基础学习(一)HTML入门