HTML概括

2024-04-27 15:16:47

字体：大中小

来源：转载

供稿：网友

html概括

什么是html？ HTML（Hypertext Markup Language）超文本标记语言。标记语言：标记语言就是让文本展示更丰富，更美观的一种语言。比如说文本加粗更换颜色斜体……

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

它负责网页的三个要素之中的结构。 HTML使用标签的的形式来标识网页中的不同组成部分。所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

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

<html>    <head>    </head>    <body>    </body></html>html标记标签，一般可以简称为html标签：
　　·每个标签都是由两个尖括号'封装'起来的，标签不区分大小写，但建议使用小写字母
　　·标签分为闭合标签和自闭合标签。闭合标签成对出现，如：<html>  </html> 自闭合标签如：<br/>
　　·成对的标签中的第一个标签被称为开始标签或者开放标签，第二个标签则被称为结束标签或者闭合标签
　　·注释标签格式：  <!--  注释内容 -->     ‘注释内容 ’ 不会在浏览器上显示。注释不能嵌套！
html元素
我们还将一个完整的标签称为元素。这里我们可以将元素和标签认为是一个同 义词。 <h1>一级标题</h1>上边的h1我们就称为元素<p>我是一个<em>段落</em></p>p也是一个元素，em是p的子元素，p是 em的父元素。<body> <p><em>内容</em></p> </body> body也是一个元素。 • body是p和em的祖先元素。 • p和em是body的后代元素。
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 = " "　　　　　　　　　　class属性用来为标签分组，拥有相同class属性的 标签我们认为就是一组，可以出现相同class属 性，可以为一个元素指定多个class
　　id = " "　　　　　　　　　　　　　　　id属性作为标签的唯一标识，在同一个网页中不能 出现相同的id属性值
　　style = "key1:value1,key2:value2"　　　 设置CSS内联样式
　　title = " "　　　　　　　　　　　　　　  title属性用来指定标签的标题，指定title以后，鼠 标移入到元素上方时，会出现提示文字
　　hidden = " " 　　　　　　　　　　　　　该属性为html5的新特性，仅有一个值: hidden   隐藏该元素。
特殊属性例：
　　<table>标签中有  border，用来定义表格的边框
 --html结构
如果我们要编写html网页，了解其结构以及每个部分的功效都是必须的。
doctype声明
　　一般来说，所有的html网页最开始都会有<!DOCTYPE>声明。他让浏览器知道本网页是由html的哪个版本编写的。
Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。
　　HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。
html5中的声明：
<!docpype 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>元素，这两者在网页编写过程中都不是必需的。但一个健壮且丰富的网页是离不开这两个元素的。