整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
eb3.0指的是第三代互联网服务，他是基于区块链技术，存储在分布式存储服务器上。
我创建的第一个Web3网页
目前Web3.0概念非常火，不过依然有很多同学不了解Web3.0是什么？以下内容，做个阐释，本文会涉及到三方面知识《Web3域名是Web3身份凭证》《IPFS是什么？看这篇文章就够了》《加密钱包是区块链生态的“接口”》。
-是去中心化域名，好处是不归中心化机构管，永远存储在区块链上，不会被下架或被取消。
-IPFS，去中心化存储，网页数据必须要存储在去中心化的系统上，只要有节点存在，网页永远存在，可以一直被访问，不存在被关掉和拔网线的情况
-都是在区块链上进行的，包括社交、支付等。
在这里，我们将展示如何使用Unstoppable Domains创建和托管一个去中心化网站。您只需付费购买一个域名，其他目前均免费。
使用Unstoppable Domains注册Web3域名的特点
可以...
构建Web3网站
完全属于您的
无需续订费用
简单的加密货币支付
解析更多钱包
冗长变的简单
配置您的数字身份
验证社交账户
显示NFT头像
今天只展示如何购买web3域名 和 如何搭建web3网页。
以下内容建议使用Chrome浏览器或Brave浏览器，并需要安装MetaMask小狐狸钱包。MetaMask小狐狸钱包官网：https://metamask.io
第1步：输入您要注册的域名
第2步：选择您喜欢的后缀。
-任何后缀没有差异化，可以使用以下结尾，作为域名的后缀。
第3步：付款。
-支付的方式有3种，信用卡 & PayPal & 加密货币。上面的优惠券领了可抵扣10美元，＞20美元可用。
第4步：进入Website界面。
-域名买完后，点右上角【Account】-【MyDomains】-【Manage】-【Website】。
-该界面展示，3个功能
-我们使用①【CreateWebsite】模板
第5步：建站。
-目前已开放了3个模板，Blog还未上线
-选择①Personal=个人站
第6步：选择模板。
-目前共有5个模板供选择，以最后一个模板Portfolio示例
第7步：编辑网页信息。
第8步：上传至IPFS星际文件系统。
-点击右上角【Publish to IPFS】，这时需要连接您的MetaMask小狐狸钱包，不清楚小狐狸钱包的，请阅读《加密钱包是区块链生态的“接口”》，MetaMask小狐狸钱包官网：https://metamask.io
第9步：上传大概5~10分钟后，查询即可。
第10步：编辑Web3网页全部完成。
这时您也拥有了一个可以终生拥有的一个Web3网页。
不过大家可以留意到，该Web3网页的地址是：https://ipfs.io/ipfs/QmSsphThrX3TWENmLYetqoT2bFPR222UUCs4FUVTzSLgCm 这是因为Web3网页是存储在IPFS星际文件系统上。
我的第一个Web3网页
第11步：访问Web3网页，有2种方式
-需要安装扩展程序Unstoppable Extension，输入您的web3域名.后缀，即可。Chrome应用商店https://chrome.google.com/webstore/detail/unstoppable-extension/beelkklmblgdljamcmoffgfbdddfpnnl?hl=zh-CN
-直接输入 您的web3域名.后缀 ，Brave浏览器会自动适配IPFS对等列表
至此全部完成，您的 web3域名.后缀 可解析到 https://ipfs.io/ipfs/IPFSHash......
创建一个完全属于您控制的，永不下线的，存储在IPFS上的Web3网页吧。
本文原创，转发请标注来源。
#web3.0##元宇宙##web3##开始学习火热的web3#
扩展阅读：
们都知道互联网的发展，是因为网站的存在。
一个个网站连接成了互联网，比如我们购物买东西，使用搜索引擎搜东西，用社交网站来聊天，它们给我们生活带来了极大的乐趣。
你有没有曾经想要拥有一个自己的网站？
所以今天教大家来自己创建一个自己的网站，你可以随意添加按钮，数据，还可以自己动手设计。
而这些都是免费的，仅仅需要花费几分钟时间就可以完成。
有没有很心动，跟着我一起来吧！
在教大家之前，我先给大家介绍一下可以创建网站的这些网站，分析它们的特点，它们使用都大同小异，然后你们可以自己来选择。
Wix
www.wix.com
Wix 是一个网页开发平台，你可以拖拽就可以创建HTML 5 工具网站，你可以免费创建，但是额外的功能需要付费了。
它也是老牌的免费创建网站的网站，它的模板丰富，样式齐全，有专业的设计师设计模板。
180 个国家的900 万用户使用他们的服务，也看出他们的出色。
你只需要注册登录，选择模板，自定义发布文本，图片等等，然后发布你的网站，所有人都可以访问你的网站。
由于是国外的网站，不太稳定。
Weebly
www.weebly.com
Weebly 也是类似Wix 的通过拖拽可以创建网站。
它的网站本身就是高颜值，它的模板也是一样的很精美的。
而且它几乎帮你完成了一切，比如默认的各种样式，文本，图片，表单等等。
它还内置了很多高清图片库，还有丰富的模板和样式，让你随意挑选。
它也一样有很多外置的服务，但是一样需要付费的。
而且它的空间还是无限的，你可以随意上传自己想要的东西。
总感觉崇洋媚外不太好，所以下面也推荐几个国内做的很不错的，而且访问速度很快，你分享给其他人，也不会尴尬的打不开。
竹子建站
www.zhuzi.me
竹子建站算是比较符合国人风格的建站网站。
打开网站，琳琅满目的模板，你只需挑选一个自己喜欢的模板，比如像个人网站，婚纱网站，甚至是自己的简历也是可以的，你可以提前预览，或者直接来修改。
打开编辑页面，页面的任何一个按钮图片，你只需要选中，就会显示修改工具栏。
你可以修改字体类型大小，颜色，高度，居中等等。
你还可以插入图片，网址，表格等。
你还可以随意拖拽控件的位置，或者随时插入删除。
修改图片时，还有内置的高清图库，还有各种Icon 可以选择。
同时它还支持不同的格式，比如像视频，文档，PDF，PPT 等。
而且还能做到随见即所得，真的很方便，编辑好即可发布。
同时它还适配了手机，电脑，平板，让你在不同的设备上体验都是非常的棒的。
Strikingly
www.strikingly.com
Strikingly 是面向海外的便捷建站网站，当然它出自国内的团队之手。
而且它还针对国内发布了，上线了：http://www.sxl.cn
和Strikingly 一样的服务，而且速度更快，它还有各种强大的功能。
它也是选中就可以随时编辑。
而且你还可以选择网站类型，网站描述，添加关键词。
同时它还有数据分析功能。
更多强大的功能需要专业付费版了。
而且它的网页就没有那么美观了。
对于个人用户不太友好。
题目只能有30个字，不能写全，其实今天我们要学习的内容有三个，第一，下拉列表表单，第二，多行文字输入表单，第三，数据集表单。
开始学习吧！
前天和昨天我们在《HTML表单元素初识1——零基础自学网页制作》和《HTML表单元素初识2——零基础自学网页制作》中基本上把<input/>标签的type属性里不同的值进行了讲解与实践，今天我们来学习其他包含在<form></form>之间的元素。
带有下拉列表的表单
我们在一些网站填写注册信息时，经常会遇到选择"生活所在地"的操作，因为中国的地名是固定的，因此页面会为我们提供一个下拉列表选项，我们直接点选即可，就不需要输入文字了，这样操作的好处在于不会出现拼写错误。例如：
写这个功能我们需要介绍一组新标签<select></select>。"select"（选择）。在这个标签中再添加<option></option>。"option"（选项）。这样就可以写出带有下拉列表的表单了，示例代码如下：
<select><option></option></select>这段代码我们继续在昨天的"表单.html"文件中添加即可，在<input type="image" src="img/示例图片/submit.jpg"/><br>这段代码之前即可！与这个图片提交按钮共用一个<form></form>标签！
下面我们为多选表单添加名称，示例代码如下：
请选择省份<select><option></option></select>下面我们添加不同选项，示例代码如下：
请选择省份
<select >
<option >河北</option>
<option >山东</option>
<option >河南</option>
<option >海南</option>
<option >江苏</option>
<option >安徽</option>
</select>
<br><br>为了规范起见，我们为表单信息添加name和value属性，示例代码如下：
请选择省份
<select name="province">
<option value="Hebei">河北</option>
<option value="Shandong">山东</option>
<option value="Henan">河南</option>
<option value="Hainan">海南</option>
<option value="Jiangsu">江苏</option>
<option value="Anhui">安徽</option>
</select>
<br><br>大家要注意的是，在下拉列表表单中，name写在<select>中，value写在<option>中。
页面效果如下：
这里告诉大家一个规律，下拉列表表单默认显示第一个<option></option>中的文字内容。
如果您想改变这个默认显示，请在需要显示的<option>中添加selected属性，并赋值为"selected"。
示例代码如下：
请选择省份
<select name="province">
<option value="Hebei">河北</option>
<option value="Shandong">山东</option>
<option value="Henan" selected="selected">河南</option>
<!--选中这个选项--><option value="Hainan">海南</option><option value="Jiangsu">江苏</option><option value="Anhui">安徽</option></select><br><br>页面效果如图：
多行文字输入表单
我们在西瓜视频上发布视频时会被要求填写视频描述，页面中的输入框不是像下图这么短的单行输入框。
而是多行输入框，如图：
使用<textarea></textarea>标签即可添加这样的输入框，不过要设置row（列）和cols（行）属性的数值。示例代码如下：
<br>请简要描述您的剧本的情节<br><textarea row="3" cols="20"></textarea><br>这段代码添加到</select><br><br>之后，与其共同使用一个<form></form>标签。
下面我们为这个多行输入框添加一些提示和限制。
首先，添加提示文字，和type="text"的<input/>标签一样，都是使用placeholder属性。
第二，我们限制一下字数，使用maxlength（最大长度）属性。
第三，在页面加载完成后，直接让光标停留在输入框中，使用autofocus属性。
下面看看如何写吧，示例代码如下：（不要忘记写好name属性！）
<br>
请简要描述您的剧本的情节<br>
<textarea row="3" cols="20" name="storyOutLine"placeholder="最多输入80字"maxlength="80"autofocus></textarea><br>页面效果如图：
如果刷新页面不能正确显示，请尝试关闭后重新打开！
数据集表单
数据集表单实际上就是一个将不同选项或信息打包上传的设置。
当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。（W3school）
这个数据集有三个部分组成，首先是<fliedset></fliedset>,这个标签不会显示，只是告诉浏览器这里的数据要打包。
第二是<legend></legend>,"legend"(说明)，这里添加数据集名称。
第三就是我们之前学到的那些标签了。
示例代码如下：
<fliedset> <legend>信息打包</legend> </fliedset>下面我们使用这段代码把form2打包一下吧。示例代码如下：
<form>
<fieldset><!--开始-->
<legend>信息打包</legend><br>
<!--标题-->兴趣爱好：<br>
<input type="checkbox" name="hobby" value="reading"/>读书
<input type="checkbox" name="hobby" value="film"/>电影
<input type="checkbox" name="hobby" value="painting"/>绘画
<input type="checkbox" name="hobby" value="music"/>音乐
<br>
最高学历：<br>
<input type="radio" name="education" value="highSchool"/>高中
<input type="radio" name="education" value="bachelor"/>本科
<input type="radio" name="education" value="master"/>硕士
<input type="radio" name="education" value="doctor"/>博士
<br>
请选择省份
<select name="province">
<option value="Hebei">河北</option>
<option value="Shandong">山东</option>
<option value="Henan" selected="selected">河南</option><!--选中这个选项-->
<option value="Hainan">海南</option>
<option value="Jiangsu">江苏</option>
<option value="Anhui">安徽</option>
</select>
<br><br><br>
请简要描述您的剧本的情节<br>
<textarea row="3" cols="20" name="storyOutLine"placeholder="最多输入80字"maxlength="80"autofocus></textarea>
<br>
</fieldset><!--结尾-->
<input type="image" src="img/示例图片/submit.jpg"/><br>
<input type="reset" /><br>
<input type="submit" value="submit"/>
</form>页面效果如下：
今天的内容结束了！
如果您喜欢我的教程请关注我，点赞也能让我充满动力！
HTML序章（学习目的、对象、基本概念）——零基础自学网页制作
HTML是什么？——零基础自学网页制作
第一个HTML页面如何写？——零基础自学网页制作
HTML页面中head标签有啥用？——零基础自学网页制作
初识meta标签与SEO——零基础自学网页制作
HTML中的元素使用方法1——零基础自学网页制作
HTML中的元素使用方法2——零基础自学网页制作
HTML元素中的属性1——零基础自学网页制作
HTML元素中的属性2（路径详解）——零基础自学网页制作
使用HTML添加表格1（基本元素）——零基础自学网页制作
使用HTML添加表格2（表格头部与脚部）——零基础自学网页制作
使用HTML添加表格3（间距与颜色）——零基础自学网页制作
使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作
16进制颜色表示与RGB色彩模型——零基础自学网页制作
HTML中的块级元素与内联元素——零基础自学网页制作
初识HTML中的<div>块元素——零基础自学网页制作
在HTML页面中嵌入其他页面的方法——零基础自学网页制作
封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
HTML表单元素初识1——零基础自学网页制作
HTML表单元素初识2——零基础自学网页制作
HTML表单3（下拉列表、多行文字输入）——零基础自学网页制作
HTML表单4（form的action、method属性）——零基础自学网页制作
HTML列表制作讲解——零基础自学网页制作
为HTML页面添加视频、音频的方法——零基础自学网页制作
音视频格式转换神器与html视频元素加字幕——零基础自学网页制作
HTML中使用<a>标签实现文本内链接——零基础自学网页制作
*请认真填写需求信息，我们会在24小时内与您取得联系。
