HTML(Hyper Text Markup Language)
目录
一、什么是HTML?
HTML指的是超文本标记语言(Hyper Text Markup Language),是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。
二、为什么需要HTML?
网页的本质是将远程服务器上的文件内容显示到当前主机上。
为了将内容按照我们定义的语义进行处理,所以就需要通过HTML将文本内容进行标记,而标记后的内容将按照规定的语义进行处理。
三、HTML标签
HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的语义,所以HTML部分是整个前端的基础。
HTML标记标签通常被称为HTML标签(HTML tag)
1、HTML标签都是有英文的尖括号(即‘<’和‘>’)包围的关键词,eg:<html>、<body>
2、HTML标签通常情况下是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个‘/’,开始标签和结束标签之间的就是标签的内容。
3、有的标签功能比较简单,使用一个标签即可,这种标签叫做自闭合标签。eg:<br/>、<img/>
四、HTML文档结构
1、<!DOCTYPE HTML>是文档声明,必须写在HTML文档的第一行,位于<html>标签之前,表明该文档是HTML5文档(HTML5是HTML的第五个版本)
2、<html></html>称为根标签,所有的网页标签都在<html></html>中
3、<head></head>标签用于定义文档的头部,它是在所有头部元素的容器
4、在<body>和</body>标签之间的内容是网页的主要内容,最终会在浏览器中显示出来
例子解释
1、<html> 与 </html> 之间的文本描述网页
2、<body> 与 </body> 之间的文本是可见的页面内容
五、HTML标签属性
1、标签的语法
<标签名 属性1="值" 属性2="值" ......>内容部分</标签名>
<标签名 属性1="值" 属性2="值" ....../>(自闭合标签)
eg:<a href='http://www.baidu.com'>百度</a>
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。
在某些个别的情况下,比如属性值本身就含有双引号,那么必须使用单引号。
eg:name='Bill "HelloWorld" Gates'
2、注意事项
1)标签是不会显示出来的
2)HTML标签不区分大小写,但通常使用小写
3)标签只是用来做语义标识而不负责控制样式,样式由css来控制
4)HTML中有部分标签是可以嵌套的,如:<div><p>段落</p></div>,但不能交叉。
5)注释<!--这是注释内容-->
3、常用标签
1)<html>、<body>、<head>
2)<title>网页标题
3)<p>段落
4)<a>超链接
5)<input>表单元素的标签
6)<br/>换行符
7)<div>容器标签
8)<img>图片