HTML5与CSS基础学习笔记

需积分: 14 3 下载量 201 浏览量 更新于2024-07-17 收藏 11.58MB DOCX 举报
"这是一份关于HTML5和CSS的学习笔记,包含了HTML的基本认知、标签、标签间的关系、DOCTYPE声明、字符集、常用排版标签、文本格式化标签、标签属性的使用、图像标签以及链接标签等内容,适合初学者参考学习。笔记中还穿插了大量的实例和截图以帮助理解。" 在HTML5的学习中,首先要明确HTML是构成网页结构的基础,它与CSS(样式表现)和JavaScript(行为交互)共同构建了网页的三大核心部分。HTML的基本结构由<html>、<head>和<body>标签组成,其中<head>包含网页元信息,如<title>定义网页标题,而<body>则包含网页的主体内容。 HTML中的标签是其语法的重要组成部分,分为双标签和单标签。双标签如<html>、<p>等,需要有开始和结束;单标签如<hr/>、<br/>等,它们自闭合。标签之间存在嵌套和并列关系,如<head>和<body>是并列的,而<title>则嵌套在<head>中。 DOCTYPE声明用于指定文档类型,HTML5的DOCTYPE声明简洁为<!DOCTYPE html>。字符集通常设定为UTF-8,以确保网页内容能在各种设备上正确显示,避免乱码问题。 在HTML中,常见的排版标签包括标题标签<h1>至<h6>,段落标签<p>,水平线标签<hr/>,换行标签<br/>以及<div>和<span>。其中<div>常用于页面布局,而<span>用于文本内容的局部控制。文本格式化标签如<b>(加粗)、<i>(斜体)、<u>(下划线)和<del>(删除线)可对文本进行修饰。 标签属性用来控制标签的行为,如设置<hr/>的长度和颜色。图像标签<img>通过src属性指定图片URL,可以设置alt属性提供文字描述,width和height属性定义图像尺寸,还可以通过title属性实现鼠标悬停提示。链接标签<a>通过href属性指定链接地址,可以创建外部链接,如淘宝链接,还可以添加target属性控制新窗口或标签页打开链接。 这份笔记详细记录了HTML5和CSS的基础知识,结合实例和截图,有助于初学者快速理解和掌握基本概念,是学习Web前端开发的良好参考资料。
2023-06-10 上传