html编程入门,html 开发入门
html编程入门,html 开发入门
开局一张图
上图是京东的登录页面，这和我们接下来要学习的东西有关系。
《踏上编程之路的必经之路之html篇六》中我们学习了table表格，今天我们要学习的这叫做form表单。
form表单就是专门用来实现用户登录、用户注册、信息收集之类的页面的。
日常网购一般都要求我们先登录，输入用户名和密码，点击登录后才可以进行物品的购买，那我们就用form表单来实现一下登录。
form表单中包含了input标签，input标签属于单标签。单标签是相对于双标签来讲的。以前的a标签、p标签、span标签等，都属于双标签，它们的特点是一对一对的，比如a标签，要写成。比如p标签，要写成，它们都是有一个开始，有一个结束。都是成双入对的。
单标签则没有结束标签，比如上面的input标签，它就没有这样的结束。单标签还有我们之前学的img图片标签，br换行标签等。
input标签只能包含在form标签中，也就是说只要有input出现的地方，必定会有一个form标签包围着它。
而上一篇中的tr和td标签只能包含在table表格标签中，它们是组合。不能分开单独使用。
同样的情况还有li标签，只能包含在ul无序列表标签，ol有序列表标签中，dt标签和dd标签只能包含在dl标签中。
上面代码在浏览器中的效果：
这样一个简易的登录页面就做出来了，是不是很简单啊，我们试着填写用户名和密码来尝试一下登录。
你会发现，你输入的密码并不是明文的，也就是说你输入的密码会以黑点的形式呈现，这是为了安全，如果不这样，你输密码的时候很可能会被你背后的人看到。
那这个是怎么实现的呢？其实你应该已经发现了，input标签里面有个type属性，type设置为password就是以密码形式呈现。type设置为text就是以明文显示，type设置为submit就是一个按钮。
提交按钮的input里面我们还设置了一个value属性，这个属性用来设置，按钮的文字，我们这里设置的是登录，为了加深理解，我们给它改为登入。
浏览器中就会相应地显示为登入：
form表单中除了可以写input外，还可以有select下拉选择标签、textarea文本域标签、button按钮标签（这个按钮和都是按钮，用的时候看你自己喜好）。
下面通过一个例子来了解上面的各种标签的使用。
案例：添加一篇文章，要求填写文章标题、文章分类、发表频道、文章内容。
浏览器中的效果：
上述代码中form标签中有select标签，这个的作用是产生一个下拉框，供用户选择。
select里面包含option标签，这个就是具体可以选择项。我们这里设置了三个：财经、教育、历史。 同我们前面讲的一样，option必须包含在select里面，而select必须包含在form表单标签中，它们是组合，不能打单独使用。
在这个例子中，我们还是用到了单选。
红框框住的就是我们设置的单选，具体对应代码中的：
单选也是用的input标签，只不过它的type是radio，还有一个要注意的地方就是name属性，我们这里可以选择的项是：新视觉、猎奇、杂说，它们三个的name属性都设置为了：channel。只有设置name都一样，才能单选，否则就成了多选了。
文章内容我们使用到了textarea文本域标签，它和的区别是，textarea可以放更多的文字。
textarea标签有两个属性需要说一下，cols代表的是列，rows代表的是行，cols设置的值越大，textarea的框越宽，rows的值设置的越大，textarea的框越高。我们来尝试一下：
先把cols设置成60，textarea就会变宽。
rows设置为30，textarea就会变高 :
form表单中还可以设置多选，我们也来尝试一下：
浏览器中的效果：
红框框住的部分就是我们实现的多选，多选用的也是input标签，type为checkbox
你可以自己动手尝试一下
我们整体的需求都实现了，但是整个页面看起来很不美观，所以我们需要调整一下，我决定采用table表格来调整，把文章标题、请选择分类、内容这些文字性的东西放到一列，input、select等标签放在另一列里面，使整个页面看起来更加整齐。
浏览器中的效果：
经过调整以后，看起来已经不那么丑了，在《做网站需要学习哪些知识》中，我们介绍过美化页面需要用Css和JavaScript，光用html是不可能做到很美观的。
在讲完html后，我们就会讲Css和JavaScript。
今天的内容就到这里了，记得要动手实践哦！
编程入门学习步骤
学习编程的必经之路：C-->C++--->数据结构这3项是每一个编程人员一定通过的门槛。。。学好了上面的那些东西，你去学习其他都是很容易的了。。。可以去书店找相关
怎样学好计算机编程第一步
英语好，数学好英语好是要你有很有优秀的代码读写能力，应为程序的很多关键字，都是英文的近意，数学好是要你有很优秀的逻辑思维能力，因为程序的关键在于算法，算法是程序工作的核心部分其次才你的编程技能，优秀的编程思想，良好的编程习惯，和程序命名规则，（这样才能增加程序的可读性）娴熟的编程技巧，善于与人交流和合作（因为以后程序会是模块后操作，一个大的程序会是一个团队或项目组共同完成的，所以你要懂得经常和别人交流合作）等等！！！！c++是一门面向对象的中级语言（以前是以c为基础，但现在行的高级编程语言都是由c++演变而来，所以c++就成了学习高级语言的基础）你学了c++以后可以继续学习其他高级编程语言，比如现在流行c# 和Java,学习这些开发语言的同是，还要学习其他的与编程相关的技术，你初学，什么都要慢慢来，基础我可以给你一学习流程，你按照我给你的流程和计划去学习，你先可购书自学，不懂，可以在 这里提问。愿意学，本人不才，如果你同意我乐意指导你下，下面是我给你的学习流程各位网友，在下所学浅薄，，拙见之处请勿见笑！！！软件开发，学习步骤1，程序和流程图2，输入输出函数和数据类型3，运算符4，分支结构（if语句）5，循环结构6，循环跳出和嵌套7，数组和循环嵌套8，函数和字符串9，指针和函数参数10，结构体与枚举按照我给你步骤一步一步来，下面是就可以开始学习其他与开发的相关技术了，可以学学数据库，步骤：1，创建数据库2，完整性约束3，数据处理4，基本查询5，高级查询数据先学到这里，关于 ，游标，存储过程，触发器等其他的，以后再说再学winform，（也就是windows窗体，窗体时我们俗称，界面）1，先学数据类型2，窗体与窗体常用控件3，容器控件和菜单控件4，链接数据库5，事件与内置对象6，错误处理与测试7，.net报表技术学了上面的，就可以学习网页编程了，（网站开发），步骤：1，html标记2，css样式3，javascript先学这么多吧，了解以后再逐一精通注意学习编程，对于初学，要记得多敲代码，还有多锻炼自己的逻辑思维能力，英语不好的同学，还要借机补习下自己的英语，我上面说的你都能做到的话，我估计你也能做项目了，不对，还有些架构，测试没给你讲，不过一些小程序，你能做出来了，剩下的就靠你自己了先学着，以后再慢慢教你
