HTML5入门学习:标签、图像与路径解析
需积分: 0 54 浏览量
更新于2024-08-05
1
收藏 15KB MD 举报
"HTML5个人学习笔记,涵盖了基础标签、链接、注释、表格、列表、视频、音频等内容,适合初学者入门学习。"
在HTML5的学习中,首先要理解的是文档类型声明,`<!DOCTYPE html>` 用于指定文档类型为HTML5,这使得浏览器按照HTML5的标准来解析网页。接下来,`<html lang="zh-CN">` 标签定义了文档的基本结构,并声明了语言属性,这里的`zh-CN`表示这是一个中文网站。
在HTML中,`<meta charset="UTF-8">` 是一个非常重要的元信息标签,它定义了字符编码为UTF-8,这样网页才能正确地显示包括中文在内的各种字符。
在文本内容的展示方面,HTML提供了多种标签。例如,`<h1>`到`<h6>` 用于创建六级标题,`<p>` 用于创建段落,`<br/>` 用于换行,`<strong>` 用于加粗文本,`<em>` 用于斜体强调,`<ins>` 用于下划线,而`<del>` 则用于表示删除线。
在布局中,`<div>` 和 `<span>` 是两个常用且无语义的元素。`<div>` 通常用于创建块级元素,占据一整行,常用于页面布局;而`<span>` 是内联元素,可以在一行内显示多个,通常用于文本或小范围的样式控制。
`<img>` 标签用于插入图像。其主要属性包括:`src` 指定图像的URL,`alt` 提供替代文本,当图像无法显示时显示,`title` 用于设置鼠标悬停时显示的提示文本,`width` 和 `height` 分别定义图像的宽度和高度,而`border` 设置图像边框的宽度。
在处理文件路径时,我们需要了解相对路径的不同类型。同一级路径直接使用文件名,下一级路径前加 `/`,上一级路径则使用 `../`。例如,如果HTML文件和图片在同一级目录,`<img src="baidu.jpg">` 即可引用图片;如果图片在下一级的`images` 文件夹中,则写为 `<img src="images/baidu.jpg">`;如果图片在上一级目录,则写为 `<img src="../baidu.jpg">`。
此外,HTML5 还引入了新的元素和功能,如`<video>` 和 `<audio>` 用于嵌入视频和音频,`<table>` 用于创建表格,`<ul>` 和 `<ol>` 用于无序和有序列表,以及`<a>` 用于创建链接等。这些元素和属性的掌握是理解和构建基本HTML5网页的基础。初学者可以通过实践和探索这些标签的用法,逐步深入HTML5的世界。
2017-03-21 上传
2017-10-09 上传
2018-12-13 上传
2020-05-25 上传
2024-03-13 上传
2022-02-18 上传
2012-06-11 上传
费卡拉
- 粉丝: 98
- 资源: 1
最新资源
- 掌握Jive for Android SDK:示例应用的使用指南
- Python中的贝叶斯建模与概率编程指南
- 自动化NBA球员统计分析与电子邮件报告工具
- 下载安卓购物经理带源代码完整项目
- 图片压缩包中的内容解密
- C++基础教程视频-数据类型与运算符详解
- 探索Java中的曼德布罗图形绘制
- VTK9.3.0 64位SDK包发布,图像处理开发利器
- 自导向运载平台的行业设计方案解读
- 自定义 Datadog 代理检查:Python 实现与应用
- 基于Python实现的商品推荐系统源码与项目说明
- PMing繁体版字体下载,设计师必备素材
- 软件工程餐厅项目存储库:Java语言实践
- 康佳LED55R6000U电视机固件升级指南
- Sublime Text状态栏插件:ShowOpenFiles功能详解
- 一站式部署thinksns社交系统,小白轻松上手