在线客服 联系我们 返回顶部
企业动态 技术分享 行业动态

Web前端基础(1):HTML(一)

2019-11-19

关于一个网页来说,咱们在html中首要来学习一些常用的标签。经过学习这些标签,咱们能把90%的网站都能够渐渐建立。

前端常识咱们运用软件hbuilder来编程,首要翻开sublime,新建index.html,输入html回车:

 html 
 head 
 title /title 
 /head 
 body 
 /body 
 /html 

生成一大堆的内容,是不是看的很懵逼。那么接下来咱们来分析这段代码。

每一个页面中的结构,都会有一个最外层的标签,它表明文档内容的开端。

html标签包括两部分:头部声明和内容部分。

如果把网页比作洋葱,一层包一层,那 html 标签便是洋葱最外层的皮,  html  元素是一张网页的根标签,所以其他一切元素都是是此元素的子孙。 

把一个网页比作一个人的话,那么head标签便是这个人的基本信息,尽管这个无法直接观察到,但这些内容的确存在,并且是在网页中必不可少的。head用于表明网页的中的一个根底的信息

把一个网页比作一个人的话,那么body标签便是这个人的身体,肤色,痔疮。它里边的内容是看得见摸得着的。关于人的性情,意淫的主意,性取向等body是管不着的。那么body标签包括页面中一切的可见元素,比方网页中的文本的展现内容,美丽meinv ,悦耳的音乐,炫酷的电影等都归于body所管。

好了,信任咱们对html文档结构有了必定的认知,那么咱们接下来,就逐个的学习head和body中的相关标签。

html不区别大小写,也便是说 head 和 head 都能够。

html页面的后缀名是html或许htm。

meta标签共有两个特点,它们分别是http-equiv特点和name特点,不同的特点又有不同的参数值,这些不同的参数值就完成了不同的网页功用。

它用来向浏览器传达一些有用的信息,协助浏览器正确地显现网页内容,与之对应的特点值为content,content中的内容其实便是各个参数的变量值。

在html4.01版别中,咱们运用下面装备来规则html 文档的字符编码。

 meta http-equiv="content-type" content="text/html; charset=utf-8" 

但在html5版别中,咱们运用更简化的方法来规则html 文档的字符编码。

 meta charset="utf-8" 

首要用于页面的关键字和描绘,是写给查找引擎看的,关键字能够有多个用 , 号离隔,与之对应的特点值为content,content中的内容首要是便于查找引擎机器人查找信息和分类信息用的。 

meta name="keywords" content=",邮箱,游戏,新闻,体育,文娱,女人,亚运,论坛,短信" /

这些关键词,便是告知查找引擎,这个网页是干嘛的,能够进步查找命中率。让他人能够找到你,查找到。

meta name="description" content="是我国抢先的互联网技能公司,为用户供给免费邮箱、游戏、查找引擎服务,开设新闻、文娱、体育等30多个内容频道,及博客、视频、论坛等互动沟通,网聚人的力气。" /

只需设置description页面描绘,那么百度查找成果,就能够显现这些句子,这个技能叫做搜索引擎优化。

首要用来告知用户和查找引擎这个网页的首要内容是什么,查找引擎能够经过网页标题,敏捷的判别出当时网页的主题。 

 title 爱编程的小灰灰 /title 
在线咨询
Copyright © 2018 好友娱乐平台好友娱乐平台-好友娱乐平台官方网站-好友娱乐登录 All Rights Reserved