一、HTML基础
1、块级元素和内联元素
在 HTML 中有两种重要元素类别,块级元素和内联元素。
- 块级元素在页面中以块的形式展现。一个块级元素出现在它前面的内容之后的新行上。
- 内联元素通常出现在块级元素中并环绕文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行。它通常与文本一起使用,例如,<a> 元素创建一个超链接,<em> 和 <strong> 等元素创建强调。
2、HTML 注释
为了将一段 HTML 中的内容置为注释,需要将其用 <!--
和 -->
包裹起来
<p>我在注释外!</p>
<!-- <p>我在注释内!</p> -->
二、HTML 元信息
1、HTML 头部包含 HTML <head> 元素的内容,与 <body> 元素内容不同,页面在浏览器加载后它的内容不会在浏览器中显示,它的作用是保存页面的一些元数据。
<head>
<meta charset="utf-8" />
<title>我的测试页面</title>
</head>
2、添加 name 和 content
许多 <meta>
元素包含了 name
和 content
属性:
name
指定了 meta 元素的类型;说明该元素包含了什么类型的信息。content
指定了实际的元数据内容。
3、在 HTML 中应用 CSS 和 JavaScript
<link> 元素经常位于文档的头部,rel="stylesheet"
表明这是文档的样式表,而 href
包含了样式表文件的路径:
<link rel="stylesheet" href="my-css-file.css" />
<script> 元素也应当放在文档的头部,并包含 src
属性来指向需要加载的 JavaScript 文件路径,同时最好加上 defer
以告诉浏览器在解析完成 HTML 后再加载 JavaScript:
<script src="my-js-file.js" defer></script>
三、HTML 文本处理
1、列表
<ol>
<li>沿这条路走到头</li>
<li>右转</li>
<li>直行穿过第一个十字路口</li>
<li>在第三个十字路口处左转</li>
<li>继续走 300 米,学校就在你的右手边</li>
</ol>
2、强调
- 斜体:
<em>文本</em>
- 加粗:
<strong>文本</strong>
四、超链接
(未完待续……)