第一章学习笔记

2023-12-01 22:43:58

前端入门

HTML第一章

第一章 HTML页面概述

1.1基本结构

HTML用标签来规定元素的属性以及它在文档的位置

1.单独出现的标签

2.大多数标签成对出现

每个HTML页面都必须由DOCTYPE、html、head和body这四类元素构成。

主题结构代码如下

<!DOCTYPE html>
<html  lang="zh-CN">
<head>
</head>
<body>
hello world
</body>
</html>

1.2HTML网页类型

浏览器通过DOCTYPE声明来识别HTML版本，HTML文档应以DOCTYPE开始，用来说明文档中使用的标签类型

相比传统HTML和XHTML文档中的DOCTYPE，HTML5更简单，所有浏览器通用，只需要记住

<!DOCTYPE html>

1.3定义中文网页

代码如下：

<!DOCTYPE html>
<html  lang="zh-CN">
<head>
</head>
<body>
hello world
</body>
</html>

lang="zh-CN"，zh-CN为中文简体，英文的是en，这种定义语言，网页上并没有特殊效果，但是浏览器的翻译功能就可以通过这一行代码来识别源语言，进行翻译。

1.4 网页的标题

<html>标签中的HTML代码主要分成两部分：第一部分是文档头，包含在<head>标签对内，第二部分是文档正文，包含在<body>标签内。

<!DOCTYPE html>
<html  lang="zh-CN">
<head>
    <meta charset='utf-8' />
    <title>这个是标题</title>
</head>
<body>
hello world
</body>
</html>

实例中head元素包含<meta>和<title>标签。每个HTML文档头部都应该包含这两个基本元素。

1.5文档头部

可以将HTML文档分为头部和主体两个重要的部分，头部文档使用head元素进行定义

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>文档标题</title>
        <style type="text/css"></style>
        <script type="text/javascript"></script>
    </head>

    <body>
        <!-- 这里是文档的内容 -->
    </body>

</html>

第五行用meta定义文档编码类型，第六行定义标题内容，第七行定义样式，第八行定义脚本（以后会深入研究第七行和第八行的内容）

1.6文档主体

<!DOCTYPE html>
<html>
    <head>

        <title>标题</title>
    </head>

    <body  bgcolor="blue">
        <h2>背景是蓝色</h2>
    </body>


</html>

bgcolor设置背景颜色，<h2>对设置body的内容，body可以继续添加其他标签。

码农公寓