HTML基础

最新推荐文章于 2024-08-20 10:31:33 发布

原创最新推荐文章于 2024-08-20 10:31:33 发布 · 113 阅读

CC 4.0 BY-SA版权

解析HTML文档：

<!DOCTYPE html> — 文档类型。
<html></html> — <html> 元素。这个元素包含了整个页面的内容，有时也被称作根元素。
<head></head> — <head> 元素。这个元素可以包含你想添加的所有内容，但是不会被用户所看到。
<body></body> — <body> 元素。这个元素包含了你想让用户在访问你的页面时看到的内容.
<meta charset="utf-8"> — 这个元素指定了你的文档需要使用的字符编码是 UTF-8 ，它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码，而且也可以避免以后可能出现的问题。
<title></title> — <title> 元素。这个元素设置了页面的标题，标题显示在浏览器标签页上，而且在你将网页添加到收藏夹或喜爱中时将作为默认名称。

图像

<img>元素，将图像嵌入到元素所在位置。它通过包含图像文件路径的 src (source) 属性实现这一功能。

<img src="images/firefox-icon.png" alt="My test image">

alt (alternative) 属性 —— 这个属性是图像的描述内容，当图像损坏时，可以在图像位置显示

标记文本：
标题：（不同于页面标题title）

HTML 包括六个级别的标题， <h1>–<h6> ，虽然你可能只会用到 3-4 最多。

段落：

<p> 元素是用来指定段落的。你会经常使用它来指定常规的文本内容

列表：

最常用的列表类型是有序列表（ ordered lists ）和无序列表（ unordered lists ）

链接：

链接非常重要 — 它们让 Web 成为了 WEB（万维网）。要植入一个链接，我们需要使用一个简单的元素 — <a> — a 是 "anchor" （锚）的缩写。

要将一些文本添加到链接中，只需如下几步：

把你想要链接的网址放到该属性内：

<a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla

href 代表hypertext reference （超文本引用）。