认识HTML

简介: 认识HTML

一、标签概念:


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


20160805144855473.png

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


二、应用效果:

1、代码部分:

20160805144932063.png


2、效果图:


20160805144947817.png


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


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

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

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

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

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


20160805145020223.png



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

三、具体解析:


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

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

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

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

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

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

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

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

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

























相关文章
|
7月前
什么是 HTML
什么是 HTML。
47 0
|
移动开发 搜索推荐 HTML5
|
存储 移动开发 前端开发
HTML总结(一)
详细介绍一些HTML基础知识,帮助大家打好基础
480 2
HTML总结(一)
|
移动开发 缓存 监控
你可能不知道的HTML小技巧(上)
今天来分享一些HTML小技巧~
163 0
|
前端开发
你可能不知道的HTML小技巧(下)
今天来分享一些HTML小技巧~
109 0
|
移动开发 数据安全/隐私保护 HTML5
HTML总结(三)
HTML5的Video元素和Audio元素
185 0
HTML总结(三)
|
JavaScript 前端开发 iOS开发
|
移动开发 HTML5

相关实验场景

更多