专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

web开发之-前端知识介绍 web前端基本知识

ins518 2024-09-29 18:21:35 技术文章 19 ℃ 0 评论

今天我们开始新的课程，之前我们讲了后端的基本知识，今天我们来讲一下前端的知识。

什么是html?

我们打开一个网站，能有很多页面，这些页面都是以.html为后缀的文件，在这个文件里，能看到各种元素，比如：文字，图片，音频，视频等等，我们能看到网站里的所有的东西都是由html来写的，再加上css样式和js交互！我们可以通过浏览器打开一个网站，然后按下F12或者fn+F12就能查看到网站源码，也就是当前页面的所有的html元素！如下图


我们这里可以看到百度网站的源码！

一个基本的html格式如下，我们新建一个index.html文件，在里面写入以下内容：

<html>
    <head>
        <title>网站名称</title>
    </head>
    <body>
        网站内容
    </body>
</html>

然后，我们使用浏览器打开这个文件，将会看到以下内容：



一个html界面由闭合的元素组成，<html></html>表示这是一个网站界面；分为头部<head></head>和身体<body></body>两个大部分，其中头部中的<title></title>用来设置界面的标题，身体body部分是我们主要呈现内容的地方！头部head可以放一些样式文件和js文件以及meta标签！

什么是css样式？

我们看到一个网站页面，各种不同大小的字体，不同颜色的字体，以及各种布局都是使用css样式来实现的，样式是用来“装饰”网站的！

什么是javascript?

我们点击网站，有的时候会弹出各种弹框，还有各种逻辑判断，这些都是用javascript(js)来写的，js可以用来写前端的交互逻辑！

注：

html：html中的元素用来呈现内容；

css：用来修饰网站内容；

js：用来编写前端的交互逻辑；

Tags：

猜你喜欢

本文暂时没有评论，来添加一个吧(●'◡'●)

欢迎 你 发表评论:

最近发表
标签列表