Day22
在第22天的学习中,我们聚焦于HTML(HyperText Markup Language)这一核心网页开发语言。HTML是构建互联网页面的基础,它定义了网页的结构和内容。了解并掌握HTML是成为一名合格前端开发者的重要一步。 HTML由一系列的元素组成,每个元素都由标签包裹,如`<html>`、`<head>`、`<body>`等。这些标签告诉浏览器如何解析和展示内容。例如,`<html>`是文档的根元素,`<head>`包含元数据(如标题、字符集设置等),而`<body>`则包含实际的可见内容。 HTML元素可以有属性,这些属性提供了额外的信息。比如,链接标签`<a>`有一个`href`属性,用于指定链接的目标地址。例如:`<a href="https://example.com">这是一个链接</a>`。 文本格式化是HTML中常见的应用,包括加粗文本`<strong>`、斜体文本`<em>`、插入下划线`<u>`、删除线`<del>`等。此外,`<h1>`到`<h6>`定义了六级标题,`<p>`用于创建段落。 在HTML中,列表也是常用的部分。无序列表`<ul>`包含`<li>`元素,用于列出项目;有序列表`<ol>`类似,但项目前有编号。例如: ```html <ul> <li>苹果</li> <li>香蕉</li> <li>橙子</li> </ul> <ol> <li>学习HTML</li> <li>理解CSS</li> <li>实践JavaScript</li> </ol> ``` 图片的插入通过`<img>`标签实现,其`src`属性指明图像源,`alt`属性提供替代文本。例如: ```html <img src="image.jpg" alt="示例图片"> ``` 表格`<table>`是组织数据的好方式,`<tr>`表示行,`<td>`表示单元格,`<th>`表示表头。例如: ```html <table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>25</td> </tr> </tr> </table> ``` 链接外部资源,如样式表(CSS)或脚本(JavaScript),通常通过`<link>`和`<script>`标签完成。`<link>`常用于引入CSS文件,`<script>`用于引入JavaScript。例如: ```html <link rel="stylesheet" href="styles.css"> <script src="script.js"></script> ``` 在Day22的学习中,我们可能还接触了HTML5的一些新特性,如离线存储`<application cache>`、拖放功能、媒体元素`<audio>`和`<video>`、画布`<canvas>`、地理定位`<geolocation>`等,这些都是HTML5为增强用户体验和网页功能带来的创新。 HTML是构建网页的基础,理解并熟练运用HTML元素和属性能够帮助我们创建结构清晰、内容丰富的网页。在学习过程中,不断练习和实践是巩固知识的关键。通过Day22的学习,你应该对HTML有了更深入的理解,为进一步学习CSS和JavaScript奠定了坚实基础。
- 1
- 粉丝: 17
- 资源: 4616
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 收藏20240803-080424.html
- 几种常见聚类算法的 Python 实现.md
- IMG_2595.PNG
- maven安装与配置的详细教程,Maven 是一个流行的构建和项目管理工具,用于 Java 项目 以下是 Maven 的详细安装
- 这是一份Anaconda 安装的详细教程.md
- 源码mybatis-plus-mybatis-plus.zip
- 一款好用的markdown软件-轻量级Markdown编辑器
- VC运行库修复工具增强版4.3.7z
- 三维文物重建-基于NeRF实现的文物三维重建算法-附项目源码-优质项目实战.zip
- 二维码识别-基于Java实现的USB串口摄像头实现二维码识别算法-附项目源码+效果展示-优质项目实战.zip