使用在线工具制作网页
本文所介绍的是使用在线工具制作网页，可以点击本文末尾的阅读原文进行跳转，https://www.jyshare.com/front-end/61/ 网页在线工具[1]，这个工具是由菜鸟教程网站[2]提供的菜鸟工具中的WEB在线工具[3]，是广大工具中的一个。该工具能够很好的被用来进行网页在线制作，讲解HTML中的基本标记，元素，样式表以及交互等等。是一个非常好用的网页教学工具。
HTML是超文本标记语言，也是互联网发展的基础，目前已经更新至HTML5，简称H5。由于近代移动端的快速发展，所有与Html，CSS和JavaScript相关的语言发展迅速，形成了专门的前端技术，这些技术使用BOM和DOM实现交互，逐渐发展出类似vue.js、Bootstrap的框架。基础的html，css和JavaScript（简称js）本身也在不断的发展，形成html5，css3，typescript等技术框架和基础的计算机语言。
另外，各大程序设计语言，Python，Java，C，C++等也发展出很多与前端进行交互的技术，这些技术可以编写制作客户端软件，如果由服务器和客户端组成的技术称为C/S架构（Client/Server)，例如QQ，微信等；而没有客户端，通过浏览器进行访问和操作的技术称为B/S架构(Browser/Server)。因各有优缺点，所以通常在不同场景均有使用。
另外，本地可以编写html代码的软件超级多，就连记事本软件也可以直接编写html代码，只不过其他著名的编程软件操作更为直观和好用，例如Dreamweaver软件，vscode专业的程序代码编辑器，sublime文本编辑器，notepade轻量化编辑器等。
基本网页制作
修改网页标题
- 左上角的窗口是代码输入窗口，主要输入的HTML标记。
- 右上角的是CSS窗口，CSS是网页的样式，可以设置网页元素的大小颜色等属性，主要用来丰富文本的表现形式。
- 左下角的是JavaScript窗口，可以做出交互、弹窗等行为，主要用来与用户进行交互。
- 右下角的是网页预览窗口，代码做出来的所有效果都在此显示。
总的来说：
HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 控制了网页的行为
本文只做基本介绍，详细学习请使用菜鸟教程这个网站。2. 导入基本网页框架模板
3. 网页标题对应的是head标记中的title标记对中的内容。这个标题和内容的标题不一样，这个是显示在浏览器地址栏的标题。
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<title>读书的意义</title>
</head>
<body>
<h1>读书的意义</h1>
<p>周总理：为中华之崛起而读书！</p>
<p>
北宋张载：为天地立心，为生民立命，为往圣继绝学，为万世开太平！
</p>
</body>
</html>
修改和添加网页内容
- html网页标记、head头标记、body主体内容、p段落、div布局、br换行、img图片等。
本地下载打开制作的网页
