阿里巴巴注册界面详解

前言：

我们要去实现阿里巴巴注册界面，一个前端界面。我们应该去做一个什么内容？
我们这个的实现是用HTML语言来写的，所以首先第一个呢，我们来认识一下什么是HTML，我们再来学习在HTML中间我们怎么样去用它的语言，来把阿里巴巴注册界面的一个实现。

认识HTML
如果我要问小伙伴们，什么是网页，这个东西大家都会，都知道。
比如说用浏览器输入网址打开的页面，我们就把它叫做网页。那如果我要问你，这个网页它是怎么组成的？它是用什么语言来显示的，那这一块可能有些小伙伴就不知道了。那么我告诉你的话呢，我们所谓的这一些网页，其实它就是由HTML语言呢，来构建的。

Hyper Text Markup Language(超文本标记语言)

我们在用工具，或者说文件，这类记事本的这种编辑器去把HTML代码去进行编写，编写了之后通过浏览的渲染跟处理，然后就编程了我们熟知的这一种网页。

正文：

那么HTML的代码长什么样子的？接下来一起来看看。

比如说我想要知道百度首页源码是长什么样子的，直接按一下F12，那么它的HTML代码就是长这个样子的

里面包含了很多的内容，比如说我想知道百度这个按钮，它的代码是怎么写的

百度的按钮它就是一个input标签

或者说百度这个LOGO它代码是一个什么样子的呢

它就是一个area 这样子的一个标签

你在这个界面上看到的每一个控件，其实它都有对应的一个语言来进行实现，那么它不同的一个标签呢，它有不同的作用，因此我们想要学好这个HTML的话呢，其实你就是去学习HTML这些标签的使用。

HTML是所有的编程语言中，最为简单的。

因为第一个，它没有所谓的这一种循环，判断，也没有类，对象之类的。

你就只需要某个地方需要一个文字，我就在这里堆积一个文字，另外一个地方需要一个图片，我就堆积一个图片，按钮同理。

其实它就是由各式各样的控件给堆砌而成，这样子的一门语言，相对来说是很好学的

通过浏览器渲染之后

我们为什么要学HTML，它的一个好处是什么。

其实对于测试来说的话呢，如果你知道了它实现的原理，你要去测试的话可以更全面。

第二个的话呢，HTML大家都知道，我们很多网页、网站在我们市面上做一个流通，包括我们微信上面用到的一些小程序、H5的技术，其实都离不开这个HTML，包括我们主要用到的浏览器，HTML也是很支持的，正是因为它有这些优势，所以我们更需要来了解它。

HTML的优势

世界知名浏览器厂商对HTML5的支持

市场的需求

那我们要怎么样去学会写这个代码，其实这个代码很容易去写，用什么工具来写，是我们首先要来考虑的第一个问题。

对于工具这一块，我们有很多的选择

第一个，你可以用非常简单的记事本来写，就是我不需要安装任何的环境，直接新建一个TXT的文本文档，我就可以去写HTML的代码，你只需要把它的后缀改为.html就可以了。

只是说像这种方式的话呢，它非常不便于咱们去开发，因为它没有关键字的提示，没算错了你也不知道。

因此在这一块都会用到一些集成的开发工具，比如说有

那么我们今天用的呢，就是Visual Studio Code，那么这个工具能，也不需要小伙伴们去下载，如果你想要的话呢，公众号主页点击领取资料，有机器小助手会发送给大家，拿到安装包后直接双击把它打开，下一步下一步下一步，然后安装完成就OK了。
!

这个工具就是我们去做HTML代码编写的一个工具，可以很快的帮助你去做一些提示，如果遇到错误他会检索出来，就很方便你去做开发、写代码。

那么在这个里面的话呢，首先给大家来看一下我们要实现的HTML，阿里巴巴注册界面长什么样子

在这里推荐一个软件测试交流群，QQ：642830685，群中会不定期的分享软件测试资源，测试面试题以及行业资讯，大家可以在群中积极交流技术。

1.对于图片我们改怎么去放？

2.对于文本怎么样去放？

3.链接怎么去放？

4.需要输入的信息框怎么去放？

第一个HTML网页

在VSCode中新建一个文件，保存为.html格式，然后输入html:5按tab键，即可创建出一个网页。

为什么要输入5呢?因为我们学习的是HTML最新的版本，就是HTML5创建出一个标准的骨架

HTML图像-image标签

常见的图像格式:JPG/GIF/PNG/BMP

在HTML中，图像由标签定义。

HTML超链接-a标签

HTML使用超级链接与网络上的另一个文档相连。超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

我们通过使用标签在HTML中创建链接。

在这里推荐一个软件测试交流群，QQ：642830685，群中会不定期的分享软件测试资源，测试面试题以及测试行业资讯，大家可以在群中积极交流技术喔。

阿里巴巴注册界面详解相关推荐

Unity3D技术之游戏的登陆注册界面详解
首先制作背景图片,在ngui中插入一个texture,把选好的背景图片放入texture中,在texture组件上添加一个uistretch脚本(自适应屏幕大小),把其属性中的style调成both, ...
2016年最新苹果开发者账号注册流程详解（公司账号篇）
随着苹果规定金融/理财类应用需要使用公司开发者账号上传,并进一步加大对此类问题的审核力度,公司开发者账号开始呈现出炙手可热之势! 不过,公司开发者账号的注册流程着实复杂--不仅要填写公司的D-U-N- ...
2016 年最新苹果开发者账号注册流程详解（个人账号篇）
苹果宣布 Search Ads 重磅上线的同时,也向开发者传达了一个好消息:申请注册 Search Ads 即可获得 100 美元账户余额.虽然竞价广告目前仅限美国区,但此项福利却在中国区引发了一场规 ...
第二章 Roboguide安装及注册步骤详解
Roboguide安装及注册步骤详解一.安装前需要了解的 1.软件获取途径 2.版本说明 3.系统软件及硬件需求二.安装软件 1.安装前准备工作 2.软件安装步骤 3.注册软件 4.卸载软件 5. ...
2022苹果开发者账号注册流程详解（公司账号）
公司开发者账号注册流程详解: 一.注册公司账号前需要提供的信息: 1)邮箱,邮箱密码: 2)微信或支付宝或储蓄卡或者信用卡(原来是必须有需要带国际支付能力银行卡(visa银行卡,实际上是转账到国外的苹 ...
圆形界面开启相机_「基础篇三」手机摄影拍照界面详解
[基础篇三]手机摄影拍照界面详解手机拍照对我们来说已习以为常,每天我们都会用手机相机功能或多或少的拍出几张照片.故手机拍照界面对我们来说也不陌生,但手机拍照界面上的那些按钮,那些功能你都用过吗?你 ...
通过Cloudera Manager部署CDH5.15.1的webUI界面详解
通过Cloudera Manager部署CDH5.15.1的webUI界面详解作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 本篇博客CDH的部署完全通过Cloudera Mana ...
黎明杀机手游注册登陆详解
黎明杀机手游注册登陆详解 1.OurPlay2.酷酷跑3.Qoo APP 1.打开Qoo APP 下载黎明杀机 2.打开酷酷跑,申请账号 2.1先点击一件安装再进行点击申请 3.打开OurPlay 将 ...
PayPal注册申请详解
PayPal 是现在网络上最流行的免费信用卡,也是最流行的网上银行,作为ebay的旗下公司,PayPal成立于 1998 年,它使拥有电子邮件地址的任何个人或企业能够安全.便捷.迅速地在线收款和付款. ...

阿里巴巴注册界面详解

阿里巴巴注册界面详解相关推荐

最新文章

热门文章