--引入

什么是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. Nginx是如何配置为 Web 服务器的【转载】

    详解 Nginx是如何配置为 Web 服务器的 林涛 发表于:2016-11-29 23:23 分类:WebServer 标签:Nginx,web,web服务器 521次 抽象来说,将 Nginx 配 ...

  2. youi软件测试计划

    beta版本中,我们将重视软件开发中的测试. 我们的软件是需要测试的,不测试怎么知道好与不好呢?有的程序不测试甚至都不能运行-- 我们的目标呢:就是经过测试之后软件的质量得到有效的保证.不管什么情况都 ...

  3. Chapter 2 软件过程

    软件发展前期,人们只重视结果而忽略了过程,随着技术的成熟,软件过程的重要性被日益发觉.软件过程是软件工程人员为了获得软件产品而在软件工具的支持下实施的一系列软件工程活动. 软件过程的基本活动包括问题提 ...

  4. 300道随机四则运算小程序（java编写）

    这是由Java编写的300道随机四则运算小程序, 运算数范围为0~100(不包括100),运算结果保留两位小数. 程序代码: import java.util.*; class Yunsuan{ pu ...

  5. Objective-C KVC讲解,包你看懂会用

    KVC:Key Value Coding,取其三个单词首字母浓缩而成.直白翻译过来就是键值编码,什么意思呢?简单来说,就是操作一个对象,也可以像操作字典一样,通过key来取值和赋值. 我们先创建一个H ...

  6. iOS日期的加减

    NSCalendar *calendar = [[NSCalendar alloc] initWithCalendarIdentifier:NSGregorianCalendar]; NSDateCo ...

  7. 每日站立会议——敏捷流程scrum实践

    每日站立会议是敏捷流程scrum中的很重要的一个制度之一. 功能:     1.快速同步进展,让项目组内部的员工互相了解彼此的进展,从而了解本项目的整体进展.      2.给每个人一种精神压力,信守 ...

  8. requests爬取知乎话题和子话题

    zhihu.py # *_*coding:utf-8 *_* import pymysql import requests from lxml import etree from requests_t ...

  9. Laravel 5.1 中的异常处理器和HTTP异常处理 abort()

    原文  http://laravelacademy.org/post/1867.html 错误和异常是处理程序开发中不可回避的议题,在本地开发中我们往往希望能捕获程序抛出的异常并将其显示打印出来,以便 ...

  10. VBA笔记（一）——基础配置

    开启VBA编程环境——VBE 方法一:按<Alt+F11>组合建 方法二:查看代码 宏设置 当然启用宏的设置方式不同,宏的启动方式也不一样. 首先打开“office 按钮”,选择“exce ...