HTML5入门：第一天学习笔记与元素详解

需积分: 13 43 浏览量更新于2024-08-05 收藏 3KB MD 举报

在HTML5-day01的学习笔记中，我们主要探讨了HTML5的基础结构以及一些常用的元素和属性。HTML5是第五代超文本标记语言，它不仅提升了网页的兼容性和交互性，还引入了许多新的标签和特性来更好地支持现代网页设计。 **1、HTML5的基本结构**: HTML5的文档结构由`<!DOCTYPE html>`声明开始，这是文档类型的标识，通常默认为HTML5。`<html>`标签包围整个文档，其`lang`属性设置文档的语言，默认为英语。`<head>`区域包含文档的元信息，如字符集`<meta charset="UTF-8">`确保了统一的编码格式，`<meta http-equiv="X-UA-Compatible" content="IE=edge">`针对IE浏览器提供了优化，使其尽可能使用最新版本。`<meta name="viewport" content="width=device-width, initial-scale=1.0">`确保了页面在移动设备上的良好显示。`<title>`标签定义了网页的标题，对于搜索引擎优化（SEO）非常重要。 **2、文章类标签**: - `<p>`标签是段落标签，用于创建文本块，支持自动换行且不允许嵌套。 - `<h1>`到`<h6>`是标题标签，用于分级显示文本，数字越小，字体越大，且有加粗效果。 - `<del>`用于标记被删除或过时的内容，`<b>`和`<strong>`均用于加粗文本，但`<strong>`更注重语义，强调更强。 - `<ins>`用于添加下划线，表示新增或修订的内容；`<i>`和`<em>`则用于斜体，`<i>`更通用，`<em>`用于强调。 - `<sup>`和`<sub>`分别实现上标和下标效果，适用于数学公式或特定的文本排版。 **3、图像标签**: `<img>`标签用于插入图像，`src`属性指定图片链接地址，`alt`属性在图片无法加载时提供替代文本，提升用户体验和可访问性。除了这些基础元素，HTML5还引入了诸如`<audio>`和`<video>`标签来支持音频和视频内容，`<canvas>`用于绘制图形，以及`<section>`、`<article>`、`<nav>`等语义化标签，有助于提高代码可读性和SEO。此外，`<form>`元素用于构建表单交互，`<input>`定义各种输入字段，`<button>`标签则方便创建功能性按钮。 HTML5-day01的笔记重点在于介绍HTML5的基础架构和常用元素，这些元素构成了网页的基本骨架，是网页开发的基石。熟练掌握这些元素及其属性，是构建现代化、具有良好可读性和交互性的网站的第一步。

北海道的冬天k

粉丝: 4
资源: 1

HTML5入门：第一天学习笔记与元素详解

day12.19-21计算机2班课堂笔记.rar

my-front-end-notes:笔记

FE21-JS-DAY04-Lesia-Gregor

树懒_移动开发学习笔记day01_Web_html

传智168期 SSH网上商城笔记day41~day45

学习JavaEE的day01

黑马程序员_javaWEB讲义和笔记资料_day08

day_day_up:记录学习历程，存放学习资料

老男孩第14期Day16期课堂源码实录及笔记 oldboy python全栈

fish-vuePress:我的前端笔记

最新资源