2024前端三件套：HTML, CSS, JavaScript 基础与进阶

需积分: 5 114 浏览量更新于2024-06-15 收藏 4.7MB PDF 举报

"2024新版前端三件套HM" 前端开发是网页制作的核心部分，主要涉及HTML、CSS和JavaScript这三门核心技术。万维网联盟（W3C）是推动网页标准化的重要组织，它定义了HTML用于构建网页的结构，CSS负责网页的样式表现，而JavaScript则用于实现网页的交互行为。 HTML，全称HyperText Markup Language，超文本标记语言，是一种预定义标签的语言。超文本意味着它可以包含不仅仅是纯文本，还能嵌入图像、音频、视频等多种媒体元素。HTML中的标签有特定的含义，比如`<img>`用于插入图片，`<audio>`和`<video>`用于播放多媒体，而`<h1>`到`<h6>`则表示不同级别的标题。 CSS，即Cascading Style Sheets，层叠样式表，是控制网页外观的关键。通过选择器和规则，我们可以定义元素的颜色、大小、布局等视觉属性。例如，`.class`或`#id`选择器可以精确地定位页面上的某个部分，然后应用样式。 JavaScript，作为前端开发中的动态脚本语言，使网页具有了动态性和交互性。它可以响应用户操作，改变页面内容，与服务器进行异步通信（如Ajax技术），以及实现各种复杂的功能和效果。在学习前端的课程中，通常会按照以下顺序进行： - **第一天**，会介绍HTML和CSS的基础知识，包括HTML的基本结构、标签的使用，以及CSS的选择器和样式声明，通过实际案例让学员了解如何创建和美化一个基本网页。 - **第二天**，重点讲解JavaScript，特别是与Vue.js框架的结合。Vue.js是一个轻量级但功能强大的前端框架，它简化了DOM操作和数据绑定，使得开发更加高效。学员将学习如何创建Vue实例，使用组件，以及处理用户事件。 - **第三天**，会涉及到前后端数据交互的AJAX技术，以及前后台分离的开发模式。此外，还会介绍Element UI，这是一个基于Vue的组件库，用于快速构建界面，以及YAPI，一个用于接口管理的工具，帮助开发者更好地管理和测试API。快速入门HTML，首先需要创建HTML文件夹并放置相关素材，然后创建一个`.html`文件，用文本编辑器打开并编写基础结构。HTML文件的基本结构包括`<html>`、`<head>`和`<body>`标签，`<title>`标签定义页面标题，`<body>`标签内的内容则显示在浏览器内容区域。例如，可以使用`<h1>`标签创建一级标题，以呈现加粗的大号字体。通过这样的学习路径，开发者能够逐步掌握前端开发的基本技能，从而有能力创建功能丰富的现代网页应用。

标签属性描述

<font>  字体标签，修饰文本的颜色、大小、样式

 color 设置文本的颜色

 size 设置文本的大小，取值为1-7，其中1最小，7最大

 face 用来设置字体。如 "楷体"、"宋体"等



2.3.1.2 字体标签

当然了，我们经常在网页上可以看到五颜六色的文字，在html中，我们可以通过<font>标

签来修饰，标签的具体含义和属性如下表所示：

对于color属性取值有3种，分别是

英文单词：颜色的单词，例如red,blue等等，但是表示的颜色有限制

rgb(值1，值2，值3)：三原色表示法，取值范围为0-255之间(font 标签不支持使

用这种方式)

#值1值2值3：还是三原色表示法，上述的简写方式，取值是16进制法，所以在

00-FF之间

我们可以添加如下代码：

剩余61页未读，继续阅读

Python老炮儿

粉丝: 224
资源: 393

2024前端三件套：HTML, CSS, JavaScript 基础与进阶

2024年HM-Maven深度解析：依赖管理与项目构建神器

HM大前端V7.6：160G全业务链课程，覆盖HTML-CSS-Vue-React+职业规划

2024年最新DDL-DML-HM：数据库开发与SQL在企业项目中的应用

2024新版Web开发介绍HM

2024最新版HM-Maven详解

2024最新Git命令总结HM

2024SpringBootWeb案例2HM

2024SpringBootWeb登录认证HM

2024最新Git使用教程HM

2024最新DDL-DML-HM

最新资源