欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

 接下来讲一些hmtl的主体框架

满满HTML的干货

 

HTML是超文本标记语言,那么什么是纯文本呢?在纯文本编辑器中编写的内容都是纯文本,那么什么就是纯文本编辑器呢?比如window系统中的记事本,sublime等都是纯文本编辑器。网页就是纯文本。纯文本中只能保存文本内容,图片,音频,视频等格式化 的内容,都不能设置。

那既然网页是纯文本,能不能用记事本写呢?能,那我们举个例子

满满HTML的干货

 

在浏览器中的显示效果

满满HTML的干货

 

(注意:记事本保存时将扩展名改为html,有时候也会见到htm格式的,他和html一样,因为以前的系统只支持三位扩展名,比如exe,doc等等)

是不是有点简单?上文也提到了HTML时超文本标记语言,那么在文本前还有一个“超”字,那什么是超文本呢?纯文本只能显示文字内容,那在网页中能不能引入文字以外的内容呢?都可以,简单的理解来说超文本就是超出文本,在文本基础上扩展,比如可以保存音频,视频,图片等,实际的意思指的是:“超”是超链接的意思。

除此之外,还有“标记”,那标记是干啥的呢?举个例子,我想告诉全世界我是大帅哥,该怎么办呢?带一个两米高的帽子,帽子上写上我是帅哥,然后走出去,第一眼看到这个帽子,是不是知道帅哥来了,所以我可以通过一个帽子来标识我自己。我想把几个文字弄成一级标题,我是不是可以给这段文字戴上一个帽子呀,那怎么戴帽子呢?就用到了超文本标记语言中的标记,那标记指什么呢?标记指的就是标签,我们用标签来标记网页中的内容。

那怎么给文字添加一级标题呢?这就需要h1标签(<h1>)将几个字括起来,标签一般成对出现,为了区分开始标签和结束标签,就在结束标签中家一个符号/(</h1>)

满满HTML的干货

 

但他并不是一个标准格式,首先有一对根标签<html></html>,根嘛,根据字面意思理解,这对标签有且只有一对。在html标签中还有两个子标签分别是<head></head><body></body>,head和body在html标签里面,所以他们为子标签,html为他们的父标签,而head和body是兄弟元素。

满满HTML的干货

 

head标签也有一个子标签<title></title>

由下图看,同理可以得到html标签为title标签的祖先标签,而title为html的后代标签

满满HTML的干货

 

head标签是干什么的呢?head,头部的意思,就是用来设置html的头部信息,他不会在网页中直接显示,他是设置一些信息给浏览器看的,帮助浏览器解析网页

body表示网页的主体,页面中所有的可见的内容都应该写在body里,title标题的意思,如下图

满满HTML的干货

 

浏览器显示如下图

满满HTML的干货

 

好啦,今天就说到这里,说的有点多,喜欢的就点个赞吧!

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h50825.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。