一个真正的0基础新手学习前端开发的心路历程

第一阶段接近尾声，结束的声音响起。从8号开始学习到初心的第一阶段结束，这段时间还要应付期末考试我一直都挤出时间研究各种东西，这次学习让我受益匪浅？废话不说，说干货。1、第一阶段html的知识是什么？前言我们介绍了什么是html？w3c？和html5？和基本的计算机网络知识？1：什么是网络？WEB的发展历史：因特网称为因特网。美国国防部高级研究计划局ArpA建立了一个名为“Arpanet”的军事网络，于1969年正式启动。2：w3c是做什么的？W3C成立于1994年10月。Timberner3-lee在麻省理工学院创立了wordwidewebconcortium。中文是万维网联盟，简称w3c。W3C最重要的工作是制定网页规范，它描述了网页通信协议，例如html和xhtmlwww是wordwideweb的缩写，中文也可以写成w3。万维网是一个集文字、声音、图像、视频等多媒体信息于一体的全球信息资源网络。万维网的表现形式是因特网。3：了解网络前端知识和协议？网站，人们可以通过该网站发布自己想公开的咨询或利用该网站提供相关的网络服务。URL：在浏览器中输入网站地址，打开你要访问的网站，这时我们称该网站地址为url，中文名称为UniformResourceLocator，俗称网址。url格式：协议://主机地址+目录路径+参数http：超文本传输??协议将文本从万维网服务器传输到本地浏览器https是在http基础上增加的更安全的协议ftp协议：文件传输协议可以通过ftp访问服务器上的文件文件协议主要用于访问本地计算机中的文件2、html和基本标签的发展历史？Html也称为超文本标记语言，一种用于构建网页的标记语言。Html的历史：1993年，Internet工程工作组发布了工作草案。1995年发布html2.0版本。1997年12月18日，html3由w3c发布。2版本是w3c在1999年发布的，html4.01版本是w3c在2000年发布的，xhtml1.0版本她是严格的html代码Xhtml是更严格的纯html语言Html5加入了很多语义标签。不同的html标签代表不同网页的内容。什么是元素？html由一系列标签组成，每个标签都用<>包裹，通常称为一个元素单标签：只需一个变化就可以表达一个完整的意思如：双标签：开始标签由结束标签

组成属性：标签可以有很多属性在双引号中3.2html中常用标签的基本结构是什么？1：标题：这里我们会用head的缩写h1到h6来表示标签显示结果的顺序是从大到小的结构2：段落标签：什么是段落标签？用于定义段落的标签！这里用

表示注意：段落标签用来定义段落。浏览器会自动在其前后创建一些空白文本。行数取决于浏览器窗口的宽度。那么问题来了？如何显示空间？html准备了一个特殊的空格符 来表示3：块级区域div标签是划分的意思，代表网页中的块，所以一般称为块标签4：span标签是inline来标记跨度中的跨度元素。这很重要。不太了解的可以查看知识点5：还有一些我们经常使用的链接，比如如何点击一个链接跳转到另一个界面？可以在这里实现，即使用a标签anchor的缩写来定义网页的链接href为链接地址，也有一些我们常用的空链接void(0)6：图片的img属性有两种定义方法其中一种属性是src，代表图片的地址。alt属性表示图片无法显示时的替换文字。为此，才会有无序列表、有序列表、自定义列表：1：无序列表？使用ul标签定义无序列表。li标签定义没有列标签的列表项。意思是前后的内容没有顺序2：有序列表？顾名思义，每一项都具有顺序意义。有序列表的前端通常是一个字母或一个数字。3：自定义列表：使用dl标签定义自定义列表，dt定义标题，dd定义列标签项。4.下一步很重要表格标签的重中之重：为什么要使用表格标签？我们在浏览网页时，总是看到不同单位的商品分类？像我们购物的时候，会有分类。你想要什么型号的华为手机？什么颜色？这样既需要区分类别，同时也需要表示手机类别中的表格标签：表格元素：

标签定义由若干行和几列的单元格组成，在表元素中用表示表中的一行用标签来定义表格的行trtable用于包含td标签如：

标签来定义一行？我们可以把整个网页分成三部分：headbody和foot代表网页的一个完整的人/行table使用

表示一列。表格可以定义标题吗？使用

单元格

将其颜色更改为更粗和更黑。我们也可以在tr属性中设置align来调试单元格等表单的显示位置：使用表单简单设置一个提交按钮或者一个重置按钮实现我们输入网页信息时的一个小程序？大家可以自己去了解一下！表单元素：使用表单标签来定义表单。表单有两个最重要的属性：动作和方法。action属性定义了表单提交的地址，eod属性定义了表单提交的方法。提交表单的方式有两种：一种是getone，一种是post。其他表单控件元素必须放在表单标签内Formaction=www.huawei.commethod='postInputtype="submitvalue="SubmitInputtype="resetvale="重置表单元素：使用form标签定义表单，表单有的两个最重要的属性是动作和方法。action属性定义了表单提交的地址，eod属性定义了表单提交的方法。提交表单有两种方式：一种是get，一种是post。其他的表单控件元素必须放在表单标签的内部大小写：Formaction=www.huawei.commethod='postInputtype="submitvalue="SubmitInputtype="resetvale="重置表单中的三个属性？选择输入t夸大？1：input:table元素：input是一个单标签元素，其属性type表示输入的表单类型。input标签通过tupe属性的不同取值定义不同的表单控件。单框：可以输入一行文本的表单控件，例如：单选按钮：只能选中一个具有相同属性的单选按钮。例如：多选按钮：可以选择多个选择框。例如：按钮：普通按钮：例如：提交按钮：会触发向服务器提交表单数据的功能重置按钮:会清除表单中的所有信息数据回复表单中的原值文件上传按钮:用于文件上传2:selectselection?如何选择想要的产品?select用于定义list选项用于定义列表项示例：Selectname="course">Optionvalue="Math">EnglishMathematics3：textare显示多行文本字段？用于表示多行文本域示例：<textarearows=”5”col=”10”>