HTML是超文本标记语言,那么什么是纯文本呢?在纯文本编辑器中编写的内容都是纯文本,那么什么就是纯文本编辑器呢?比如window系统中的记事本,sublime等都是纯文本编辑器。网页就是纯文本。纯文本中只能保存文本内容,图片,音频,视频等格式化 的内容,都不能设置。
那既然网页是纯文本,能不能用记事本写呢?能,那我们举个例子
在浏览器中的显示效果
(注意:记事本保存时将扩展名改为html,有时候也会见到htm格式的,他和html一样,因为以前的系统只支持三位扩展名,比如exe,doc等等)
是不是有点简单?上文也提到了HTML时超文本标记语言,那么在文本前还有一个“超”字,那什么是超文本呢?纯文本只能显示文字内容,那在网页中能不能引入文字以外的内容呢?都可以,简单的理解来说超文本就是超出文本,在文本基础上扩展,比如可以保存音频,视频,图片等,实际的意思指的是:“超”是超链接的意思。
除此之外,还有“标记”,那标记是干啥的呢?举个例子,我想告诉全世界我是大帅哥,该怎么办呢?带一个两米高的帽子,帽子上写上我是帅哥,然后走出去,第一眼看到这个帽子,是不是知道帅哥来了,所以我可以通过一个帽子来标识我自己。我想把几个文字弄成一级标题,我是不是可以给这段文字戴上一个帽子呀,那怎么戴帽子呢?就用到了超文本标记语言中的标记,那标记指什么呢?标记指的就是标签,我们用标签来标记网页中的内容。
那怎么给文字添加一级标题呢?这就需要h1标签(<h1>)将几个字括起来,标签一般成对出现,为了区分开始标签和结束标签,就在结束标签中家一个符号/(</h1>)
但他并不是一个标准格式,首先有一对根标签<html></html>,根嘛,根据字面意思理解,这对标签有且只有一对。在html标签中还有两个子标签分别是<head></head><body></body>,head和body在html标签里面,所以他们为子标签,html为他们的父标签,而head和body是兄弟元素。
head标签也有一个子标签<title></title>
由下图看,同理可以得到html标签为title标签的祖先标签,而title为html的后代标签
head标签是干什么的呢?head,头部的意思,就是用来设置html的头部信息,他不会在网页中直接显示,他是设置一些信息给浏览器看的,帮助浏览器解析网页
body表示网页的主体,页面中所有的可见的内容都应该写在body里,title标题的意思,如下图
浏览器显示如下图
好啦,今天就说到这里,说的有点多,喜欢的就点个赞吧!