该笔记为观看acwing(acwing.com]) 后编写,其中部分内容转自acwing,如有侵权请联系我
文档结构
html
的所有标签为树形结构,例如:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web应用课</title>
</head>
<body>
<h1>第一讲</h1>
</body>
</html>
HTML标签
HTML
元素表示一个HTML
文档的根(顶级元素),所以它也被称为根元素。所有其他元素必须在此元素的内。
title标签
HTML中<title>
元素 定义文档的标题,显示在浏览器的标题栏或标签页上。它只应该包含文本,若是包含有标签,则它包含的任何标签都将被忽略。
meta
HTML<meta>
元素表示那些不能由其它 HTML
元相关(meta-related)元素((<base>
,<link>
,<script>
,<style>
或<title>
)之一表示的任何元数据信息。
常见属性
charset
:这个属性声明了文档的字符编码。如果使用了这个属性,其值必须是与 ASCII
大小写无关(ASCII case-insensitive)的”utf-8
”。
name
:name
和content
属性可以一起使用,以名-
值对的方式给文档提供元数据,其中name
作为元数据的名称,content
作为元数据的值。
icon
<link rel="icon" href="images/icon.png">
这行代码的作用是为网页指定一个图标(即favicon
),这个图标通常会显示在浏览器的标签页上。
具体来说:
rel="icon"
表示这个链接是一个网站图标。
href="/images/logo.png"
指定了图标的路径。在这个示例中,图标的文件名是logo.png
,存放在images
文件夹下。
多行注释
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
这里的内容均为注释
<h1>第一讲</h1>
<p>
段落。
</p>
-->
</body>
</html>
<!-- 多行注释 -->