Web前端技术HTML

HTML(Hyper Text Markup Language)

目录

一、什么是HTML?

二、为什么需要HTML?

三、HTML标签

四、HTML文档结构

五、HTML标签属性

1、标签的语法

2、注意事项

3、常用标签


一、什么是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>图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值