HTML基础



如果这些实例中有你没有学过的标签,不要担心,你将在后面的章节中学习到它们。


HTML文档

所有的HTML文档必须以 <!DOCTYPE html> 开始。

所有HTML文档本身以 <html> 开始以 </html> 结尾。

HTML文档的看见部分以 <body> 开始以 </body> 结尾。

例如:

<!DOCTYPE html>
<html>
<head>
  <title>编程字典</title>
  <meta charset="utf-8">
</head>
<body>

  <h1>这个是标题</h1>
  <p>这个是段落.</p>

</body>
</html>

让我试试

HTML 标题

HTML 标题使用标签 <h1><h6> 定义

<h1>定义最重要的标题,<h6>定义最不重要的标题。

<h1>标题 1</h1>
<h2>标题 2</h2>
<h3>标题 3</h3>
<h4>标题 4</h4>
<h5>标题 5</h5>
<h6>标题 6</h6>

让我试试

HTML 段落

HTML段落使用 <p> 标签定义:

例如:

<p>这是一个段落.</p>
<p>这是一个段落.</p>
<p>这是一个段落.</p>

让我试试

HTML 链接

HTML链接使用 <a> 标签定义

例如:

<a href="http://www.CodingDict.com">编程字典</a>

让我试试

链接的目标使用 href 属性来定义

其他属性用来提供一些关于HTML元素的额外信息

HTML图片

HTML图片使用 <img> 标签定义

他们有 src(图片源路径)alt(附加信息)width(宽度)和 height(高度)等信息

例如:

<img src="new_logo.png" alt="CodingDict.com" width="250" height="122">

让我试试