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

1.前言

生活似箭,日月如梭。不得不咋舌时光过得很快,2017大多甘休了,一下子自家从事前端开发的岁月已经两年了。这两年能够说是一波三折,回看那两年的经历,让自家不由得了写下了那篇小说,记录自己在那两年经验的各个各类。那篇小说,打算当做自己的一个经历记录,而对于看那篇小说的您,希望您们能从自家的阅历里面吸取教训,希望即将步入前端和早已从事前端的您,不要想我这么反复,在前端的路走得更好。

//防止乱码

2.高等高校时光

考完了第二次高考,紧跟着就是懵懵懂懂的上了高等校园,报的正统就是‘软件技术(网站设计)’。这么说,我也好不简单标准出身了,只是高校不是那么知名而已!在大学的时刻里面,我并不是每一天埋头在电脑前边写代码,学习。生活上有社团,班级的位移本身基本都到会,也平日约上同校打篮球,聚餐,外出。这几个经验,对于高校而言,是老大可贵的经验,我想有所多一些这么的阅历。至于学习上,我也尽力过,也有懒散过。成就方面,除去一些平凡的奖项,相比较有成就感的就是班里的实绩和村办素质综合测评我都是首先,因而一等奖学金和国家励志奖学金我没落下过。纵然这么些和同级的人在场了什么国家省市的交锋,得到了有些等奖,多少名不能一碗水端平,但是自己不求与旁人相比较,只求领先自己。在步入大学的第一天,我就想不虚度大学的时光,学好专业的学识,不再因自己的不卖力而懊悔。那些我终于达成了,只是不周详。至于不周到的原由,主要有四个:

一是上下一心的坚持不渝和自制力不够,重要表现在七个地点——自己本身打算做一个门类练手,后来即使因为懒散或者技术难题屏弃了。还有就是和在体育场馆借了书,根本没怎么看,等于拿回宿舍放两三个月再还给体育场馆!

任凭是不是是硕士,无论有老师与否,学习这几个都是靠自己的全力,靠自己的持之以恒,坚贞不屈,再锲而不舍

二是祥和在高等校园的就学其中,我即便战绩很好,但不表示技术好,因为和学友相比较,我的技艺差了可不止一两条街。因为在求学上,我最多也是接着导师和教科书下面的始末上学,不了然外面的社会风气,不了解技术趋势,也从未和行业的人调换过。那也导致我在实习的时候格外吃亏!

大学的学识需求学习,可是外面的技巧趋势也得询问。反复折腾高校的体系,功课。学到的知识比较单薄。对外面的技能可行性有有打探,参预社区和行业的人互换,学到的会更加多,学习成效也更高。

head中加入

3.初入前端

大学的两年岁月感到一晃就过了,一下就到了大三,出来实习了。在接触前端以前,我写了七个月的php,后来发现自己对前者更有趣味,所以转前端了。不过那条路并不平坦,因为自身找了半个月的的做事,面试了16家合作社,15家拒绝,最终一家录用我了,就在两年前的八月,我有了第一份前端的劳作。当时听到录用了,想都没想,立马就去入职了,没有上网或者去群聊音信打听过这一个集团,相持面的场地一概的不精通。带着欢腾的心情去入职了,一个礼拜之后,我就在想着哪一天离职了。因为商家纵然是有400人,前端也有50人,不过基本(95%)都是实习生或者应届生,做的事物都是切图(html+css,js基本不需求写)即使是技巧CEO,当时觉得她技术厉害,现在认为技术很水。做的品种都是很粗糙的(几千块一个品种,设计+前端+后台,我们可以想下是怎么着的系列了),报酬基本就是1600-2000,涨薪最多也就2500,天天加班加点也拼不上3000,在那工作四五年最多4000,福利补贴什么也从没,反倒是扣钱的借口就一大堆。天天开会进行‘洗脑’活动,平均天天入职一人,离职一人,入职没满一年就去职还要扣15个工作日的薪酬等等等等。公司名称不说了,毕竟当时入职都是两厢情愿的工作,只是马上自己太天真而已。

或是是因为自身的专业技能学得并不是很好,这几个经历现在还无时或忘,在从那三次始发,我找工作再也不敢着急了,因为更加焦急,越是找不到合适的干活。现在面试的时候自己也会多问几句,企业的规章制度,福利补贴,薪酬待遇,工作内容等题材,入职从前也多驾驭下集团,上网看评论(即便是初创的营业所,网上没有评论的就爱莫能助了)。

前者的第一份工作是不如意,但不代表本人就自暴自弃,在工作之余,我也有抓紧学习!那多少个月我先是看了blue(智能社的元老)的入门视频,后来又看了红皮书(【javascript高级程序设计】)。我看视频或者看书的时候,我并从未太匆忙,要逼自己太紧,而是紧盯的友好要劳逸结合,不可能懒散。3个月后,摄像和红皮书看完了,前端的三大基础,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,然而不通晓看什么书,我就引进红皮书,但是充足人一贯回复:“那本自己都看完了!”。

那时候我在想,一本书看完了就不可以重新再看,仍旧说一本书只能够看一遍,或者是看完了一本书,书上的学问都学会了,不要求看了?

那份工作的后五个月,因为我每一次用html+css+javascript+jquery开发品种,以及自己的有些演习。对于群里人说的es6,gulp,webpack,vue,angular,react等这一部分全然不懂,甚至向来没听过。那个时候我第一看了阮一峰的【es6正式入门】,学习es6的语法,之后也是对gulp,webpack,angular,vue有了一个最中央的摸底,可是仍旧很懵逼。因为并不是大家所说的前端模块化,工程化。而且那份工作,开发的类型一贯用的是html+css+javascript+jquery。没跟上技巧的方向,也应用持续新技巧。对协调技术水平,再升格一个等级相比劳累,而且待遇方面也没增加,就是在今年新春涨了500。所以,出于对协调成长的设想,我8月份提出了离职!在十一月份正式离职。

离职的时候,依然挺不舍的,因为和这家铺子的同事相处不错,也是振奋了自身的志趣。这一份工作,扩大了本人对前者的兴趣,接触新的技能,也倍感是种下了前者的种子!那也解释了为啥自己把第二份工作的经验称为自己的‘播种之路’。

那又说到找工作的事体,大家找工作的时候,指出问上面试官,应聘的地点的工作内容首即使的。我所见过的一些情景就是:一些群友去面试前端,就算是前端开发,可是工作内容是做小程序如故切图。然后就觉得那样的劳作很无趣,做了几天就去职。所以大家应聘的时候,多问几句!除了薪酬待遇,集团环境。工作内容也很重大!

 

5.萌生之路

现今那份工作与以前工作不雷同,那份工作是在Q群联系的,从前是在网站投简历的。办完了离职手续过了几天,就进入现在这家铺子入职了。刚进来的二日,并从未工作任务,只是老大教我怎么使用node.js搭建开发环境,让自身领会怎样是前者模块化,前端工程化的便利性。给自己出现说法怎么拔取gulp,webpack,vue,sass等相当开发品种,以及支付的有些正规。之后就给了八个页面的练手,给那么些过目之后,给了一部分渴求和提议。因为在离职前,我有打探过node.js,gulp,webpack,vue等,所以熟稔公司的技巧栈的进度相比顺遂。那份工作也让我有了拥抱流行势头,主流技术的痛感。

理所当然了,流行趋势和主流的技术本身并不是一股脑的学,而是项目用到怎么就学什么,觉得怎么着有趣味,有学习的市值学什么。倘诺什么都一股脑的学,而项目上没用上,没实战过,很快就会忘的。所以我明天就是什么须要学,对怎么着有趣味,有何是很有上学价值的就去学什么。

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

一是因为我即便有了拥抱流行势头,主流技术的感觉。不过总体我都是新学,照旧新手,如故广大内需上学。

二是因为入职不久,就被老大催着注册一个github,也经同事的分享,知道了比比皆是的学习资源,对协调改变了很多,每一天都看有的社区的篇章,公众号的稿子,从中学习和询问文化和行业趋势。自己也爱不释手在社区上写博客。那也是刚伊始。

这么些经历,对本人的变更,太多太多。改变最大的第一七个方面:
1.对于前端开发,现在并不是像在此之前那么一味的拔取html+css+js+jquery,我有和商社的同事持续的鼎力,关心前端的倾向,探索前端的技巧。我也很感谢公司的多少个前端对自家的耐性指点。
2.还有一个方面就是在干活之余的岁月,在此往日我紧假诺活跃于Q群,现在即令有空暇的时间,我也基本没看过Q群,而是自己攻读,倘使有哪些须要分享的,就在社区写作品或者交换!

在劳作这一面,越发是接触前端三年以下的人,有人带和没人带是有分其他!有人指点下,可以少走很多弯路。有时候不晓得学什么东西了,也得以交给一些指出。前提是,自己也要努力学习。

我们业不要以为有人带就自己就不需求思考了,完全让别人教!因为教的或许不会一字一字的教,可能就是指引一下,旁人也要上班,也要工作的,没那么多日子详细教!别人倘使教的太详细,对友好而言,未必是好事,因为教的详实,说的就多,记住的就少,思考也少,简单乱,印象就不深远。所以提议大家,在向旁人请教的时候,要做速记或者在电脑实际操作,加深自己的影象,不然很不难忘记!好记性不如硬笔头!

//在head中采用外部样式表举行格式化

6.有关社区

在社区混了有一段时间了,顺便说下团结的感想。五月进入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>