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框架标签
举例:
运行截图:
多媒体标签
举例:
运行截图: