第一次课(上)

第一次课

课前:vscode+liveSever

1.新建一个以.html为后缀的文件,以英文命名

<span>hello world</span>
这是一对标签，在html中，浏览器通过标签来渲染页面。
标签通常是成对出现的，但是有少部分标签是自闭合标签。

2.自闭合标签(6)

<br>:换行符
<hr>:水平分割线，horizontal rule
<img>：图片标签
<link>:链接
<input>：输入框
<meta>：提供元信息

3.写代码的结构

在英文的输入法的状态下，输入!，然后按下回车enter或者tab

4. html文件基本结构

html:标识html文档的开始和结束
    head:包含了有关html文档的信息
            ※title：必要的
    body:文档的主要部分
html
<!-- 修改title -->

5.含义

5.1 !DOCTYPE

<!DOCTYPE html><!--doctype,doc type,doc文档类型，告诉浏览器我们要使用什么版本的html语言 -->

5.2 html文件基本结构

<!-- 
    html:标识html文档的开始和结束
        head:包含了有关html文档的信息
                ※title：必要的
        body:文档的主要部分
    html
 -->
<html lang="en">
    <head>
        <title>123</title>
    </head>
    <body>
    </body>
<ml>

5.3 meta标签

<!-- meta:提供页面相关的元信息
    用法：属性 content
    属性:
        name:
            keywords
            description
        http-equiv:
            refresh
        scheme:h5不支持
-->
<meta charset="UTF-8">
<meta http-equiv="refresh" content="2;url=http://www.baidu.com" >                            
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="网上购物">
posted @ 2021-03-27 23:10  Calculus9  阅读(38)  评论(0)  编辑  收藏  举报