local na rede Internet:Tutoriais República - Online Web Development Tutorialscontente
TutorialRepublic-OnlineWebDevelopmentTutorials html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html,body{min-height:100%}p{margin:0015px}ol,ul{margin:0015px}a,a:active,a:visited{outline:none;color:#1db79f;text-decoration:none}aimg{border:none;outline:none}pcode,tabletd:last-childcode,.contentullicode,code.mark{padding:2px6px;font-size:94%;color:#333;background-color:#f1f1f1;border-radius:3px}acode{color:inherit;background:none;padding:0}table{border-collapse:collapse;border-spacing:0}tabletd{vertical-align:top}body{min-width:1320px;color:#;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,"SegoeUI","HelveticaNeue",sans-serif;font-size:17px;line-height:1.7}input,select,textarea,button,div,span,a{box-sizing:border-box}h1,h2,h3,h4{color:#;margin:20px010px;line-height:1.5;font-weight:600}h1{font-size:34px;margin-top:17px}h2{font-size:28px}h3{font-sizeTutoriais República - Online Web Development Tutorials:22px}.space{margin-bottom:30px!important}.break{margin-bottom:20px!important}.text-center{text-align:center!important}.scroll{height:195px;overflow-y:scroll}.scroll.large{height:245px}.scroll.xlarge{height:290px}.scroll.xxlarge{height:340px}sup{font-size:13px}h1sup{background:#ec0000;border-radius:3px;padding:5px10px;font-size:15px;color:#fff;position:relative;top:5px}.leaderboard{padding-top:18px;position:relative;box-sizing:content-box;height:91px;overflow:hidden}.intro-imeimg{display:block;margin:10px025px;width:100%}.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden}code,.code,.syntax,.green-box,.sky-box,.gray-box,.pink-box,.red-box,.at-rule,.codeboxpre,.console-output,.command{font-size:16px;font-family:Consolas,Monaco,Courier,monospace}.console-output{margin:15px0}.command{background:#f2f2f2;padding:16px18px;margin:15px025px;border-radius:3px}hr{border:none;border-bottom:1pxsolid#e7e9ed;height:1px;margin:40px030px}.summary,.topic{border:1pxsolid#eaeaea;border-width:1px0;margin:20px0;padding:10px0;color:#8e9aa6}h2.section-titlespan{display:inline-block;border-bottom:4pxsolid#c9d7e0;padding:050px12px0}.wrapper{width:1320px;padding:015px;margin:0auto}.header{background:#e;padding:16px0}input.search{background:#fff;border:0none;color:#807E7E;float:left;height:38px;font-size:14px;outline:mediumnone;padding:6px14px;width:500px;border-radius:2px;box-shadow:001pxrgba(0,0,0,0.6);font-family:inherit}.search-btn{color:rgba(0,0,0,.6);background:#ebebeb;border:none;outline:none;cursor:pointer;float:left;height:38px;width:44px;display:block;margin-left:-2px;border-radius:02px2px0;box-shadow:001pxrgba(0,0,0,0.7)}.logoimg{height:44px;margin:-3px0;display:block}.site-search{float:left;margin-left:8%}.menu{background-color:#f5f5f5;box-shadow:01px1pxrgba(0,0,0,.15);position:relative;z-index:9}.menua{color:#666;display:inline-block;padding:010px;text-decoration:none;font-size:14px;font-weight:600;height:48px;line-height:48px}.menua:first-child{margin-left:-10px}.menua.tool-link{float:right;display:block;border-radius:40px;line-height:normal;position:relative;height:auto;top:8px;padding:6px12px;color:#1ebba3;border:1pxdouble#1ebba3}.fl,.logo{float:left}.leftcolumn{width:240px;float:left;font-size:16px;color:#4f4f4f}.centercolumn{width:870px;float:left}.rightcolumn{width:160px;float:right}.content{background:#fff;padding:12px40px20px;border:1pxsolid#dedede;border-top:none;border-radius:1px}.sidebar{padding-top:18px;margin-top:12px;position:relative}.leftcolumn.segment{margin:18px012px;position:relative;font-size:18px;font-weight:600;line-height:normal}.leftcolumna{color:#4f4f4f;display:block;border-bottom:1pxsolidtransparent}.leftcolumnul{list-style:none;padding:0;margin:0}.segment,.chapters,.chaptersa,.toggle-tree-menu{float:left;clear:both}.toggle-tree-menu{height:30px}.toggle-tree-menuspan{display:none}h1code,h2code,h3code{font:inherit}.color-box{margin:20px0;padding-left:20px;position:relative}.note-box,.warning-box,.tip-box{padding:15px15px2px28px}.contentulli{margin-top:7px}.extra{padding-top:5px}.green-box,.sky-box,.gray-box,.red-box,.pink-box{color:#000;margin:15px020px;padding:15px20px;background-color:#f6f8fa;border:1pxsolid#d7e2ec}.example{background:#f4f5f6;padding:3px;margin:15px020px}.codebox{background:#fff;border:1pxsolid#ddd}.codebox-title{height:42px;padding-left:12px;border-bottom:1pxsolid#ddd;background:#f5f5f5}.codebox-titleh4{margin:0;font-size:18px;line-height:40px;float:left;font-weight:600}a.try-btn,a.download-btn{width:150px;height:100%;color:#333;font-size:15px;line-height:40px;font-weight:600;text-align:center;float:right;display:block;border-left:1pxsolid#ddd;background:rgba(27,31,35,0.08);box-sizing:border-box;font-family:Arial,sans-serif}a.try-btnspan{font-size:18px;line-height:normal}.hide,.code-style,.box-size,.bottom-link,.footer,.code-style,.snippets,.report-error,.badge,.social,.ad-label,.mobile-only,ul.tree-menuliul{display:none}.skyscraper{width:160px;height:600px;overflow:hidden;margin-bottom:20px;background:#ebecf0}.bottom-ad{margin-top:50px;padding:28px;position:relative;background:url(/lib/imes/smooth-line.png)no-repeatcenter#f9f9f9}.rectangle-left,.rectangle-right{width:336px;height:280px;overflow:hidden}.fr,a.previous-pe,a.next-pe,.rectangle-right,.topic-n{float:right}a.previous-pe,a.next-pe{width:32px;height:32px;line-height:30px}.shadow{background:#F7F8F9;padding:3px;margin:15px020px}.color-box.shadow{margin:0}.syntax{color:#2f4959;padding:15px20px;background:#F9F9FA;border:1pxsolid#ddd}code[class*="langue-"],pre[class*="langue-"]{color:#000;background:none;font-family:Consolas,Monaco,'AndaleMono','UbuntuMono',monospace;text-align:left;white-space:pre;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}pre[class*="langue-"]{position:relative;margin:.5em0;overflow:visible;padding:0}pre[class*="langue-"]>code{position:relative;border-left:10pxsolid#358ccb;box-shadow:-1px000#358ccb,0001px#dfdfdf;background-color:#fdfdfd;background-ime:linear-gradient(transparent50%,rgba(69,142,209,0.04)50%);background-size:3em3em;background-origin:content-box;background-attachment:local}code[class*="langue"]{max-height:inherit;height:inherit;padding:01em;display:block;overflow:auto}:not(pre)>code[class*="langue-"]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1pxsolidrgba(0,0,0,0.1);display:inline;white-space:normal}pre[class*="langue-"].line-numbers{padding-left:0}pre[class*="langue-"].line-numberscode{padding-left:3.8em}pre[class*="langue-"].line-numbers.line-numbers-rows{left:0}pre[class*="langue-"][data-line]{padding-top:0;padding-bottom:0;padding-left:0}pre[data-line]code{position:relative;padding-left:4em}pre.line-highlight{margin-top:0}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber;white-space:pre-wrap!important}pre.line-numbers>code{position:relative;white-space:inherit}.line-numbers-rows,.codeboxpre.inactive{display:none}.codeboxpre.syntax-highlighter{margin:0;padding:0;overflow:auto}pre.line-numbers.line-numbers-rows{border-right:3pxsolid#6CE26C}.codeboxpre.syntax-highlighter>code{box-shadow:none!important;padding-left:3.8em;background-ime:linear-gradient(transparent50%,#F8F8F850%);font-family:Consolas,Monaco,'AndaleMono','UbuntuMono',monospace!important;font-size:16px;line-height:1.5;overflow-wrap:break-word}.codeboxpre.syntax-highlighter,.codeboxpre.syntax-highlightercode{border:none;width:100%;box-sizing:border-box}pre.line-numberscode,pre.line-numbers.line-numbers-rows{padding-top:2px;padding-bottom:2px}pre.single-linecode,pre.single-line.line-numbers-rows{padding-top:13px;padding-bottom:13px;background:#fff!important}.preview-box{padding:15px;text-align:center;cursor:pointer;overflow:hidden;background:#FFF;border:1pxsolid#e6e6e6}.preview-boxa,.preview-boximg{display:block;margin:0auto;width:100%;height:auto}.download-box{text-align:center;padding:20px0;margin:20px010px}.output-box{border-color:#d4d4d4;border-style:solid;border-width:1px0;padding:5px15px;overflow:hidden;background:#fff;margin:10px0}.demo-box{margin-top:15px}.subhead{border-bottom:3pxsolid#DCE3EB;margin-bottom:15px;padding-bottom:10px}table.data,table.description{width:100%;font-size:92%}table.datath,table.datatd{padding:8px10px;vertical-align:top;border:1pxsolid#dee2e6}table.datatr,table.datathead+tbodytr:nth-child(2n),table.data.descriptiontd{background:#fff}table.datatr:nth-child(2n),table.datathead+tbodytr,table.data.descriptionth{background:#f8f8f8}table.datatd.section{color:#fff;background:#343a40;border-color:#454d55}table.datath{color:#000;text-align:left;font-size:15px;border-bottom-width:2px}table.data.descriptionth{width:150px;border-width:1px}table.no-wraptrtd:first-child{white-space:nowrap}.topic-n{padding-right:5px;color:#d0d0d0}.topic-na{padding:015px;margin:0005px;position:relative;display:inline-block}.topic-na::after{font-size:25px;position:absolute;line-height:1}.topic-na:first-child{margin:05px00}.topic-na:first-child::after{content:'\00AB';left:-5px}.topic-na:last-childTutoriais República - Online Web Development Tutorials::after{content:'\00BB';right:-5px}.menua.old-version{height:21px;font-size:13px;line-height:17px;border:1pxdouble;border-radius:40px;margin-right:10px}@mediascreenand(max-width:1340px){body{min-width:1300px}.wrapper{width:1300px}.centercolumn{width:850px}.bottom-ad{padding:24px}}@mediascreenand(max-width:1320px){body{min-width:1280px}.wrapper{width:1280px}.leftcolumn{width:230px}.centercolumn{width:840px}.content{padding-left:30px;padding-right:30px}.bottom-ad{padding:26px}}@mediascreenand(max-width:1300px){body{min-width:1260px}.wrapper{width:1260px}.centercolumn{width:820px}.bottom-ad{padding:21px}}@mediascreenand(max-width:1280px){body{min-width:1240px}.wrapper{width:1240px}.centercolumn{width:800px}.content{padding-left:25px;padding-right:25px}.bottom-ad{padding:19px}}@mediascreenand(max-width:1260px){body{min-width:1220px}.wrapper{width:1220px}.centercolumn{width:780px}.bottom-ad{padding:13px}}@mediascreenand(max-width:992px){body{min-width:100%;max-width:100%;padding-top:46px}.wrapper{width:100%;min-width:auto;padding:0}.header{height:46px;padding:5px0;position:fixed;top:0;left:0;right:0;width:100%;z-index:99}.logoimg{height:30px;margin:3px00}.menu{width:100%;padding-left:15px;padding-right:15px;overflow-x:auto;white-space:nowrap}.centercolumn{width:100%;min-width:auto;float:none}.content{padding:15px30px;border-width:001px0}.contentimg{max-width:100%;height:auto}.skyscraper{display:inline-block}.shadow,.example,.console-output,.contentpre{max-width:100%;overflow-x:auto}.codebox.multi-style-modepre{margin-top:38px;border-top:1pxsolid#ddd}.bottom-ad{height:auto;background:none;padding:18px00;position:relative}.rectangle-left,.rectangle-right{float:none;margin:0auto20px;background:#EDEEF2}.leftcolumn,.footer,.social,.site-search,.topic,.code-style,.menua.tool-link,.backdrop{display:none}.summary,.topic{padding:5px0;margin:10px0}.leftcolumn,.centercolumn,.rightcolumn,.sidebar{float:none}.header,.menu,.centercolumn,.footer,.appeal-text{width:100%}.rightcolumn,.sidebar{margin:25pxauto0}.overview{padding-right:0}.scroll-pane{overflow-x:auto}table.data{min-width:480px}table.datapre{display:inline;white-space:normal}tabletrth,tabletrtd{width:auto!important}.preview-box{padding:6px}.leaderboard{margin:15px020px}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}.codeboxpre.syntax-highlighter{overflow-x:auto}.codeboxpre.syntax-highlighter>code{min-width:614px;height:auto;overflow-x:hidden}}@mediascreenand(max-width:830px){.content{padding:15px}}@mediascreenand(min-width:993px){.site-search,.leftcolumn,.social{display:block!important}.backdrop{display:none!important}.hide-scroll{overflow-x:hidden!important}}@mediascreenand(min-width:1500px){body{min-width:1350px}.wrapper{width:1350px}.centercolumn{width:900px}.content{padding-left:50px;padding-right:50px}.bottom-ad{padding:31px}}.section-left,.section-right{margin-bottom:30px}.section-leftimg,.section-rightimg{display:block}.section-left{padding-right:265px}.section-right{padding-left:280px;text-align:right}.step-by-stepimg{float:right;margin-right:-275px;margin-top:-208px}.referenceimg{float:left;margin-left:-286px;margin-top:-212px}.toolsimg{float:right;margin-right:-260px;margin-top:-200px}.section-right.reference{padding-top:10px;padding-bottom:85px}.ruler{padding-bottom:50px;background:url(/lib/imes/separator-ruler.png)no-repeatcenterbottomtransparent}.gap{margin-bottom:40px}@mediascreenand(max-width:800px){.section-left,.section-right{padding-left:0;padding-right:0;text-align:center}.sectionTutoriais República - Online Web Development Tutorials-leftimg,.section-rightimg{float:none;margin:20px00;display:inline-block}} window.dataLayer=window.dataLayer||[];functiongt(){dataLayer.push(arguments);}gt('js',newDate());gt('config','G-381VQH4NHT');HOMEHTML5CSS3JASCRIPTJQUERYBOOTSTRAP5 v4.6PHP7SQLREFERENCESEXAMPLESFAQSNIPPETSOnlineHTMLEditor WEBTUTORIALSHTMLTutorialCSSTutorial JaScriptTutorial jQueryTutorialBootstrapTutorial PHPTutorial SQLTutorialPRACTICE EXAMPLESHTMLExamplesCSSExamples JaScriptExamples jQueryExamplesBootstrapExamples PHPExamplesHTMLREFERENCESHTMLTs/Elements HTMLGlobalAttributesHTMLEventAttributesHTMLColorPickerHTMLLangueCodesHTMLCharacterEntitiesHTTPStatusCodesCSSREFERENCESCSSAt-rulesCSSProperties CSSAnimatablePropertiesCSSColorValuesCSSColorNamesCSSWebSafeFontsCSSAuralPropertiesPHPREFERENCES PHPArrayFunctions PHPStringFunctionsPHPFileSystemFunctionsPHPDate/TimeFunctionsPHPCalendarFunctionsPHPMySQLiFunctionsPHPFiltersPHPErrorLevelsLearnHowtoMakeaWebsiteLearntheessentialsofwebdevelopmenttechnologiesandbuildyourownwebsite.WelcometoTutorial RepublicAttutorialrepublic.comyoucanlearntheessentialsofwebdevelopmenttechnologiesfromthebasictoadvancedtopics,alongwithreallifepracticeexamplesandusefulreferences,sothatyoucancreateyourownwebsiteorbuildcareerinwebdevelopment.Hereyouwillfind:StepbyStepTutorialThetutorialsectionenclosesanextensivecollectionoftutorialsandexamplesthatyoucantryandtestyourselfusingonlineHTMLeditor.Youwillalsofindlargenumbersofdemonstrations,tipsandtechniquescoveringeverythingyouneedtocreatewebpes.Ifyou'reabeginner,startlearningfromhere»UsefulReferencesThereferencessectionoutlinesallthestandardHTMLtsandCSSpropertiesalongwithotherusefulreferencessuchascolornamesandvalues,symbolsandcharacterentities,websafefonts,languecodes,HTTPmessesandmuchmore.Checkoutthecompletewebreferences»InteractiveToolsPracticewhilelearningisthebestwaytolearn.AtTutorialRepublicyouwillfindanumberofinteractivetoolslikeHTMLEditor,SQLPlayground,ColorPicker,BootstrapButtonGeneratorandmanyothertoolsthatyoucanplaywithtoextendyourlearning.CheckouttheonlineHTMLeditor»PreviousPeNextPe Isthiswebsitehelpfultoyou?Pleasegiveusalike,orshareyourfeedbacktohelpusimprove.ConnectwithusonFacebookandTwitterforthelatestupdates.AboutUsOurStoryTermsofUsePrivacyPolicyContactContactUsReportErrorAdvertiseInteractiveTools BootstrapIconSearchUtilityHTMLFormatterTitle&MetaLengthCalculatorHTMLColorPickerBootstrapButtonGeneratorSQLPlaygroundFontAwesomeIconFinderHTMLEditor ©2024TutorialRepublic.AllRightsReserved.ShareThis:vartitle=.replace('-TutorialRepublic','');document.getElementById('tweet-btn').href='twitter.com/share?text='+title+'-&url=%2F';document.getElementById('email-btn').href='mail.google.com/mail/?view=cm&fs=1&su='+title+'&body=%2F';//AddingCSSfiles[ '/lib/styles/extended-3.2.css', '/lib/icomoon/style.css'].forEach(function(href){ varlink=document.createElement('link'); link.rel='stylesheet'; link.href=href; (document.getElementsByTName('head')[0]).appendChild(link);});//AddingJSfiles[ 'ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js', '/lib/js/prism.js', '/lib/js/default-1.3.js'].forEach(function(src){ varscript=document.createElement('script'); script.async=false;//important script.src=src; (document.getElementsByTName('body')[0]).appendChild(script);});//ShowingPropertyMarvelsvartimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;if((timezone.indexOf('Calcutta')!==-1)||(timezone.indexOf('Kolkata')!==-1)){//document.querySelector('.pm').style.display='block';}