学习HTML的第一天

一、什么是网页?什么是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 />标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值