Html基础学习(基于W3school互联网教程)

1.前言

日月如梭,日月如梭。不得不惊叹时光过得火速,2017大多截至了,一下子自己从事前端开发的流年已经两年了。那两年可以说是反复,回顾那两年的经历,让自己情不自尽了写下了那篇小说,记录自己在那两年经验的种种种种。那篇作品,打算当做自己的一个经验记录,而对此看这篇文章的你,希望你们能从自身的经历里面吸取教训,希望即将步入前端和曾经从事前端的你,不要想我如此反复,在前端的路走得更好。

//幸免乱码

2.高校时光

考完了第二次高考,紧跟着就是懵懵懂懂的上了高校,报的规范就是‘软件技术(网站设计)’。这么说,我也总算正式出身了,只是大学不是那么有名而已!在高校的时段里面,我并不是每一日埋头在电脑前边写代码,学习。生活上有协会,班级的活动本身为主都在场,也平时约上同校打篮球,聚餐,外出。这几个经验,对于大学而言,是非凡宝贵的阅历,我想有所多一些那样的经历。至于学习上,我也鼎力过,也有懒散过。成就方面,除去一些经常的奖项,相比有成就感的就是班里的大成和村办素质综合测评我都是第一,由此一等奖学金和江山励志奖学金我没落下过。固然那么些和同级的西洋参预了什么样国家省市的比赛,得到了有点等奖,多少名无法同仁一视,可是自己不求与旁人相比较,只求超过自己。在步入大学的第一天,我就想不虚度大学的时光,学好专业的学识,不再因自己的不卖力而懊悔。这些我到底完了了,只是不完善。至于不完善的由来,首要有四个:

一是自己的坚忍不拔和自制力不够,紧要表现在多个方面——自己本身打算做一个连串练手,后来即使因为懒散或者技术难点甩掉了。还有就是和在体育场馆借了书,根本没怎么看,等于拿回宿舍放两八个月再还给体育场馆!

随便是还是不是是硕士,无论有先生与否,学习那些都是靠自己的奋力,靠自己的坚持不懈,持之以恒,再持之以恒

二是团结在大学的读书其中,我纵然成绩很好,但不意味着技术好,因为和同学对比,我的技术差了可不止一两条街。因为在就学上,我最多也是随即导师和教科书上边的情节上学,不精晓外面的世界,不清楚技术趋势,也并未和行业的人沟通过。那也造成自身在实习的时候十分吃亏!

大学的学问要求上学,不过外界的技巧趋势也得询问。反复折腾大学的门类,功课。学到的文化相比较简单。对外场的技术可行性有有打探,出席社区和行业的人互换,学到的会越来越多,学习效用也更高。

head中加入

3.初入前端

高等校园的两年时间感到一晃就过了,一下就到了大三,出来实习了。在触发前端以前,我写了3个月的php,后来发现自己对前者更有趣味,所以转前端了。然则那条路并不平易,因为自身找了半个月的的行事,面试了16家商店,15家拒绝,最终一家录用我了,就在两年前的八月,我有了第一份前端的干活。当时听到录用了,想都没想,立马就去入职了,没有上网或者去群聊音信打听过那个公司,相持面的状态一概的不打听。带着欢畅的思想去入职了,一个星期之后,我就在想着何时离职了。因为公司纵然是有400人,前端也有50人,可是基本(95%)都是实习生或者应届生,做的东西都是切图(html+css,js基本不须求写)即便是技巧COO,当时认为他技术厉害,现在以为技术很水。做的项目都是很粗劣的(几千块一个品类,设计+前端+后台,大家可以想下是哪些的花色了),薪俸基本就是1600-2000,涨薪最多也就2500,每一日加班加点也拼不上3000,在那工作四五年最多4000,福利津贴什么也从不,反倒是扣钱的假说就一大堆。每一日开会进行‘洗脑’活动,平均每一天入职一人,离职一人,入职没满一年就去职还要扣15个工作日的薪金等等等等。集团名称不说了,毕竟当时入职都是两相情愿的政工,只是即刻祥和太天真而已。

或者是因为自身的专业技能学得并不是很好,那一个经验现在还无时或忘,在从那四遍起始,我找工作再也不敢着急了,因为越来越焦急,越是找不到适当的行事。现在面试的时候我也会多问几句,集团的规章制度,福利津贴,薪金待遇,工作内容等难题,入职此前也多询问下公司,上网看评论(如若是初创的公司,网上没有评论的就爱莫能助了)。

前者的首先份工作是不如意,但不意味自己就自暴自弃,在做事之余,我也有抓紧学习!那多少个月我首先看了blue(智能社的祖师)的入门摄像,后来又看了红皮书(【javascript高级程序设计】)。我看视频或者看书的时候,我并没有太着急,要逼自己太紧,而是紧盯的投机要劳逸结合,不可以懒散。7个月后,视频和红皮书看完了,前端的三大基础,html+css+js有了一个最基本的认识,并不是很结实的那一种,即便是切图,也是有点粗糙。看完了视频和红皮书的半个月后,我实在是不想再拖了,拿了五月份的薪金的当天,就提离职了。当时掌管跟自己说,我入职没满一年就去职,是要扣15个工作日的薪水的,这一个月至少要做够15个工作日,我及时并不曾理睬,直接第二天不来了,合同没签,我走你也不可以!

蒙受实在是受不住的店铺,不提出在缠绕下去,早点一刀两断或者就是最好的一个决定。当时在这家公司,有些人以为被扣15个工作日的工薪不划算,打算做满一年再离职。我就径直放任,频仍请假或者上班不做事,自己学习。他不仁我不义,所以三月份免费给她打工的工作日并不曾稍微。对于那四遍离职六月份的几天报酬,我也不那么在乎,第一没多少,第二在乎可能会失掉越多,代价更大!

固然如此工作的前三年自己尊重的是得到,待遇次之。若是得到基本没有,待遇也要命,我找不到理由留下,外人也惊慌失措说服我留给!

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>

4.播种之路

上一份工作离职了今后,好像面试了5家商厦吧,最后入职了一家初创公司,这家公司登时不到10个员工。基本都是技术开发,可是前端只有我一个。所以在这家铺子,所有的前端只好靠我自己了,不懂的上网搜,或者在Q群问人。在这家集团里干活,比第一份工作好了广大,很多。不过做的事务,也得以说是相比较机械,就是切图,只是比第一份工作冗杂了些,也须要写交互特效,因而我的javascript和jquery练得比较多,用起来也顺手了不胜枚举。

友好也是在局地前端群里面也是比较活跃了,常常和一部分人沟通,也会上github看人家的代码!那份工作的前三个月,我紧要活跃于Q群,可是和那么些人闲谈,闲谈相比较多,代码基本没怎么聊过,有时候也会调换下意见,那些都让自身受益匪浅,改变了本人不少的认知和劳作格局。其中最简易残忍的一个情况就是:我遇到不懂的,去群上发问,有人回答说:“网上一大堆答案,还来问!”,“看文档啊,写得那么详细!”。正因为被人家说得多了,我碰着标题不再是不懂即刻问,而是不懂的先思考,再上网搜,看下有没有类似的答案或者教程,实在是搞不定的再去群里问。在此处也很感谢这些耐心帮自己解决难题的大牛,也谢谢她们的点拨。有时候遇到自己能解答的,我也会尽可能,毕竟能帮到外人,对友好也是一种实战。在群里,除了回复和聊天,也有沟通看法,比较有印象的是这么些讲话:“我一个礼拜看完【javascript高级程序设计】,3天看完【javascript
dom编程艺术】”,“我买了犀牛书,指标一个月内看完”。

这个话看着很威风。但本身当时在想,那个人把看书当成百米赛跑了,什么人看得快何人就厉害?为啥看书要增短时间限?在和谐确定的期限内看完,里面的知识点能接受多少吗?

鉴于这样的思维,我想根本是由两个,一个是为着逼自己攻读,幸免因为自己懒散而出现有书不看那样的场合。首个是上学的慢性心情,望着要学习的那样多,得赶紧看完,再看下一本!

还有一个就是比较长远一个聊天内容时:有人说想学javascript,然而不晓得看怎么书,我就推荐红皮书,可是相当人一贯回应:“那本自己都看完了!”。

那时候自己在想,一本书看完了就无法再度再看,如故说一本书只可以看五回,或者是看完了一本书,书上的文化都学会了,不须求看了?

这份工作的后5个月,因为自身每一遍用html+css+javascript+jquery开发项目,以及自己的一些练兵。对于群里人说的es6,gulp,webpack,vue,angular,react等那有些通通不懂,甚至根本没听过。那么些时候自己先是看了阮一峰的【es6规范入门】,学习es6的语法,之后也是对gulp,webpack,angular,vue有了一个最基本的问询,可是依然很懵逼。因为并不是我们所说的前端模块化,工程化。而且那份工作,开发的品类向来用的是html+css+javascript+jquery。没跟上技巧的大势,也选择持续新技巧。对团结技术水平,再升级一个阶段相比不方便,而且待遇方面也没增添,就是在二〇一九年年终涨了500。所以,出于对友好成长的设想,我十一月份指出了离职!在四月份标准离职。

离职的时候,如故挺不舍的,因为和这家商店的同事相处不错,也是激励了自家的兴味。这一份工作,增添了自身对前者的志趣,接触新的技艺,也深感是种下了前者的种子!那也表达了为何我把第二份工作的阅历称为自己的‘播种之路’。

这又说到找工作的业务,大家找工作的时候,提议问上边试官,应聘的岗位的办事内容首如果的。我所见过的部分气象就是:一些群友去面试前端,尽管是前端开发,但是工作内容是做小程序依旧切图。然后就觉得这么的做事很无趣,做了几天就去职。所以大家应聘的时候,多问几句!除了薪金待遇,公司环境。工作内容也很重点!

 

5.萌生之路

前天那份工作与事先工作差异,这份工作是在Q群联系的,此前是在网站投简历的。办完了离职手续过了几天,就进来现在这家集团入职了。刚进去的两日,并失掉工作职责,只是老大教我怎么利用node.js搭建开发环境,让自家精通如何是前者模块化,前端工程化的便利性。给本人现身说法怎么使用gulp,webpack,vue,sass等至极开发品种,以及开发的片段专业。之后就给了多个页面的练手,给那多少个过目之后,给了有的须要和提议。因为在离职前,我有精通过node.js,gulp,webpack,vue等,所以熟知公司的技术栈的长河比较顺遂。那份工作也让自家有了拥抱流行趋势,主流技术的感觉。

本来了,流行势头和主流的技艺本身并不是一股脑的学,而是项目用到哪边就学怎么着,觉得怎么有趣味,有学习的价值学如何。倘若什么都一股脑的学,而项目上没用上,没实战过,很快就会忘的。所以自己明天就是怎样须要学,对如何有趣味,有啥是很有学习价值的就去学什么。

那份工作的阅历,之所以称之为‘萌芽之路’:

一是因为自身尽管有了拥抱流行势头,主流技术的感觉到。可是凡事我都是新学,依然新手,如故广大索要学习。

二是因为入职不久,就被老大催着注册一个github,也经同事的享用,知道了诸多的学习资源,对团结改变了过多,每日都看有的社区的篇章,公众号的篇章,从中学习和询问文化和行业趋势。自己也爱不释手在社区上写博客。那也是刚发轫。

以此经历,对本身的变动,太多太多。改变最大的紧要性五个方面:
1.对于前端开发,现在并不是像在此以前那样一味的利用html+css+js+jquery,我有和店家的同事持续的不竭,关注前端的大方向,探索前端的技术。我也很谢谢公司的三个前端对自家的耐心指点。
2.还有一个上边就是在办事之余的时刻,在此之前自己根本是活跃于Q群,现在即使有空暇的日子,我也基本没看过Q群,而是自己攻读,假使有如何需要分享的,就在社区写作品或者交换!

在办事这一边,更加是触发前端三年以下的人,有人带和没人带是有分其他!有人辅导下,可以少走很多弯路。有时候不通晓学什么东西了,也足以交到一些提议。前提是,自己也要努力学习。

我们业不要觉得有人带就融洽就不要求思考了,完全让旁人教!因为教的恐怕不会一字一字的教,可能就是引导一下,他人也要上班,也要办事的,没那么多时光详细教!别人假使教的太详细,对自己而言,未必是好事,因为教的详细,说的就多,记住的就少,思考也少,不难乱,映像就不深厚。所以提出大家,在向人家请教的时候,要做笔记或者在计算机实际操作,加深自己的回想,不然很简单忘记!好记性不如硬笔头!

//在head中接纳外部样式表进行格式化

6.有关社区

在社区混了有一段时间了,顺便说下团结的感想。7月加盟segmentfault,是自家第一个注册账号的社区,是第二个因为想写博客而参加的社区。刚开始写文章的时候,人气不高,后来才渐入佳境!写小说很麻烦,是一个脑力活和体力活(针对我要好,一般的话自己写一篇小说是4钟头左右,有几篇文章写了超越10小时),可是值得。因为便宜和获取也不少,紧要有上边多少个:
1.加重对技术点的求学和领悟,方便对之后的使用。也是考虑和小结的一个路子。
2.结交更加多志同道合的爱人,大家调换看法,相互接济。
3.拉长自己的思维能力和写作水平。
4.当日记使用,望着祥和写过的博客,回顾着那么些进程,也是一个美好的追忆。
5.鞭策谈得来不停的求学和商讨。写博客就是那样神奇,写了第一篇,就是想持续的写下去,要想持续的写下去,自己就无法不要时时刻刻的求学和思索,否则没内容可写!

任何的功利和取得就不多说了!

虽说我写小说首若是总计记录,分享,交换看法和认得朋友。然则每便进入社区的时候,看到自己的小说被珍藏,点赞,心里都是挺称心快意的,因为那就表明了自己的文章得到了别人的认同,是别人对友好的一种自然,一种鞭策办法!

既然那篇小说在segmentfault发布,说下对segmentfault的感触(那里偏题了,希望大家不用介意):

内容方面,问答和小说模块做得比其他多少个社区要好!讲堂我相比少接触,在此间不多说。

意见反馈方面,也是很听取用户的看法!

有利方面,每个季度会为top-writer送上普遍!很荣幸自己也当过top-writer,拿过广泛!收到这个大规模的时候,我也是很欢娱。可能是因为自身是一个相比较重情的人,即便是实用性不大的贴纸,胸章,卡片,我也没乱扔,因为觉得这个大规模,是对社区对本身的一个很大的鞭策和必然,也是很有记念意义的一个小礼品!

不满的地方就在于segmentfault的篇章突显机制,如同唯有被推举的稿子,才可能有高的浏览量,没有被推荐的很难有高的浏览量!而且是由segmentfault决定小说是或不是被引进!这么些是从我过去的阅历大概猜的,不必然标准!(试过同一篇小说,完全等同的情节,同样的发表时间,多个社区,在揭破了5天后,浏览量/收藏量这一个比值连镳并驾,不过另一个社区的浏览量是segmentfault的30倍,现在也超过15倍!别的被引进过的稿子,浏览量也不如另一个社区,可是相差的遥远没达到两倍,即便另一个社区是主打作品的社区!)

<link rel=”stylesheet” type=”text/css” href=”xxxxx.css”/> 

7.办事之外

世家对程序员的纪念可能都是‘宅’,‘内向’,‘闷’,‘游戏狂’等,而且我们看文章,看到此间,大家对本人的印象可能也是写代码和读书。其实不然,我有协调的兴趣爱好,而且兴趣爱好还相比广泛,只是每一个欢愉都不曾太深入,水平就是半桶水而已(此处难堪10000+)。

干活之余,专业技能之外,有自己的兴趣爱好,做协调喜欢做的事体,可能是最简便易行的美满。兴趣爱好和早睡早起,吃好喝好这个习惯一样,都是善待自己的一种方法,也能让投机的生存充满生趣!

本人自已兴趣爱好有:水墨画,健身,诗词,篮球,羽毛球,旅游,跑步,做饭,线下交换等!那几个兴趣爱好,可能有点因为更加原因我还没行动过,但是未来自然会有走动的。

 

8.几句鸡汤

1.或者过多少人像自己事先同一,会和别人比较:“同样是一年经验,旁人的技巧都那么厉害,待遇那么高了!”,“那么些人技术水平不如自己,可是却找到比自己好的做事,有人带,技术也好!”等。对于那个也抱怨过,闷闷不乐过,不过想着我那个样子,除了自己变得颓唐之外,改变不了任何景况。也有可能旁人的全力我看不到,或者旁人的其余方面比自己精粹,固然真的只是运气不如人家,那又怎么了!我能做的,唯有锲而不舍和大力!现在自我的想法是:不求与外人比对,只求超过自己!

2.本人不愿意出乎意外的小运,只盼望自己的奋力能拥有收获。努力未必成功,可是不卖力一定战败。尽管未能如愿,至少自己在回看往日的时候,我至少努力过,奋斗过,那就可以无怨无悔。我也相信,未来小有成就的本人,一定会感谢现在着力的友好!

3.换了三回工作,可能在外人眼里,我换工作很频仍,然而在自身要好眼里,我认为是正确的挑选。也是那四次换工作,让自肉体会到,有时候拔取比努力更主要。与其在一个不曾什么样收获的动向努力,不如拔取一个更加多获得的方向努力。

//使用html样式表举办格式化

9.将来展望

至于将来,在读书方面,不断学习是必须的,不过对象本身不立得太显眼。因为过去的经历告诉我,前端那么些天地,技术更新的丰富的快,布置三番五次赶不上变化。担无论怎么着变化,将来自家一连展望,继续全力,望自己能在行业立足,更上一层楼。也可望能和豪门有越来越多的沟通,更加多的学习,更大的向上!

【我有一个前端学习调换QQ群:328058344
就算你在攻读前端的长河中相见什么样难题,欢迎来自己的QQ群提问,群里每日还会更新一些读书资源。禁止闲谈,非喜勿进。】

<style type=”text/css”>  

         xxxx

</style>

 

//bgcolor定义背景颜色;background=”xxxx”指定背景图片,如图片小于页面,图片会重复显示

 

//<p>标签</p>

段落标签。浏览器会忽略源代码中的排版,会简单多余的空格和换行等。

要想换行,可用<br/>来落实。

 

//h1-h6题名标签

<h1>h1标题标签</h1>

<h2>h2标题标签</h2>

<h3>h3标题标签</h3>

<h4>h4标题标签</h4>

<h5>h5标题标签</h5>

<h6>h6标题标签</h6>

瞩目:请只有把标题的签用于标题文本。不要一味为了暴发粗体文本而选用它们。粗体可使用任何标签或
CSS 代替。

 

//文字居中

<h4 align=”center”>用align=”center”将文字居中。</h4>

 

//hr标签用于加水平线

<hr />

 

//注释<!–XXXX–>

<!–注释不会在浏览器中突显。–>

 

//背景颜色

bgcolor=”xxxx”

 

//背景图像

background=”xxxx”

 

//链接

由此a标签href=”xxxx”定义,在新窗口打开用target=”_blank”

<a href=”http://www.baidu.com” target=”_blank”>百度</a>

 

//图像

由此img的src定义,即使不能浮现图片,则彰显alt中的文字

<img src=”xxxx” alt=”xxxx” />

 

//文本格式化

<b>文本格式化,那是粗体文本bold,用b标签</b>

<strong>文本格式化,那是深化语气strong,用strong标签</strong>

<big>文本格式化,那是小号字big,用big标签</big>

<em>文本格式化,那是重大文字emphasized,用em标签</em>

<i>文本格式化,那是斜体文字italic,用i标签</i>

<small>文本格式化,那是小号字small,用small标签</small>

 

//预格式文本用pre标签

<pre>

这是

预格式文本。

它保留了      空格

和换行。

</pre>

 

//链接到同一页面的某地方,用name属性命名“锚”

<a href=”#C4″>查看 Chapter 4。</a>

<h2>Chapter 1</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 2</h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 3</h2>

<p>This chapter explains ba bla bla</p>

<h2><a name=”C4″>Chapter 4</a></h2>

<p>This chapter explains ba bla bla</p>

<h2>Chapter 5</h2>

<p>This chapter explains ba bla bla</p>

 

//表格用table,border为边框宽度,tr-th-td

<table border=”1″>

<tr>

  <th>表头1</th>

  <th>表头2</th>

  <th>表头3</th>

</tr>

<tr>

  <td>100</td>

  <td>200</td>

  <td>300</td>

</tr>

<tr>

  <td>400</td>

  <td>500</td>

  <td>600</td>

</tr>

</table>

 

结果:

图片 1

//横跨两列的单元格:

<table border=”1″>

<tr>

  <th>姓名</th>

  <th colspan=”2″>电话</th>

</tr>

<tr>

  <td>Bill Gates</td>

  <td>55577854</td>

  <td>55577855</td>

</tr>

</table>

结果:

图片 2

//横跨两行的单元格:

<table border=”1″>

<tr>

  <th>姓名</th>

  <td>Bill Gates</td>

</tr>

<tr>

  <th rowspan=”2″>电话</th>

  <td>55577854</td>

</tr>

<tr>

  <td>55577855</td>

</tr>

</table>

结果:

图片 3

//带有 单元格边距cellpadding:

<table border=”1″  cellpadding=”10″>

<tr>

  <td>First</td>

  <td>Row</td>

</tr>  

<tr>

  <td>Second</td>

  <td>Row</td>

</tr>

</table>

结果:

图片 4

//表格中元素的岗位

<table width=”400″ border=”1″>

 <tr>

  <th align=”center”>消费系列</th>

  <th align=”center”>一月</th>

  <th align=”center”>二月</th>

 </tr>

 <tr>

  <td align=”left”>衣服</td>

  <td align=”right”>$241.10</td>

  <td align=”right”>$50.20</td>

 </tr>

 <tr>

  <td align=”left”>化妆品</td>

  <td align=”right”>$30.00</td>

  <td align=”right”>$44.45</td>

 </tr>

</table>

图片 5

//一个无序列表:

<ul>

  <li>咖啡</li>

  <li>茶</li>

  <li>牛奶</li>

</ul> 

图片 6

//一个逐步列表,start为开头序号:

<ol start=”50″>

  <li>咖啡</li>

  <li>牛奶</li>

  <li>茶</li>

</ol> <hr />

 图片 7

//Disc 项目的志列表:

<ul type=”disc”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul> 

图片 8

//Circle 项目的志列表:

<ul type=”circle”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

图片 9

//Square 项目的志列表:

<ul type=”square”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ul>  

图片 10

//数字列表:

<ol>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

图片 11

//字母列表:

<ol type=”A”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol>  

图片 12

//小写字母列表:

<ol type=”a”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

图片 13

//布加勒斯特字母列表:

<ol type=”I”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

图片 14

//小写埃及开罗字母列表:

<ol type=”i”>

 <li>苹果</li>

 <li>香蕉</li>

 <li>柠檬</li>

 <li>桔子</li>

</ol> 

图片 15

//一个嵌套列表:

<ul>

  <li>咖啡</li>

  <li>茶

    <ul>

    <li>红茶</li>

    <li>绿茶</li>

    </ul>

  </li>

  <li>牛奶</li>

</ul> 

图片 16

//表单:form-input

         文本域  text fields

         密码域  password,密码在输入时彰显*号

         复选框 
checkbox,是个小方块,checked可指定选项是不是默许选定,可以由此点击选取或注销

        
单选按钮:radio,checked指定默许选项,点击其中一个按钮时,该按钮变为选中状态,其余具有按钮都变成非选中。

         下拉列表:select-option,用selected可指定默许选定的选项。

         文本域 textarea,rows高,cols宽

         按钮 button

         提交 submits

         fieldset 周边带边框的效果

 

<form action=”xxxx”> <!–假使简单 action 属性,则 action
会被设置为近年来页面。method规定在交付表单时所用的 HTTP
方法GET或POST–>

        
<!–默许用GET方法。假设表单提交是消沉的,没有趁机新闻,比如寻找引擎查询。用GET时,表单数据在页面地址栏中是可知的。

                  
借使表单正在更新数据,或者隐含敏感信息(例如密码)。POST安全性好,因为页面地址栏中被交付数据是不可知的。–>

         姓:<input type=”text” name=”firstname” /><br />

         名:<input type=”text” name=”lastname”/> <br />

         密码:<input type=”password” name=”password” /><br
/>

         爱好 :篮球<input type=”checkbox” name=”aihao”
value=”basketball” />足球<input type=”checkbox” name=”aihao”
value=”football” /><br />

         性别 :男<input type=”radio” checked=”checked” name=”Sex”
value=”male” />女<input type=”radio”  name=”Sex” value=”female”
/> <br />

         请拔取出生地:

         <select name=”place”>

                   <option value=”anhui”>安徽</option>

                   <option value=”jiangsu”>江苏</option>

                   <option value=”hubei”
selected=”selected”>湖北</option>

                   <option value=”jiangxi”>江西</option>

         </select>

         简介:

         <textarea name=”jianjie” rows=”2″ cols=”25″>

                   此人很懒,什么都不曾留给!

         </textarea>

         <input type=”button” value=”Hello world!”>

         <input type=”submit” value=”提交”>  
<!–点击提交按钮后,会将数据提交到action中的页面。假若简单 action
属性,则 action 会被装置为眼前页面。–>

         <fieldset>

           <legend>健康音讯</legend>

             身高:<input type=”text” />

             体重:<input type=”text” />

   </fieldset>

</form>

 

//排列图片:设置对齐形式的图像

<p>图像 <img
src=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”bottom”>
在文件中,文字据下,为默许方式</p>

<p>图像 <img src
=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”middle”>
在文件中,文字居中</p>

<p>图像 <img src
=”https://www.baidu.com/img/baidu\_jgylogo3.gif” align=”top”>
在文件中,文字局上</p> <hr />

 

<p>

<img src =”https://www.baidu.com/img/baidu\_jgylogo3.gif” align
=”left”>

涵盖图像的一个段落。图像的 align 属性设置为
“left”。图像将扭转到文本的最左侧。

</p><hr />

 

<p>

<img src =”https://www.baidu.com/img/baidu\_jgylogo3.gif” align
=”right”>

饱含图像的一个段子。图像的 align 属性设置为
“right”。图像将转变到文本的最右侧。

</p>