专业编程基础技术教程

网站首页 > 基础教程 正文

Html基本的四个实例标签 html5代码实例

ccvgpt 2024-10-17 08:56:35 基础教程 8 ℃

学习 HTML 最好的方式就是边学边做实验。您可以用Dreamweaver进行实例操作

HTML 标题

Html基本的四个实例标签 html5代码实例

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

实例

[demo]

<html>

<head>

<meta charset="UTF-8">

</head>

<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>

[/demo]

HTML 段落

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

实例

[demo]

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<p>这是段落。</p>

<p>这是段落。</p>

<p>这是段落。</p>

<p>段落元素由 p 标签定义。</p>

</body>

</html>

[/demo]

HTML 链接

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

实例

[demo]

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<a href="http://www.w3school.com.cn">

This is a link</a>

</body>

</html>

[/demo]

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

HTML 图像

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

实例

[demo]

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<img src="./imagecopy1234567890/test.gif" width="300" height="120" />

</body>

</html>

[/demo]

Tags：

猜你喜欢

最近发表
标签列表