整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
HTML（HyperText Markup Language，中文：超文本标记语言）是一种用于创建网页结构和内容的标记语言。它由一系列标签组成，这些标签描述了网页中的各个元素和其它相关信息。通过使用HTML标签和属性，开发人员可以定义文本、图像、链接、表格、表单等元素，并控制它们的外观和行为。本文主要介绍HTML的基本概念、历史背景和用途。
参考文档：https://www.cjavapy.com/article/3297/
HTML实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CJAVAPY编程之路(cjavapy.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>HTML文档的后缀名可以是.html或.htm，都可以使用，没有区别。
注意：对于中文网页需要使用<meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为<meta charset="gbk"> 。
1）标签（Tag）
HTML使用标签来定义网页中的各个元素。标签通常以尖括号< >的形式出现，如<p>表示段落，<img>表示图像等。标签可以包含属性，用于提供额外的信息或控制元素的行为。
2）元素（Element）
一个完整的HTML元素由开始标签、内容和结束标签组成。例如，<p>这是一个段落</p>就是一个完整的段落元素。
3）属性（Attribute）
HTML标签可以具有属性，用于提供元素的额外信息或控制元素的行为。属性以键值对的形式出现，例如<img src="image.jpg">中的src属性指定了图像的源文件。
4）文档结构
一个HTML文档由<html>、<head>和<body>等标签组成。其中，<html>标签用于定义整个HTML文档的根元素，<head>标签用于定义文档的头部信息，如标题和样式表链接，<body>标签用于定义文档的主体内容。
5）块级元素和内联元素
HTML元素可以被分类为块级元素和内联元素。块级元素以块的形式显示，独占一行或一块空间，如<p>、<div>等。内联元素以行内的方式显示，不会独占一行，如<span>、<a>等。
6）嵌套
HTML元素可以嵌套在其他元素内部，形成一个层次结构。例如，<div>元素可以包含<p>元素，<p>元素可以包含<span>元素。
7）<!DOCTYPE> 声明
HTML文档的开头通常会包含一个DOCTYPE声明，用于指定文档的HTML版本。
例如：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>HTML（HyperText Markup Language）是一种用于创建网页结构和内容的标记语言，而Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于显示和解释HTML文档的应用程序。Web浏览器通过解析HTML文档，将其转换为可视化的网页。浏览器会读取HTML文档中的标签和内容，并根据这些标签和内容的定义，渲染出网页的结构和样式。HTML提供了各种标签和属性，用于定义文本、图像、链接、表格、表单等在网页中的展示和交互方式。浏览器在解析HTML时，会根据标签和属性的定义，将文本显示为段落、标题或其他格式，显示图像、链接，并响应用户的交互操作。
通过HTML和Web浏览器的结合，用户可以在浏览器中访问和浏览各种网页内容，包括网页文本、图像、视频、音频等多媒体元素，并与网页进行交互，如点击链接、填写表单、提交数据等。
大部分浏览器中，直接输出中文会出现中文乱码的情况，需要在头部将字符声明为 UTF-8 或 GBK。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>HTML有多个版本，每个版本都有不同的特性和改进。
版本 | 发布时间 |
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2014 |
1）HTML 1.0
HTML 1.0是最早的HTML版本，于1993年发布。它只包含一些基本的标签和属性，用于创建简单的文本和链接。HTML 1.0的目标是定义一种通用的超文本标记语言。
2）HTML 2.0
HTML 2.0于1995年发布，是对HTML 1.0的改进和扩展。它引入了一些新的标签和属性，如图像标签和表格标签，以支持更丰富的内容展示。
3）HTML 3.2
HTML 3.2于1997年发布，是对HTML 2.0的进一步改进。它引入了一些新的标签和属性，如表单标签和框架标签，以支持交互性和页面布局。
4）HTML 4.01
HTML 4.01于1999年发布，是对HTML 3.2的修订和扩展。它引入了更多的标签和属性，如层标签和样式表，以支持更灵活的页面设计和样式控制。
5）XHTML 1.0
XHTML（eXtensible HyperText Markup Language）是基于XML的HTML版本。XHTML 1.0于2000年发布，它严格遵循XML的语法规则，要求所有标签和属性都要正确嵌套和闭合。
6）HTML5
HTML5是HTML的最新版本，于2014年正式发布。HTML5引入了许多新的特性和API，如语义化标签、多媒体支持、Canvas绘图、本地存储等。HTML5还支持响应式设计，以适应不同设备和屏幕尺寸。
HTML是构建网页结构和内容的基础语言，它提供了丰富的标签和属性，使得开发者可以创建各种类型的网页，并实现不同的功能和效果。HTML用于定义网页的整体结构，包括标题、段落、列表、标题、导航菜单等元素。通过使用不同的HTML标签和属性，可以将文本、图像、音频、视频等内容组织起来，并构建页面的层次结构。HTML可以用于展示文本内容和多媒体元素，如图像、音频和视频。通过使用适当的HTML标签和属性，可以插入和显示各种类型的媒体内容，从而使网页更加丰富和吸引人。HTML提供了创建表单的标签和元素，可以用于收集用户的输入数据。通过使用表单元素如文本框、复选框、单选按钮和下拉列表等，用户可以输入数据并提交给服务器进行处理。
参考文档：https://www.cjavapy.com/article/3297/
喽，同学你好，我是运营菌。
最近我们有一门新课《Excel图表》上新啦，欢迎大家捧场哈~
私信回复关键词：Excel图表，获取课程和源文件~
今天在看后台数据的时候，觉得大多数后台都是设置成为这样的交互效果，那么我们能不能用Excel做出这样的效果呢？
突然发现这个图表的基础原理跟Excel中的【透视表】+【切片器】+【日程表】+【图表】的组合太像了！
仔细一想，这不就是【动态图表】的原理么。话不多说，马上教大家如何做出这样的效果。
01.下载数据源
运营公众号的小伙伴就知道如何下载数据源吧，点击日期，通过日历的◀▶选择自己公众号创建到目前3月31日的时间区间。
选择好时间段后，鼠标往下挪，滑动到下面的【下载表格】，保存到自己熟悉的位置。
02.处理数据源
01.打开下载好的表格，首先把表头的合并单元格去掉。
02.选中数据源区域，根据下图操作或者直接按【ctrl+T】
03.选中数据，插入【数据透视表】
04.把时间拖动到【行】，把【新关注人数】拖动到【值】。
05.选中数据透视表，插入【日程表】
06.复制数据透视表，把【值】区域分别改为【取消关注人数】、【净增关注人数】、【累计关注人数】。
07.分别插入折线图，经过简单的整理，可得：
08.新建一个工作表，插入形状布局，调整一下格式可得：
复制形状成3个，分别填上对应的字段，如图。
09.把日程表放置在新的工作表中，留出一个对应的图表区域放置图表。
10.点击【工作表标签】，按住ctrl+鼠标拖动复制工作表，复制4个，如图。
11.修改工作表名称，分别为【新关注人数】、【取消关注人数】、【净增关注人数】、【累计关注人数】。
12.把对应的图表放置在对应工作表的图表区域。
13.右击图形，【超链接】，将图形设置对应超链接到工作表上。
14.复制超链接的图形到其他工作表上，选中前三行内容，复制到【取消关注人数】、【净增关注人数】、【累计关注人数】表上。
15.在对应的工作表上的图形，设置成绿色填充，白色字体。
16.最后可以选择任意的，做出这样的交互效果啦！
今天的分享的交互效果内容就到这，这种做法会偏麻烦点，如果是能结合切片器切换，效率能大大提高。还有什么想知道内容，可以在留言区评论哦。
些时候我们会被朋友、同事请求，帮助他们制作一些网页什么的，当然有时我们自己也有类似的需要。虽然可以找到Dreamweaver这类专业的网页制作软件，但是要想制作出一个让人满意的网页仍然是非常的繁琐，好在现如今网上已经有一些免费的网页制作工具可以使用，通过直接调用这些在线工具进行操作，不仅操作快速而且看上去会很有面子的。
创建网页制作工程
这里我们就通过“9466网页助手”来进行操作，它是一款在线可视化网页制作工具。用户不需要有任何的专业知识，只需要通过鼠标拖拽需要的网页元素进行配置，再对某些参数进行简单的修改，就可以得到需要的网页文件。
通过浏览器打开“9466网页助手”的官方网站，首先点击标题栏中的“我的”命令，在弹出的网页中点击“创建新项目”按钮。这时在弹出网页的“项目名称”中，任意输入一个项目的名称即可，比如我这里就设置为“我的网站”（图1）。设置完成后点击右 上角的“确定”按钮，这个项目就创建完成了，而这个项目就相当于是网站的总架构。
添加内容设计网页
由于一个网站是由一个或多个网页组成的，所以接下来我们就需要来设计制作网页，而“9466网页助手”非常体贴地为用户提供了两种设计制作的方式。一种就是传统的“白手起家”，在空白的页面中添加上自己需要的内容，最终完成网页的设计制作操作。另外一种相对比较简单，就是从“9466网页助手”网站中选择合适的模板，在这个模版的基础上进行简单的修改即可。
先来看看“白手起家”是怎么做到的。再一次点击标题栏中的“我的”命令，在弹出的网页中就可以看到刚刚创建的项目名称。将鼠标移动到“设计”按钮的上面，在弹出的菜单里面选择“PC”项，点击它以后就表示我们开始制作适合电脑访问的页面了（图2）。
图2
当进入到设计窗口的时候，系统会自动添加一个命名为“首页”的页面。当点击左侧列表中的“页面”按钮，在弹出的对话框点击“添加页面”按钮，再点击“创建空白页面”命令就可以创建更多的网页。一个公司的网站除了首页以外，还可能包括产品介绍、公司简介等页面。所以我们在弹出对话框的“页面名称”中，设置一个网页的名称信息，比如“公司简介”等等。接着在“文件名”后输入这个网页的名称，需要提醒大家的是，这个名称不能是中文信息，最后点击“创建”按钮就可以了（图3）。
图3
一个页面是由标题、关键字、网页内容等构成的，所以接下来要做的就是为网页添加相应的内容。点击左侧列表中的“添加”按钮，在弹出的对话框中就可以看到众多的元素内容。比如我们需要图文并茂的介绍一下公司的产品，于是就在元素列表中找到“图文”项，接着利用鼠标将其拖放至设计窗口里面。接下来根据提示点击元素窗口中的图片图标，在弹出的对话框中点击“从本地选择图片上传”按钮，然后选择要上传的图片文件就可以了。
现在在右侧列表里面，就可以对图片进行调整了，包括图片对齐、位置大小以及高度和宽度等。接着在图片的旁边输入相应的文字信息，双击输入的文字信息就会弹出一个工具栏，通过它就可以设置文字的字体、大小、对齐方式等（图4）。
图4
设计完成后首先点击左侧列表中的“保存”按钮，接下来再点击工具栏中的“预览”按钮，就可以查看到网页设计的最终效果。
套用模板简捷方便
如果用户不喜欢自己进行设计制作的话，那么我们就点击标题栏中的“模板”命令，在弹出的网页中可以看到大量的模板。当将鼠标移动到某个模板的缩略图上面的时候，可以查看到这个模板的相关信息。其中“页数”这个参数非常重要，它明确告诉用户整个项目里面有多少个网页，而且详细的介绍了PC和移动终端的页数。如果PC的页数显示为0的话，说明这个模板文件只适用于移动终端，而不适用于PC端的网页制作（图5）。
图5
当选中一个模板文件后，点击下面的“克隆”按钮，在弹出的对话框中输入克隆到项目的名称。比如我们设置的项目名称为“我的网站”，接着在下面选择需要克隆的页面类型（图6）。最后点击“克隆”按钮，这个模板就被移动到自己的项目中。现在点击标题栏中的“我的”命令，在创建的项目中就可以看到复制过来的模板文件。接下来进入到自己项目的设计窗口中，按照前面的介绍对模板中的页面进行简单的调整和修改就可以了。
图6
一键发布快速直达
当网页信息编辑完成并且自己也认为非常满意后，就可以将其发布到自己的空间里面，这样其他用户就可以访问自己的网站了。其为用户提供了两种不同的发布方式：一种是将制作的网页整体打包下载到本地系统、一种则是直接上传到自己的空间服务器里面。
点击对话框中的“FTP”这项，接着根据提示分别输入FTP的IP地址、端口、用户名和密码（图7）。而“发布路径”选项一般设置为“/”或者“/wwwroot/”就可以了，如果用户使用的是西部数码的网络空间，这里则需要设置为“/用户名/wwwroot/”。这里的用户名指的是用户在西部数码的FTP用户名，设置完成以后点击“发布”按钮，网页文件就可以直接传输到空间服务器中了。当文件传输完成后会有提示，这样通过域名就可以进行访问啦。
图7
*请认真填写需求信息，我们会在24小时内与您取得联系。
