使用Vue开发页面（前置知识）

最新推荐文章于 2025-04-18 22:07:06 发布

Annaday

最新推荐文章于 2025-04-18 22:07:06 发布

阅读量798

点赞数 21

分类专栏：前端文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Annaday/article/details/139901780

版权

前言

在了解Vue开发之前，需要有基本的页面知识。
页面主要有三部分组成：

组件 HTML
样式 CSS
交互 JS

本文将以最快，最简单，最通俗的方式讲解

HTML

一个基本的HTML文件有以下格式

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>页面标题</title>
</head>
<body>
    内容
</body>
</html>

其中的组件都是由标签来定义
下面是一些常见的标签

标签	描述
< h1> ~ < h6>	定义标题，h1为一级标题
< div>	定义块状元素
< span>	定义行内元素
< img>	定义图片，通过src指定路径
< a>	定义超链接，通过src指定跳转路径
< button>	用来定义一个按钮，通过onclick属性指定对应的点击事件
< input>	输入框，通过type属性指定输入框类型