HTML 基础

不要担心本章中您还没有学过的例子.

您将在下面的章节中学到它们.


HTML 文档

所有HTML文档都必须以文档类型声明开头: <!DOCTYPE html>.

HTML文档本身以 <html> 开头,以 </html>结尾.

HTML文档的可见部分位于 <body></body>之间.

实例

<!DOCTYPE html>
<html>
<body>
<h1>这是标题</h1>
<p>这是段落.</p>
</body>
</html>
运行 »

HTML 标题

HTML 标题(Heading)使用 <h1><h6> 标签定义.

<h1> 定义最重要的标题. <h6> 定义不重要的标题:

实例

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
运行 »


HTML 段落

HTML 段落是通过标签 <p> 来定义的:

实例

<p>这是一个段落.</p>
<p>这是另外一个段落.</p>
运行 »

HTML 链接

HTML 链接是通过标签 <a> 来定义的:

实例

<a href="https://www.uihtml.com">这是链接</a>
运行 »

href 属性中指定链接的地址.

属性用于提供有关HTML元素的其它信息.

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


HTML 图像

HTML 图像是通过标签 <img> 来定义的.

源文件 (src), 替代文本 (alt), 宽度, 和 高度 是以属性的形式提供的:

实例

<img src="uihtml.jpg" alt="uihtml.com" width="104" height="142">
运行 »

HTML 按钮

HTML 按钮是通过标签 <button> 来定义的:

实例

<button>Click me</button>
运行 »

HTML 列表

HTML l列表使用 <ul> (无序/项目符号列表) 或 <ol> (有序/编号列表) 标签定义, 后跟 <li> 标签 (列表项):

实例

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
运行 »