HTML - hypertext markup pinulongan nga naghimo sa Internet ingon nga kita mahibalo ug gugma. Kini mao ang mga pasalamat ngadto sa niining talagsaon nga mga dapit himan tan-awon nindot ug moderno ug naghatag sa kasayon sa ilang paggamit. HTML mao lamang gitigom ang mga elemento sa usa ka pahina sa web sa usa ka user-friendly nga kapilian. Iyang buhat ikatandi sa kamatuoran nga sa pagbuhat sa editor teksto sama sa MS Pulong o OpenOffice. sila sa usa ka walay ngalang masa sa mga sulat sa usa ka dokumento nga may parapo, maisugon nga teksto, mga italic, lamesa, ug bisan sa mga larawan. Sa mapintas gayud sa sama nga butang naghimo HTML, uban sa bugtong kalainan nga nga dokumento niini nga gipakita diha sa browser, ug sa mga posibilidad sa niini nga himan mao ang daghan nga mas lapad pa kay sa editor nga teksto. Gigamit alang sa pagmarka tags - espesyal nga mga sugo nga naghulagway sa usa ka web page nga gambalay. Nalukban sila sa anggulo brackets - , ang browser nga ila kanila gikan sa kinatibuk-ang mga pangmasang sa teksto. Sunod kita motan-aw sa mga sukaranan sa HTML alang sa mga magsusugod.

visual editor

Beginners lamang nga naghatag sa dalan alang sa pagtuon sa HTML, nga sagad magsugod sa ilang buhat uban sa mga programa sa paghimo website nga walay bisan unsa nga kahibalo. Sila makahimo lamang ibutang ang mga butang sa screen sama sa ilang makita sa browser. Kini daw, dinhi kini mao ang - ang tinubdan sa walay katapusan nga grasya, nagtugot sa pagkuha Isalikway sa kadaghanan sa mga web developers. Apan dili sa ingon nga yano, tungod kay ang biswal editor adunay daghan nga mga kakulangan nga sa paghimo niini nga imposible sa paggamit kanila sa seryoso nga mga proyekto.

Kini nga mga programa sa paghimo sa usa ka daghan sa wala kinahanglana nga tags nga sa paghimo sa katapusan nga bersyon sa panid hasol ug suboptimal. Siyempre, sa niini nga edad sa mga high-speed internet kini sa dili kaayo importante kay sa nangagi, apan adunay usa ka gidaghanon sa mga rason ngano nga ang usa ka mubo ug pag-ayo-sinulat nga website mao ang usa ka mas praktikal kay sa iyang counterpart, gilalang diha sa visual editor. Web panid gihimo sa maong usa ka programa nga mahisugamak sa kadaot pagtratar sa search makina sama sa importante ngadto kanila sa tanan nga kilobytes sa code ug hasol ug makataronganon code sa usa ka hugpong sa mga semantiko kasaypanan halos kanila sa pagtilaw. Dugang pa, ang mga editor sa kasagaran sa luyo sa mga panahon, mahimong irrelevant, ug sa paggahin mga kapanguhaan sa ilang development mao ang praktikal tungod kay walay propesyonal nga dili mogamit niini nga mga produkto. Busa, bisan kinsa nga gusto sa pagtrabaho sa sa paglalang sa mga dapit, kinahanglan nga masayud sa mga sukaranan sa HTML.

tags

Sumala sa gihisgotan sa ibabaw, ang mga tag paghulagway sa gambalay sa panid sa web browser. Kadaghanan kanila adunay pangbukas ug panapos nga tag, apan dili ang tanan. Pananglitan, ... , diin sa baylo nga sa mga puntos mao ang sulod. Ang una niini nga mga shows diin ang tag magsugod, ug ang ikaduha closes niini. Sulod sa ubang mga elemento aron sa Layout panid sila mahimo nga nagsalag sama sa nesting mga monyeka. Ania kini mao ang importante sa pagsarado sa mga tag nga ang pahina husto gipakita.

Adunay single tags, nga dili na kinahanglan nga sirado usab. Diha kanila nga kini sa sulod, ingon man usab sa mga hiyas. Kinaiya mahimong malig-on sa kadaghanan sa HTML-tags ug nagtakda sa mga kabtangan sa mga elemento. Kini ang gitudlo sa pag-abli tag tan-awon sama niini: nga hiyas = "...", diin sa baylo nga sa mga puntos mao ang hiyas nga bili. Kahibalo sa mga tag mao ang una ug labing importante nga lakang alang sa kalamboan sa HTML. Ang mga sukaranan sa niini nga arte usab magpasabot sa usa ka pagsabot sa web page nga gambalay.

gambalay dokumento

Ang matag HTML dokumento nga adunay usa ka katugbang nga extension, alang sa panig-ingnan, Index.html. Busa ang browser makasabut kon unsa ang siya sa pagbuhat, ug sa husto nga ipakita sa usa ka panid. Ang tanan nga mga files nga gigamit sa paghimo sa site, kini mao ang advisable sa pagbantay sa sa sama nga directory nga sa umaabot sa hilabihan gayud mopagaan sa imong kinabuhi. Mga patukoranan sa Hypertext markup Pinulongan HTML naglakip sa usa ka tin-aw nga pagsabot sa istruktura sa dokumento. Kini magsugod uban sa tag , nagsulti sa browser nga bersyon sa HTML, nga gigamit diha sa dokumento niini. Sa higayon nga, topical ikalima nga bersyon sa pinulongan, mao nga walay panginahanglan sa pag-imbento sa bisan unsa, kita luwas nga sal-ot sa mga tag sa ibabaw sa tumoy sa bisan unsa nga panid.

Unya adto sa mga nag-unang gikauban gambalay, nga naglangkob sa "kalabera" sa site. Ang unang tag sa nga sa pagbutang sa tanan ang uban - ... . Ang tanan nga anaa sa unahan, dili giila sa browser nga ingon sa usa ka pahina sa web, sa pagkaagi nga kini moabli ug mosira sa mga dokumento. tag Kini ang gikinahanglan alang sa bisan unsa nga dokumento. Kini usab naglakip sa pipila ka mga mandatory tags, nga gihisgutan sa ubos.

ulo

Sulod sa tag ... naglakip sa impormasyon sa usa ka teknikal nga kinaiyahan, nga dili gipakita sa pahina, apan, bisan pa niana, mao ang usa ka importante nga bahin sa dokumento HTML. Site pahibalo gibutang sa niini nga dapit, sa mga pinili nga ug gipaila-ila ngadto sa pag-encode sa ngalan panid. Kini ang anaa sa sulod sa mga mandatory tag ... . Kini nagpasundayag sa ngalan sa ibabaw sa imong browser, diin mahimo usab ibutang ang usa ka gamay nga icon alang sa sulod nga panid. Kini mao ang advisable sa diha-diha dayon hingalan sa dokumento encode alang sa husto nga display. Kini mahimo sa tag . Meta datos sa mga panid sa paghatag og gambalay ug kasagaran nahimutang sulod sa ulo.

link

Basic kahibalo sa HTML usab naglakip sa paggamit sa dagkong mga estilo, o CSS. Sila gibutang kabtangan sa mga elemento nga gipakita sa panid. Ang modernong pamaagi sa niini nga problema naglakip sa pagpahamtang sa maong mga kinaiya sama sa kolor, gitas-on ug lokasyon sa butang, ngadto sa usa ka eksternal nga file alang sa dugang kasayon. Sa Sumpaysumpaya ang CSS-file naggamit sa tag . Sa nahuman nga porma, tan-awon kini sa usa ka butang nga sama niini: , nga nagpakita href sa nahimutangan sa mga file, ug matang - sa matang niini.

lawas

Kini mao ang sa niini nga bahin sa HTML-dokumento gibuhat sa makita nga bahin sa pahina. Ang tanan nga gibuhat sa sulod sa "lawas" nga gipakita sa browser. Sa gigamit sa usa ka dako nga kantidad sa HTML tags. Sukaranan - Kini nga teksto formatting, pagtrabaho uban sa mga sumpay ug yano nga himan alang sa paghan-ay sa usa ka web page. Aron sa pagkuha sa pagtrabaho sa HTML, igo nga masayud sa nag-unang mga tags ug sa makahimo sa paggamit kanila. Sa ubos mao ang mga labing popular nga mga:

• - gigamit sa pagkuha sa usa ka substring, nga assign sa usa ka partikular nga estilo, nga gihulagway diha sa CSS;
• - nagmugna sa usa ka link sa usa ka Web panid; moambak address bungat hiyas href;
• - usa sa mga labing popular nga modernong tags; Bisan kinsa nga nakahukom sa pagkat-on sa mga sukaranan sa HTMLl pinulongan kinahanglan nga mobayad sa partikular nga pagtagad ngadto niini, tungod kay kini mao ang usa ka block nga elemento, nga gihimo sa ibabaw sa mga basehan sa bahin sa leon sa mga website karon (ang lantugi alang sa block

  gipahamutang sa CSS, ug ubang mga yunit mahimong gibutang sa sulod tag niini nga);

• - mopili sa usa ka parapo sa teksto; ang mga sulod sa mga parapo nahimutang sa taliwala sa mga pangbukas ug panapos nga tags;

• - sa usa ka naisip listahan, ang mga elemento sa nga ingon sa tag pares
  1. ;
  2. - sa usa ka sub listahan, nga, ingon man sa mga naisip mga elemento nga gipaila sa tag
     • ;

     • -

       - dokumento header (ang numero nagpakita sa lebel sa header, ie

       - ang nag-unang titulo, ug ang sunod-sunod nga mga kalainan ang mga subtitles niini, sa dalan, nga lebel sa mga ulohan

       ,

       mao ang hapit imposible sa pagpangita sa Internet bukas nga luna) kini mao ang importante usab nga hinumduman nga ang usa ka panid mahimong adunay usa lamang ka header

       ;

     • - maisug nga teksto;
     • - patakilid;
     • - sal-ot hulagway sa web panid (kini mao ang usa ka ka tag, kini dili kinahanglan nga gitakpan sa, apan kini gikinahanglan aron sa hingalan sa alt hiyas, nga hingalan sa teksto alang sa usa ka larawan);

     Kini dili mao ang tanan nga mga tags nga gikinahanglan sa paghimo sa inyong kaugalingon nga web page, apan sila igo sa pagpahimutang sa mga patukoranan sa HTML alang sa mga magsusugod.

     CSS

     HTML pinulongan development nga gidala ngadto sa kamatuoran nga ang matag tag obzavolsya gibug-aton hiyas, ug mga kinahanglanon alang sa sa dagway sa mga panid Web nagpasabut misaka sa kinadak. Code nahimong hasol ug inconvenient, kini mao ang lisud nga sa pagbasa niini, himoa nga mag-inusara sa mopahiangay o kausaban. Gawas pa, nan sa singot, usab-usab nga ang tanan nga mga kamot kon ang imong site sa napulo ka mga panid, nga ang usa ka daghan sa mga headlines, gimarkahan sa berde, ug ikaw sa kalit gusto sa paghimo kanila nga pula nga. Uban sa anhi sa busay Style Sheets, kini nga proseso nahimong yano ug makataronganon, ug ang HTML-code nahimong mas labaw pa mabasa.

     Ang pagpadapat sa CSS

     Aron sa paghimo sa mga panid Web, kamo kinahanglan gayud nga masayud sa mga sukaranan sa HTML ug CSS, mao nga kini mao ang karon nga walay kahibalo sa misulti estilo sheets sa pagbuhat sa niini nga dapit mao ang walay bisan unsa nga. Sila gibutang hiyas alang sa matag elemento, nga magamit sa sa mga bug-os nga dokumento. Busa, mahimo mo ang kolor sa makausa alang sa tanan

     elemento o , pagsulat usa lamang ka sa pagmando sa. Tungod sa kasamtangan nga mga kinahanglanon alang sa sa dagway sa mga panid sa web, sa paggamit sa busay Style Sheets mao ang usa ka kinahanglan.

     Aron Sumpaysumpaya sa CSS file sa dokumento, adunay usa ka tag link. Gamay sa ibabaw niini gihulagway baruganan sa paggamit niini, apan kini mao ang dili lamang ang kapilian paghiusa sa tanan nga mga estilo sa usa ka dapit. Adunay mao ang tag , nga nahimutang sa "ulo" sa dokumento ug nagtugot kaninyo sa magparehistro estilo nga walay paggamit sa CSS file. Dili kinahanglan sa paggamit sa bisan unsa nga usa ka pamaagi o sa lain. Sila mahimong malampuson nga hiniusa nga sa pagmugna sa labing maayo nga resulta. Sa paghimo sa usa ka file uban sa estilo sheets kinahanglan nga paghimo sa usa ka file uban sa extension .css, pananglitan, Styles.css.

     JavaScript

     Kasagaran ang tawo nga nakahukom sa pagsugod sa pagpalambo sa mga panid Web, nakaamgo nga ang iyang tahas mao ang dili igo sa mga pundo nga gitanyag sa HTML. PATRIARKA ang paghimo sa usa ka matahum nga pahina, apan unsa kaha kon ikaw sa kalit kinahanglan sa paghimo niini interactive? Kay kini nga mga katuyoan, adunay usa ka talagsaon nga nga situwasyon programming pinulongan nga interact maayo sa HTML. Kini mao ang gitawag nga JavaScript, tungod kay kini nanamkon ingon nga usa ka manghud nga igsoon nga lalaki sa popular nga Java pinulongan. Karon, kini nga mga pinulongan na mahinungdanon nga mga kalainan, ug ang kal-ang tali kanila lamang motubo.

     JavaScript makatabang HTML, nagtugot kini kaninyo sa paghimo ug sa usba tags. Usab uban sa tabang sa niini nga talagsaon nga himan, nga imong mahimo sa pagtrabaho uban sa Cokie, download data gikan sa server nga walay reloading sa pahina sa paghimo sa site nga mas interactive kay sa motugot sa HTML kapabilidad. Kini ang pinulongan ug ang mga limitasyon nga nakig-uban sa seguridad. Kon JavaScript wala gigamit sa kilid server, kini nga gidala sa gawas sa mga kahimtang nga idili sa iyang abilidad, nga ang mga attackers makagamit malisyosong code sa bisan unsa nga computer.

     editor

     HTML sukaranan alang sa beginner maghunahuna kahibalo sa labing sayon ug praktikal nga programa alang sa pagmugna sa mga panid sa web. Sama sa gihulagway sa ibabaw, ang biswal editor sama sa Dreamweaver ug sa mga sama, dili angay alang sa niini nga mga katuyoan. Busa, isulat tag sa usa ka normal nga notebook? Kini nga kapilian mao usab kuwestiyonableng, sukad sa usa ka sumbanan nga notebook wala sa bisan unsa nga espesyal nga mga himan alang sa layout. niini nga buluhaton mahimong pagsagubang notepad ++. Usa ka dako nga plus sa mga produkto niini nga mao nga kini mao ang bukas tinubdan ug ang-apod-apod nga walay bayad. Sa kini adunay usa ka hamugaway nga syntax pagpasiugda ug auto-panapos tags. Notepad ++ naghatag usab sa usa ka halapad nga-laing mga interface pinulongan, ug ang iyang abilidad sa dali pagpalapad sa tabang sa daghan nga mga pagdugang.

     Makadasig Text 3 - usa ka programa nga susama sa notepad ++, apan gibuklad sa usa ka fee nga basehan. Nga siya midaog sa mga kasingkasing sa kadaghanan sa mga developers. Makadasig Text 3 sulundon nga alang sa JavaScript, CSS ug HTML. Sukaranan sa pagtrabaho uban niini kinahanglan nga makakat-on sa ilang kaugalingon, apan kini nga bili niini. Kini naglangkob sa mga tinuod nga walay kinutuban posibilidad alang sa lino nga fino nga-tonohon nga nagpahalapad adjust sa programa aron mohaum sa inyong mga panginahanglan.

     Ang mga sukaranan sa HTML ug CSS alang sa mga magsusugod

     Samtang kamo mahimo tan-awa, pagkat-on sa arte sa pagmugna mga panid sa web mao ang dili kaayo lisud nga ingon nga kini daw sa unang tan-aw. Lang sa usa ka pipila ka mga bulan praktikal nga pagbansay ikaw gikan sa usa ka maulawon novice user sa developer. Vorstke makakat-on sa daghan nga mas sayon kay sa pagkat-on sa bisan unsa nga programming nga pinulongan o sa Linux. Sa pagkatinuod, HTML tag dili kaayo importante sa pagsabot sa praktikal nga mga aspeto sa ilang aplikasyon.

     Ayaw nga kadautan sa negosyo niini nga mao ang kahanas sa trabaho sa Adobe Photoshop. Kini nga programa nagtugot kaninyo sa sa pagtrabaho uban sa mga litrato, mga larawan ug sa uban pang mga graphic nga mga elemento sa mga panid sa web. Sa higayon nga kini "Photoshop" mao ang labing maayo sa pagsagubang sa maong mga problema, ang mga kompetensya may usa ka gamay nga. Kay dili ang mga tawo nga Adobe produkto sa kompanya nga miabut sa ilang gusto, didto Lightroom, GIMP, illustrator ug uban pang mga programa sa uban sa susama nga mga gimbuhaton.

     Nga naghatag sa kahibalo sa HTML

     Kahanas sa pagmugna mga panid sa web kaayo may kalabutan sa karon, ingon nga ang Internet mao ang pagpalapad sa paspas ug mga utlanan. Ang matag negosyo, sa bisan unsa nga, bisan sa labing gamay nga shop, workshops ug sports clubs - sa tanan nga gusto nga sa inyong kaugalingon nga website. Ug siyempre, kay kini sila kinahanglan nga usa ka developer nga tag-iya CSS ug HTML. Sukaranan sayon sa pagkat-on, ug unya kini sa pagpraktis. Tungod kay ang layout teknolohiya kanunay nga milambo, ang atubangan-katapusan developers kanunay sa panginahanglan. Bisan kinsa nga mohukom sa paghalad sa iyang kaugalingon niini nga kulbahinam nga industriya, dili gayud nga walay buhat.