--引入

什么是html？

HTML（Hyper Text Markup Language）超文本标记语言。

　-->那么第一个问题----什么是标记语言呢？

　　标记语言就是让文本展示更丰富，更美观的一种语言。比如说文本加粗 更换颜色 斜体……

而html这种标记语言就是为了让网页展示更丰富，更美观的一种语言。

开发者使用特定的格式，对文本进行不同的加工，这个特定的格式对于html来说就是html标记标签。大概是这个样子：

<html>

    <head>

    </head>

    <body>

    </body>

</html>

html标记标签，一般可以简称为html标签：

　　·每个标签都是由两个尖括号'封装'起来的，标签不区分大小写，但建议使用小写字母

　　·标签分为闭合标签和自闭合标签。闭合标签成对出现，如：<html>  </html> 自闭合标签如：<br/>

　　·成对的标签中的第一个标签被称为开始标签或者开放标签，第二个标签则被称为结束标签或者闭合标签

　　·注释标签格式：  <!--  你看不到我 -->     ‘ 你看不到我 ’ 不会在浏览器上显示。

html元素

说到html标签就不得不说跟标签相关的一个概念--html元素。

html元素可以分为两类，块元素（block）和内联元素（inline）

　　　　块元素是一个元素，占用了全部宽度，在前后都是换行符。<div> <p> <h1>都是块元素

　　　　内联元素只需要必要的宽度，不强制换行  <span> <a>都是内联元素

html元素指的是成对的闭合标签以及其中的文本内容或者是自闭合标签，也就是：

<p> hello world </p>

<br/>

以上两个都是html元素。大多数 HTML 元素可以嵌套（可以包含其他 HTML 元素）。

开发者使用html元素编写html文档（也就是我们平常所说的网页）。我们访问网页时，一般会用浏览器进行访问，浏览器的作用就是解析html标签，然后显示网页内容。

html元素属性

　　html元素可以设置属性，属性一般用在开始标签中。

　　属性一般为键值对格式，如： attr = "value"  (注意必需要有引号)。

　　多个属性使用空格分隔。

　　分为全局属性和特殊属性，特殊属性时某个或者某些标签所独有的。

全局属性有：

　　class = " "　　　　　　　　　　　　　　类名

　　id = " "　　　　　　　　　　　　　　　 id名

　　style = "key1:value1,key2:value2"　　　 设置css内联样式

　　title = " "　　　　　　　　　　　　　　 设置额外信息

　　hidden = " " 　　　　　　　　　　　　　该属性为html5的新特性，仅有一个值: hidden   隐藏该元素。

特殊属性例：

　　<table>标签中有  border，用来定义表格的边框

--html结构

如果我们要编写html网页，了解其结构以及每个部分的功效都是必须的。

doctype声明

　　一般来说，所有的html网页最开始都会有<!DOCTYPE>声明。他让浏览器知道本网页是由html的哪个版本编写的。

Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。

　　HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。

html5中的声明：

<!DOCTYPE html>

head元素

<head>元素是所有头部元素的容器，也就是说<head>元素中可以嵌套许多其他头部元素。<head>元素定义了关于html文档的相关信息。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。

最为常见的例子就是，<title>标签一般嵌套在<head>元素中。

<html>

<head>

    <title>This is a title</title>

</head>

<body>

<p>hello world</p>

</body>

</html>

百度首页中的页面源码有这样一句：

<title>百度一下，你就知道</title>

这就是title元素的作用。

在<head>元素中还有很多的元素，但其中所涉及的知识暂时并没有讲到，所以后续章节中会介绍到。

<body>元素

　　<body>的属性有很多，较为常见的

　　　　background： 设置背景图片

　　　　bgcolor： 设置背景颜色

　　<body>元素跟网页内容相关性极大，一般情况下，网页的内容相关的元素都要嵌套在<body>元素下。

列举几个<body>中常见的嵌套元素：

<p>段落</p>

<h1>标题格式</h1>
<html>

<body>

<h1>test</h1>

<p>hello world</p>

</body>

</html>

浏览器显示结果：

不论是<head>元素或者是<body>元素，这两者在网页编写过程中都不是必需的。但一个健壮且丰富的网页是离不开这两个元素的。

html概括的更多相关文章

  1. Hadoop概括——学习笔记<一>

    之前有幸在MOOC学院抽中小象学院hadoop体验课. 这是小象学院hadoop2.X概述第一章的笔记 第一章主要讲的是hadoop基础知识.老师讲的还是比较全面简单的,起码作为一个非专业码农以及数据 ...

  2. mysql、mysqli、PDO一句话概括比较

    mysql.mysqli.PDO一句话概括比较 1 mysql扩展 (注:原始的,较差) 2 mysqli扩展(面向过程式) (注:比上面多了更多功能) 3 mysqli扩展(面向对象式) (注:比上 ...

  3. Scalaz（3）－ 基础篇：函数概括化－Generalizing Functions

    Scalaz是个通用的函数式编程组件库.它提供的类型.函数组件都必须具有高度的概括性才能同时支持不同数据类型的操作.可以说,scalaz提供了一整套所有编程人员都需要的具有高度概括性的通用函数,它是通 ...

  4. 字符输出流Writer简要概括

    偷个懒,直接参考上篇字符输入流Reader的形式,其实Reader和Writer本来就大同小异: 字符输出流Writer 本篇将对JAVA I/O流中的字符输出流Writer做个简单的概括: 总得来说 ...

  5. 字符输入流Reader简要概括

    字符输入流Reader组成结构 本篇将对JAVA I/O流中的字符输入流Reader做个简单的概括: 总得来说,每个字符输入流类都有一个对应的用途,如下: 字符流基类:Reader 字节流转字符流:I ...

  6. Hadoop概括——学习笔记<一>转

    前言 第一章主要讲的是hadoop基础知识.老师讲的还是比较全面简单的,起码作为一个非专业码农以及数据库管理人员,也能狗大致了解其特点 首先是概括图(以hadoop2.0为例)  一.Hadoop基础 ...

  7. mapreduce精简概括--转

    mapreduce精简概括 We want to count all the books in the library. You count up shelf #1, I count up shelf ...

  8. 一幅图概括Android测试的方方面面

    一幅图概括Android测试的方方面面,来自网络: 另外的一些测试技巧 1,测试应用程序时,环境是很大的一个影响因素:系统时间,网络情况,异常关闭等 2,测试应用程序时,第三方嵌入程序也是有影响的.如 ...

  9. iOS开发——适配篇&App适配简单概括

    App适配简单概括 1:适配:适应.兼容各种不同的情况 系统适配 针对不同版本的操作系统进行适配 屏幕适配 针对不同大小的屏幕尺寸进行适配 在用户眼中 屏幕是由无数个像素组成的 像素越多,屏幕越清晰 ...

  10. css学习--inline-block详解及dispaly:inline inline-block block 三者区别精要概括

    *知识储备: 内联元素:是不可以控制宽和高.margin等:并且在同一行显示,不换行. 块级元素:是可以控制宽和高.margin等,并且会换行. 1.inline-block 详解 (1)一句话就是在 ...

随机推荐

  1. Oracle purge 用法介绍

    http://blog.csdn.net/indexman/article/details/27379597

  2. ModelAndView在页面上取值时value="{contextConfigLocation=<NONE>}"

    后台: mv.getModel().put("initParam", 1); 页面: <input type="hidden" id="init ...

  3. C#中周，月，第几周，周开始结束时间de方法总结

    1.c#获取当前时间是本年的第几周,本月的第几周 private static int getWeekNumInMonth(DateTime daytime) { int dayInMonth = d ...

  4. Task 6.2冲刺会议六 /2015-5-19

    今天主要写的是登陆界面,用户状态,历史登录信息,默认用户等等.由于大部分时间都是把代码组合拳起来的过程,所以总会出现各种bug,有好大一部分不会修复.明天要继续这一部分还有熟悉一下聊天的主界面.

  5. bata5

    目录 组员情况 组员1(组长):胡绪佩 组员2:胡青元 组员3:庄卉 组员4:家灿 组员5:恺琳 组员6:翟丹丹 组员7:何家伟 组员8:政演 组员9:黄鸿杰 组员10:刘一好 组员11:何宇恒 展示 ...

  6. HDU 3811 Permutation 状压dp

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=3811 Permutation Time Limit: 6000/3000 MS (Java/Othe ...

  7. Internet History, Technology and Security (Week3)

    Week3. Welcome to week 3! This is our fourth and final week of History where we make the connection ...

  8. Ubuntu16.04 下虚拟环境的创建与使用

    1. 虚拟环境   虚拟环境(virtual environment),顾名思义是虚拟出来的环境,通俗来讲,可以借助虚拟机,docker来理解虚拟环境,就是把一部分内容独立出来,我们把这部分独立出来的 ...

  9. FindBugs插件的使用手册

    安装FindBugs直接查找eclipse的商店,查找spot Bugs 插件,安装即可 完成安装之后重启eclipse,右击项目文件或目录,会发现多了Findbugs的菜单: 使用Findbugs ...

  10. java、maven环境搭建

    1.选择[新建系统变量]--弹出"新建系统变量"对话框,在"变量名"文本框输入"JAVA_HOME",在"变量值"文本框 ...