首页前端开发HTML认识HTML

认识HTML

时间2023-07-14 22:10:01发布访客分类HTML浏览1618
导读:一、标签概念:之前我们说过,在HTML兴起后,网页开发人员开始为这一语言添加新特征,破坏了HTML的简单性,在浏览器如何显示网页这一问题上带来了不一致,导致了网页浏览器必须猜测如何显示网页,网业设计者不能确切的定义网页如何显示。 HTML...

一、标签概念:


之前我们说过,在HTML兴起后,网页开发人员开始为这一语言添加新特征,破坏了HTML的简单性,在浏览器如何显示网页这一问题上带来了不一致,导致了网页浏览器必须猜测如何显示网页,网业设计者不能确切的定义网页如何显示。  HTML标签便解决 了这个问题,它标记了一些文本,使网页浏览器能够识别这是哪种文本,进而正确的显示文本。HTML标签是用于指示如何显示网页部分的编码命令。


开始标签:指明HTML命令开始,命令影响的文本位于开始标签后;
结束标签:指明HTML命令结束,命令影响的文本位于开始标签前;
空标签:在页面发出一个HTML命令,而不包含任何文本的HTML标签。


二、应用效果:

1、代码部分:


2、效果图:



3、我们可以先用人做个比喻:


html> 告诉我们:嘿,这是一个人;

head> 告诉我们:哇哦,这是一个已经35岁的数学老师,家里有一个儿子,一个女儿。(这些内容不会从表面上显示给读者);

body> 告诉我们:嘻嘻,这个对象上面穿了一件T恤,下面是一条牛仔裤,看起来是个很阳光的老师,我的数学有救了。(本人自己的想象)

      这样,整个人的形象就基本描述清楚了。但是,为了让这个人看着更加自然,好看,我们给他穿双鞋:

footer> 告诉我们,哈哈,这双鞋不错,是李宁牌的。




        这样,从整体上,我们对一个人的形象大致上就描述清楚了。

三、具体解析:


1、html > 放到文章的开头,表明这是一个网页,当然/html> 则表示网页的结束;

2、head> 标识文章的头部,是头部元素的容器。它描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

可以放在head> 中的标签有:

base> , link> , meta> , script> , style> , 以及 title> 。

3、body> :包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

      网页浏览器在网页顶部显示title> /title> 之间的文本。

      作用:可以在将网页加到浏览器的书签或收藏夹中时,标识网页;网页提供标题后便于访问网页的人将网页加到书签供以后使用。

4、footer> 标签定义文档或节的页脚。并不是必要元素,从生成的一个html网页最开始部分没有footer部分可以看出。在牛腩中,我们学过,用它来标记。

      最后,HTML暂时了解到这里,接下来会在实践中继续学习。

























声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 认识HTML
本文地址: https://pptw.com/jishu/310175.html
经常忘记网址?将Vue项目一键打包为桌面客户端 十分钟让你解决烦恼 HTML标签及案例超详细笔记

游客 回复需填写必要信息