零基础html5网页开发#004 网站基本结构

简介: 零基础html5网页开发#004 网站基本结构

在上一期当中我们已经学过了html的入门以及的基本的代码写法。那么今天我们学习的这样一个网站基本结构,对于我们一个整体的网站的开发来说,应该显得是最为的基础。一个网站的基本结构的话呢,我们主要在网站一开始进行开发的时候就用到这个结构,一个结构会显得我们整个网站的思路在做的时候,非常的清晰,哪一个文件放到哪里,这就使得我们之后对一个文件的分类清晰知道常用的哪些文件放到哪里。找文件的时候非常清晰的思路,有助于我们网站的开发。那么下面来直接让我们进行实在我们看一看网站的基本结构怎样搭建会比较好呢?


一、建立网站基本结构



第一步是要建立一个文件夹作为我们的网站项目文件夹

image.png

网站文件结构图

一、javascript



一种脚本语言,用来控制网页上的元素的,元素是指html中的各种标签


前端开发:html5+div+css/css3+js


二、网页首页



index.html页面

web服务器上面默认都有配置index.html、index.htm来作为首页浏览


html和htm之间的区别?

其实都是网页文件,只是htm是html的缩写。

三、总结



1、创建网站项目的目录,例如ljyweb文件夹

2、创建至少三个文件夹img    css     js

3、创建一个网站首页index.html

相关文章
|
27天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
29 1
|
2月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
15 0
|
2月前
|
移动开发 HTML5
HTML发展史和HTML结构
【2月更文挑战第17天】HTML发展史和HTML结构。
18 2
|
2月前
|
移动开发 搜索推荐 开发者
HTML基础结构
HTML基础结构
|
4天前
|
存储 JavaScript 数据可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
27 1
静态网页html+css的真ikun网站
静态网页html+css的真ikun网站
|
8天前
vscode快捷HTML结构 | Emmet
vscode快捷HTML结构 | Emmet
11 1
|
12天前
|
前端开发 搜索推荐 UED
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
《HTML 简易速速上手小册》第6章:HTML 语义与结构(2024 最新版)
22 0
|
12天前
|
开发者
html语法结构
【4月更文挑战第18天】html语法结构
14 1
|
20天前
|
前端开发
【HTML专栏1】语法规范、基础结构标签
【HTML专栏1】语法规范、基础结构标签
22 0