整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
1.基本结构
HTML的基本结构分两部分
<html>
<head>
<title>头部</title>
</head>
<body>
主体
</body>
</html>
HTML包括头部Head和主体Body两个部分（注意标签都是以"<>"开始，"</>"结束，要求成对出现）
2.网页摘要信息
网页的摘要信息一般放在HTML文档的头部（Head）区域，主要通过以下2个标签进行描述
2.1.<title>标签
<title></title>打开网页后，将在浏览器标签页显示网页标题。
2.2.<meta>标签
文档内容类型和字符编码信息
<meta http-equiv="content-type"content="text/html";charset="gb2312">名称：content-type（文档类型）
值："text/html";charset="gb2312"（文本类别的html类型，字符编码为简体中文。）
charset表示字符编码常用有如下4种：
GB2312：简体中文，一般用于包含中文和英文的页面。
ISO-885901:纯英文，一般用于只包含英文的页面。
BIG5:繁体，一般用于带有繁体字的页面。
UTF-8:国际通用的字符编码，同样适用于中文和英文的页面。和“GB2312”编码相比，“UTF-8”的国际通用性更好，但字符的压缩比较低对网页性能有一定影响。
家好，我是 Java陈序员。
浏览器是我们上网冲浪的必备工具，每次打开浏览器默认都是先看到起始页。
有的浏览器起始页十分简洁美观，而有的则是充满了各种网址导航和广告。
今天，給大家介绍一个浏览器起始页配置插件，支持自定义配置。
关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
Howdz Dashboard —— 一个基于 Vue3、Typescript、Vite 的完全自定义配置的浏览器起始页，支持 Chrome 插件和 Edge 插件。
功能特色：
项目地址：
https://github.com/leon-kfd/Dashboard在线体验地址：
https://www.howdz.xyz/预设多种主题，初始进入可任意选择。
可动态设置壁纸，支持纯色壁纸、本地图片壁纸、网络图片壁纸、随机图片壁纸，随机图片壁纸支持收藏个人壁纸库。
Tips:左下角的图标按钮可以更新壁纸和收藏壁纸。
壁纸还支持多种动画特效。
可以从物料组件库自行添加自己需要的组件，添加的组件提供很多样式和功能的配置进行修改，并通过拖拽更改组件位置和大小。
提供大量组件用于定制化你的起始页，可适配响应式设计。
Howdz Dashboard 提供大量组件用于定制化起始页，这里挑选几个比较有趣的组件。
Empty - 占位： 占位区块组件，支持一些简单配置与自定义文本。
Day - 自定义日期： 基于 Dayjs 的 formatter 格式化占位符语法实现自定义各种日期格式。
Verse - 随机古诗： 随机古诗组件，API 来源于 https://www.jinrishici.com/, 可配置定时刷新。
Search - 搜索栏： 支持添加自定义搜索引擎、按 Tab 键快速切换搜索引擎、支持关键词联想。
Collection - 键盘收藏夹： 键盘收藏夹，设置网站后按相应按键自动跳转，网站 Icon 自动获取。
Iframe - 外部网站： 设置嵌入 Iframe，最新版浏览器只支持同协议(当前网站为 https)的 Iframe.
TodoList - 备忘清单： 可同时设置不同日期，点击上方日期展开日期选择器。
Weather - 天气： 天气组件，支持通过 IP 自动获取城市也可手动输入，后续考虑添加读取 GPS。
CountDown - 倒计时： 支持天、小时、分钟三种单位的设置倒计时事件。
WeiboList - 微博热搜： 显示最新微博热搜列表，支持配置自动刷新。
此外，还有掘金热门、Github 趋势、知乎热榜。
Editor - Markdown编辑器： 基于 Milkdown 实现，支持按需加载各种插件包括:
MovieLine - 电影经典台词： 随机一句电影经典台词，并展示其电影海报作为背景，支持动态设置各种显示。
Bookmark - 书签： 书签管理器，当前文件夹只支持一级目录。
推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：
https://github.com/chenyl8848/great-open-source-project或者访问网站，进行在线浏览：
https://chencoding.top:8090/#/大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！
今主流的技术中，可以分为前端和后端两个门类。
前端：简单的理解就是和用户打交道
后端：主要用于组织数据
而前端就Web开发方向来说， 分为三门语言， HTML、CSS、JavaScript
语言 | 作用 |
HTML | 描述页面的结构，类似于动物的骨架 |
CSS | 渲染技术，使得页面更好看，也可以一定程度的让页面动起来 |
JavaScript | 实现和后端的交互， 数据验证、收发等功能 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
上面面的一段代码既表示一段HTML的结构， 它表示生成了一个空白的HTML网页
组成HTML的元素称为标签，标签的结构分为两种
下面这段HTML代码包含的标签解释如下
<!DOCTYPE html> 是一种HTML5的规范写法，在HTML发展过程中还有以下的几种声明方式
<!DOCTYPE html> html5规范， html的第一行必须为此值
<!--html4 严格版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"<http://www.w3.org/TR/html4/strict.dtd>">
<!--html4 过渡版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<http://www.w3.org/TR/html4/loose.dtd>">
<!--html4 框架版-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"<http://www.w3.org/TR/html4/frameset.dtd>">
关于html4的声明类型，可以参考:
<https://www.w3.org/TR/html4/sgml/dtd.html>
<!--lang属性表示使用英文，如果是中文，可以改成zh, 非严格属性也可以不写-->
<html lang="en">
</html>
<!--规定字符集使用UTF-8, UTF-8 涵盖全球所有的国际和民族的文字和大量图像, UTF-8 规定一个字符占3个字节-->
<meta charset="UTF-8">
*请认真填写需求信息，我们会在24小时内与您取得联系。
