第一次课
课前: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="网上购物">