满满HTML的干货

2019-09-08 郑州网站建设  

接下来讲一些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://tzchb.ieyo.com/seo/1254.html转载请标明出处,谢谢合作!
标签:
  • HTML
  • 框架
  • 一些
  • 接下
  • 来讲
  • hmtl
  • 主体