HTML网页制作基础教程
196 浏览量
更新于2024-06-28
1
收藏 106KB PPT 举报
"网页制作基础语言-HTML(1).ppt"
HTML，全称为HyperText Markup Language，即超文本标记语言，是用于创建网页的标准标记语言。它的主要作用是通过使用一系列特定的标记（tag），来描述文档内容和结构，使得浏览器能够解析并呈现这些信息，形成我们日常浏览的网页。
HTML的起源可以追溯到1990年代初，由欧洲核子研究中心（CERN）的蒂姆·伯纳斯-李（Tim Berners-Lee）提出。自那时起，HTML经历了多个版本的更新和发展，从最初的HTML1.0到最新的HTML5，不断添加新功能和改进，以满足互联网发展的需求。
HTML文档的基本结构通常包括以下几个部分：
1. 文档声明（<!DOCTYPE>）：指明文档类型，如<!DOCTYPE html>声明为HTML5文档。
2. HTML标签：<html>是整个文档的根元素。
3. 头部信息（<head>）：包含文档元数据，如<title>定义页面标题，<meta>设置字符编码等。
4. 主体内容（<body>）：实际的网页内容，如文本、图像、链接等都包含在这个标签内。
HTML中的基本元素包括：
- 段落标记：<p>用于定义文本段落。
- 文字标记：如<b>（粗体）、<i>（斜体）、<u>（下划线）等，用于改变文字样式。
- 超链接：<a>标签定义了网页间的链接，例如<a href="http://example.com">链接文本</a>。
- 图片：<img>标签插入图片，src属性指定图片URL，alt属性提供替代文本。
- 列表：有序列表<ol>和无序列表<ul>，以及列表项<li>。
- 表格：<table>、<tr>（行）、<td>（单元格）和<th>（表头）用于创建表格。
- 字幕、音频和视频：HTML5引入了<caption>（表标题）、<audio>和<video>元素，支持多媒体内容的嵌入。
- 框架：<frameset>和<frame>元素创建多窗口页面，但现代网页设计中已较少使用。
- 表单：<form>、<input>、<textarea>等用于创建用户交互式表单，收集用户数据。
尽管HTML具有强大的功能，但它并不具备样式控制和动态交互的能力。为此，CSS（层叠样式表）用于定义页面的布局和样式，而JavaScript则用于实现交互性和动态效果。HTML、CSS和JavaScript构成了网页开发的基础技术栈。
随着技术的发展，HTML5增加了更多的语义化元素，如<header>、<footer>、<section>、<article>等，帮助提高网页内容的可读性和可访问性。同时，HTML5也提供了离线存储、拖放功能、 canvas画布等新特性，极大地丰富了网页应用的潜力。因此，掌握HTML对于网页制作和前端开发至关重要。
注
注
释
释
标
标
记
记
的
的
格
格
式
式
为
为
：
：
<!--
<!--
注
注
释
释
内
内
容
容
-->
-->
注
注
释
释
并
并
不
不
局
局
限
限
于
于
一
一
行
行
，
，
长
长
度
度
不
不
受
受
限
限
制
制
。
。
结
结
束
束
标
标
记
记
与
与
开
开
始
始
标
标
记
记
可
可
以
以
不
不
在
在
一
一
行
行
上
上
。
。
2.4.2
2.4.2
强
强
制
制
换
换
行
行
和
和
不
不
换
换
行
行
标
标
记
记
<br>
<br>
、
、
<nobr>...</nobr>
<nobr>...</nobr>
要
要
用
用
HTML
HTML
的
的
标
标
记
记
来
来
强
强
制
制
换
换
行
行
、
、
分
分
段
段
。
。
<br>
<br>
放
放
在
在
一
一
行
行
的
的
末
末
尾
尾
，
，
可
可
以
以
使
使
后
后
面
面
的
的
文
文
字
字
、
、
图
图
片
片
、
、
表
表
格
格
等
等
显
显
示
示
于
于
下
下
一
一
行
行
，
，
而
而
又
又
不
不
会
会
在
在
行
行
与
与
行
行
之
之
间
间
留
留
下
下
空
空
行
行
，
，
即
即
强
强
制
制
文
文
本
本
换
换
行
行
。
。
强
强
制
制
换
换
行
行
标
标
记
记
的
的
格
格
式
式
为
为
：
：
文字 <br>
不
不
换
换
行
行
标
标
记
记
可
可
令
令
文
文
字
字
不
不
能
能
因
因
太
太
长
长
使
使
浏
浏
览
览
器
器
无
无
法
法
显
显
示
示
而
而
换
换
行
行
，
，
它
它
对
对
住
住
址
址
、
、
数
数
学
学
公
公
式
式
、
、
一
一
行
行
数
数
字
字
等
等
尤
尤
其
其
有
有
用
用
。
。
其
其
格
格
式
式
为
为
：
：
<nobr> 文字 </nobr>
【例2-2】
2.4
2.4
段
段
落
落
标
标
记
记
2.4.1
2.4.1
注
注
释
释
标
标
记
记
<!--...-->
<!--...-->
8
8
可
可
编
编
辑
辑
版
版
剩余44页未读，继续阅读
2022-11-15 上传
2010-06-09 上传
2023-07-30 上传
2023-05-30 上传
2023-05-30 上传
2023-07-02 上传
2023-05-30 上传
2023-05-21 上传
2023-03-27 上传
xinkai1688
- 粉丝: 379
- 资源: 8万+
我的内容管理
展开
最新资源
- 高清艺术文字图标资源，PNG和ICO格式免费下载
- mui框架HTML5应用界面组件使用示例教程
- Vue.js开发利器：chrome-vue-devtools插件解析
- 掌握ElectronBrowserJS：打造跨平台电子应用
- 前端导师教程：构建与部署社交证明页面
- Java多线程与线程安全在断点续传中的实现
- 免Root一键卸载安卓预装应用教程
- 易语言实现高级表格滚动条完美控制技巧
- 超声波测距尺的源码实现
- 数据可视化与交互：构建易用的数据界面
- 实现Discourse外聘回复自动标记的简易插件
- 链表的头插法与尾插法实现及长度计算
- Playwright与Typescript及Mocha集成：自动化UI测试实践指南
- 128x128像素线性工具图标下载集合
- 易语言安装包程序增强版：智能导入与重复库过滤
- 利用AJAX与Spotify API在Google地图中探索世界音乐排行榜
