一、什么是网页?什么是HTML?
1、网页时网站中的一页,通常时HTML格式的文件,通过浏览器来阅读(网站是网页的集合);网页是构成网站的基本元素,通常由图片,文字,声音,视频等组成。
2、HTML是超文本标记语言,不是一种编程语言,而是一种标记语言。例如:页面需要一张图片:
二、HTML基本结构标签(骨架标签)
1、基本语法概念:所有标签都在一对尖括号里面,标签大部分标签成对存在的<html></html>,但是也有单标签,例如<br />;
2、标签含义:
3、标签关系:包含关系和并列关系
包含关系:
并列关系:
4、实践: 新建一个文本文档,在里面写下想要的内容
之后将后缀.txt改成.html,打开这个网页,将会得到我们的书写内容
三、利用VScode创建页面
新建文件并保存,将后缀改成.html,输入!并点击Tab键,将会得到,并修改标题和主体,改成我们需要的。
刚开始右键运行时,发现没有open in default browser,查询博客发现没有安装open in browser.
下载之后,右键运行可以得到:
四、新增标签(一定要写!)
1.文档类声明标签
<!DOCTYPE>告诉浏览器使用的是哪种HTML版本来显示网页
注:1.位置位于文档最前面,处于<html>标签之前 2.不是一个HTML标签,就是文档类声明标签
2.lang语言种类
en就是英文网页,zh-CN就是中文网页
3.字符集
存储各种各样的文字,GB2312表示简体中文,BIG5表示繁体中文,GBK则是表示包含这两种, 其中 UTF-8被称为万国码。
五、HTML常用标签
1.标题标签<h1> - <h6>(h->head),数字越小越重要,标题独占一行
2.段落标签
<p>段落标签</p>
在vscode里面显示的是两段,已经换行,但是在网页中却是一整段
使用<p>段落标签</p>,将两段文字进行分段
3.换行标签<br />(单词break的缩写):强制换行
特点:1.单标签2.<br />标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。