HTML

1. HTML简介

1.1 HTML是什么

HTML ,意思是 超文本标记语言
HTML不是⼀一种编程语⾔言,⽽而是一种 标记语⾔言
超⽂文本指的是超链接,标记指的是标签,是⼀一种⽤用来制作⽹网⻚页的语⾔言,这种语⾔言由⼀一个个的标签组

⽤用这种语⾔言制作的⽂文件保存的是⼀一个⽂文本⽂文件,⽂文件的扩展名为 .html 或者 .htm
html⽂文档也叫 Web⻚页⾯面 ,其实就是⼀一个网⻚页,html⽂文件⽤用 编辑器打开 显示的 是文本 ,可以⽤用文本
的⽅方式 编辑它
如果⽤用 浏览器器打开 ,浏览器器会按照标签描述内容将⽂文件 渲染成⽹网⻚页 ,显示的网页可以从一个⽹网页链接跳转到另外⼀一个网页

2. HTML基础语法

2.1 HTML基本结构:

HTML⽂文件的扩展名为 .html 或者 .htm
HTML⽂文本的结构包括“头”部分(head)、和“主体”部分(body),其中“头”部提供关于⽹网⻚页的信
息,“主体”部分提供⽹网⻚页的具体内容
HTML是由: 标签 和 内容 构成, 每个HTML⻚页⾯面都有两部分构成(head头和body体),其最外层
是 … 标签包裹
HTML标签(标记)的语法是由 < 和 > 括起来。
HTML标签有两种: 双标签 : <标签名>…</标签名> 和 单标签 : <标签名 />
HTML标签中还可以添加属性: <标签名 属性名1=“值1” 属性名2=“值2” 属性名n=“值n”>…</标签名>

2.2 HTML注释

html文档代码中可以插入注释,注释是对代码的说明和解释
在这里插入图片描述

2.3 HTML中HEAD头部设置

head标签作⽤用于⽹网⻚页的头部,它的内容不不会在正⽂文中显示出来,主要完成对当前⻚页⾯面的各种设置
在head中常包含如下⼦子标签:
在这里插入图片描述
在这里插入图片描述

3. HTML文本标签

常用文本标签如下:
在这里插入图片描述
举例说明:
在这里插入图片描述
运行截图:在这里插入图片描述

4. HTML格式化标签

常⻅见格式化标签如下:
在这里插入图片描述
举例说明:在这里插入图片描述
运行截图:在这里插入图片描述

5. HTML图像标签

在这里插入图片描述
举例:在这里插入图片描述
运行截图:在这里插入图片描述

6. HTML超链接标签

在这里插入图片描述
举例:在这里插入图片描述

7. HTML表格标签

在这里插入图片描述
举例:在这里插入图片描述
运行截图:在这里插入图片描述

8. HTML表单标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
举例:在这里插入图片描述
在这里插入图片描述
运行截图:在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行截图:在这里插入图片描述

9. HTML框架标签

在这里插入图片描述
举例:
在这里插入图片描述
运行截图:在这里插入图片描述

多媒体标签

举例:在这里插入图片描述
运行截图:在这里插入图片描述

10. HTML5

10.1 新增布局标签:

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值