HTML - hiperteksta markado lingvo, kiu faris la Interreto kiel ni konas kaj amas. Estas danke al ĉi tiu mirinda ilo ejoj aspektas bela kaj moderna kaj provizas la komforto de ilia uzo. HTML estas simple kunmetas la elementojn de retpaĝo en uzantamika elekto. Lia laboro estas komparebla al tio, ke fari eldonistoj de teksto kiel ekzemple MS Word aŭ OpenOffice. Ili turni senvizaĝan maso de literoj en dokumento kiu havas paragrafojn, aŭdaca teksto, kursivo, tabloj, kaj eĉ bildojn. Malglate la samon faras HTML, kun la sola diferenco, ke lia dokumentoj estas montrata en la retumilo, kaj la ebloj de ĉi tiu ilo estas multe pli larĝa ol la tekstoredaktilo. Uzata por marki etikedoj - specialaj ordonoj por priskribi retpaĝo strukturo. Ili estas enmetitaj en angulo krampoj - , la retumilo povis distingi ilin de la tuta maso de teksto. Ni tuj rigardi la fundamentojn de HTML por komencantoj.

vidaj redaktoroj

Komencantoj nur malfermis la vojon por la studo de la HTML, ofte komenci sian laboron kun programoj por krei retejoj sen scio. Ili povas simple meti la erojn sur la ekrano kiel ili aperos en la retumilo. Ŝajnas, jen ĝi - la fonto de eterna graco permesas forigi la plejparto de la retejo programistoj. Sed ne tiel simpla, ĉar la vidaj redaktoroj havas multajn mankojn kiuj faras ĝin neebla por uzi ilin en seriozaj projektoj.

Ĉi tiuj programoj krei multajn nebezonatajn etikedoj kiuj faras la fina versio de la paĝo maloportuna kaj subóptima. Kompreneble, en tiu ĉi epoko de alta rapido interreto estas de malpli graveco ol en la pasinteco, sed ekzistas kelkaj kialoj konciza kaj bone skribita retejo estas pli praktika ol lia contraparte, kreita en la vida redaktoro. Retpaĝo farita en tia programo estos malbone traktita de serĉiloj kiel grava al ili ĉiun kilobajtoj de kodo kaj malkomfortaj kaj nelogika kodo kun fasko de semantika eraroj apenaŭ ilin gustumi. Krome, la redaktoroj ofte malantaŭ la tempoj, fariĝis pala, kaj elspezi rimedojn en ilia evoluo estas nepraktika ĉar neniu profesia ne uzos ĉi tiujn produktojn. Tial, iu ajn kiu volas labori en la kreo de lokoj, devas scii la basics de HTML.

etikedoj

Kiel ĝi menciis antaŭe, la etikedoj priskribi la strukturon de la foliumilo paĝo. La plej multaj el ili havas malfermo kaj fermo etikedoj, sed ne ĉiuj. Ekzemple, ... , kie anstataŭ la punktoj estas la enhavo. La unua de ĉi tiuj spektakloj kie la etikedo komenciĝas, kaj la dua fermas ĝin. Ene aliaj elementoj povas esti en paĝo aranĝo oni povas ilin neston kiel nestumado pupoj. Jen ĝi estas kerna por fermi la etikedoj ke la paĝo estas ĝuste montriĝas.

Estas ankaŭ sola etikedoj, kiuj ne bezonas esti fermitaj. En ili estis interne, kaj ankaŭ atributoj. Eco povas esti establita por la plimulto de HTML-etikedoj kaj fiksas la ecoj de la elemento. Ĝi estas elektita en la malfermo etikedo aspektas tiel: eco = "...", kie anstataŭ la punktoj estas la atributo valoro. Scio de la etikedo estas la unua kaj plej grava paŝo por la disvolviĝo de HTML. La fundamentojn de ĉi tiu arto ankaŭ implici komprenon de retpaĝo strukturo.

dokumenta strukturo

Ĉiu HTML dokumento havas respondan etendo, ekzemple, Index.html. Do la retumilo povas kompreni kion li devas fari, kaj ĝuste montri paĝo. Ĉiuj dosieroj uzitaj por krei la retejon, estas rekomendinde gardi en la sama dosierujo, ke en la estonteco estos ege faciligi vian vivon. Fundamentoj de Hipertextual Markup Language HTML implicas klaran komprenon de la strukturo de la dokumento. Ĝi komenciĝas per la etikedo , diras la retumilo versio de HTML, kiu estas uzata en ĉi tiu dokumento. Nuntempe, tópica kvinan version de la lingvo, do oni ne bezonas inventi ion, ni povas sekure enmeti La supre etikedo al la supro de iu ajn paĝo.

Tiam iru al la ĉefa parigita strukturo, konstituante la "skeleton" de la retejo. La unua etikedo kiun meti tutan reston - ... . Ĉiuj kiu estas pretere, ne agnoskas la retumilo kiel retpaĝo, tiel ke ĝi malfermas kaj fermas la dokumenton. Tiu etikedo estas bezonata por ajna dokumento. Ĝi ankaŭ enhavas plurajn deviga etikedoj, kiu parolos sube.

kapo

En la etikedo ... enhavas informon de teknika naturo, kiu ne estos montrataj en la paĝo, sed, tamen, estas grava parto de la dokumento HTML. Site avizon metita en tiu loko, estas elektitaj kaj enkondukis en la kodado de la paĝo nomon. Ĝi estas enhavita ene de la deviga etikedo ... . Ĝi montras la nomon ĉe la supro de via retumilo, kie vi ankaŭ povas meti malgrandan ikonon por la paĝo enhavo. Estas rekomendinde tuj specifi la dokumenton kodado por ĝia korekta montriĝo. Tio povas esti farita kun la etikedo . Meta datumo sur paĝoj provizas strukturon kaj estas kutime lokita ene de la kapo.

ligilo

Bazaj konoj de HTML ankaŭ engaĝas la uzo de kaskada stiloj, aŭ css. Ili starigis propraĵoj de la elementoj kiuj estos montrata sur la paĝo. La moderna aliro al tiu problemo implikas la altrudon de tiaj karakterizaĵoj kiel koloro, alteco kaj situo de la elemento, al ekstera dosiero por aldoni komforto. Konekti la css-dosiero uzas la etikedon . En finita formo, ĝi aspektas tiel: , kiu indikas href sur la lokon de la dosiero, kaj tipo - sur ĝia tipo.

korpo

Estas en tiu parto de la HTML-dokumenton kreita de la videbla parto de la paĝo. Ĉio estas farita interne de la "korpo" estos montrata en la foliumilo. En la uzata grandegan kvanton de HTML etikedoj. Basics - Tiu teksto formatado, labori kun ligiloj kaj simpla ilo por strukturi retpaĝo. Por ricevi labori en HTML, sufiĉas scii la bazajn etikedojn kaj por povi uzi ilin. Jen la plej popularaj:

• - estas uzata por ĉerpi subĉeno, por esti asignita al aparta stilo, priskribita en CSS;
• - kreas ligilon al paĝo Retejo; salti adreso estas specifita eco href;
• - unu el la plej popularaj modernaj etikedoj; Ĉiu kiu decidis lerni la fundamentojn de la lingvo HTMLl pagu aparta atento al ĝi, ĉar ĝi estas bloko elemento, kiu estas farata surbaze de la grandan parton de la hodiaŭa retejoj (la parametroj por bloko

  estas en CSS, kaj aliaj unuoj povas meti ene ĉi etikedo);

• - selektas alineo de teksto; la enhavo de la alineo situas inter la malfermo kaj fermo etikedoj;

• - nombran liston, la elementoj de kiuj estas kiel etikedo paro
  1. ;
  2. - bula listo, kiu, same kiel en la kalkulitaj elementoj estas signitaj per la etikedo
     • ;

     • -

       - dokumenton titolaj (la figuro indikas la nivelon de la kaplinio, tio

       - la ĉefa titolo, kaj la postaj varioj estas lia subtekstojn, parenteze, la titolo nivelo

       ,

       estas preskaŭ neeble trovi en Interreto) ĝi estas ankaŭ grava memori ke paĝo povas havi nur unu titolo

       ;

     • - aŭdaca teksto;
     • - kursiva;
     • - enmeti bildojn sur la retpaĝo (ĝi estas ununura etikedo, ĝi ne bezonas fermi, sed estas bezonata por specifi la alt atributo, kiu precizigas la tekston por bildo);

     Ĉi tio ne estas ĉiuj etikedoj necesaj por krei vian propran retpaĝon, sed ili estas sufiĉaj por doni fundamenton al HTML por komencantoj.

     CSS

     HTML lingvo evoluo kondukis al la fakto ke ĉiu etikedo obzavolsya pezo atributoj, kaj postuloj por la apero de TTT-paĝoj signifas pliigis substance. Kodo fariĝis malkomforta kaj maloportuna, estis malfacile legi ĝin, des malpli adapti aŭ ŝanĝi. Cetere, tiam devas ŝviti, ŝanĝante ĉiun manon, se via retejo dek paĝoj, sur kiu multaj titoloj, markitaj en verda, kaj vi subite volas ilin ruĝaj. Kun la alveno de Laŭtemaj Style Sheets, ĉi tiu procezo fariĝis simpla kaj logika, kaj la HTML-kodo fariĝis multe pli legebla.

     aplikante CSS

     Por krei TTT-paĝoj, vi devas scii la basics de HTML kaj CSS, do ĝi estas nun sen la scio de akvofalo stilo littukojn por fari en ĉi tiu kampo estas nenio. Ili starigis atributoj por ĉiu elemento, kiu aplikiĝas al la tuta dokumento. Tiel, vi povas agordi la koloron per unu fojo

     elementoj aŭ , skribante nur unu regulo. Donita la aktuala postuloj por la apero de retpaĝoj, la uzo de Laŭtemaj Style Sheets estas devas.

     Por konekti la css dosieron por la dokumento, ekzistas tag ligilon. Iomete pli supre priskribis principon de ĝia uzo, sed ĝi ne estas la sola eblo kombini ĉiuj stiloj en unu loko. Estas la etikedo , kiu situas en la "kapo" de la dokumento kaj permesas vin registri stiloj sen uzi CSS dosierojn. Ne nepre uzi iu metodo aŭ alia. Ili povas esti sukcese kombinis por produkti la plej bonan rezulton. Por krei dosieron kun folioj de stilo devas krei dosieron kun la etendo Css, ekz styles.css.

     JavaScript

     Ofte la persono kiu decidis komenci disvolvi TTT paĝoj, rimarkas ke lia tasko ne sufiĉas la monon proponita de HTML. Fundamentoj kreos belan paĝon, sed se vi subite bezonas por igi ĝin interagaj? Por ĉi tiuj celoj, estas unika scenaro programlingvo kiu interagas bone kun HTML. Ĝi estas nomita JavaScript, ĉar estis koncipita kiel pli juna frato de la populara Java lingvo. Hodiaŭ, ĉi tiuj lingvoj havas gravajn diferencojn, kaj la distanco inter ili nur kreskas.

     JavaScript povas povigi HTML, ĝi permesas krei kaj redakti etikedoj. Ankaŭ kun la helpo de ĉi tiu mirinda ilo, Vi povas labori kun Cokie, elŝuti datumojn de la servilo sen lardas la paĝo por fari la retejon pli interaga ol permesi HTML kapabloj. Ĝi havas la lingvon kaj la limigoj kiuj estas rilataj al sekureco. Se JavaScript ne estas uzata en la servilo flanko, ĝi estos realigita en kondiĉoj kiuj restriktas lian kapablon, ke la atakantoj povus uzi malica kodo en ajna komputilo.

     redaktoroj

     HTML fundamentojn por la komencanto alpreni konon de la plej oportuna kaj praktika programo por krei retpaĝojn. Kiel priskribita supre, la vidaj redaktiloj kiel Dreamweaver kaj similaj, ne estas taŭga por tiuj celoj. Do, skribu etikedoj en normala kajero? Tiu opcio estas ankaŭ dubinda, ĉar norma kajero ne havas specialajn ilojn por aranĝo. Tiu tasko povas bone trakti Notepad ++. Granda plus de ĉi tiu produkto estas ke ĝi estas malfermita fonto kaj estas distribuita senpage. En ĝi estas oportuna sintaksa kolorigo kaj auto-fermo etikedoj. Notepad ++ ankaŭ provizas larĝan gamon de interfaco lingvoj, kaj lia kapablo facile pligrandigi kun la helpo de multnombraj aldonoj.

     Sublima Teksto 3 - programon simila al Notepad ++, sed disvastigas iun kotizon bazo. Ke ŝi gajnis la korojn de plej programistoj. Sublima Teksto 3 idealaj por JavaScript, CSS kaj HTML. Basics de laboranta kun ĝi devos lerni mem, sed indas ĝin. Ĝi enhavas la vere senlimaj eblecoj por fajna agordo kiu maximiza alĝustigi la programo por persvadi viajn bezonojn.

     La fundamentojn de HTML kaj CSS por komencantoj

     Kiel vi povas vidi, lerni la arton de kreado retpaĝoj ne estas tiel malfacila kiel ĝi ŝajnas unuavide. Nur kelkaj monatoj praktika trejnado vagigos vin de timema novulo uzanto al la ellaboranto. Vorstke lernas multe pli facile ol lerni ajna programlingvo aŭ Linukso. Fakte, HTML etikedoj ne estas tiel gravaj por kompreni la praktikajn aspektojn de lia apliko.

     Ne misas en tiu negoco estas laborposteno kapablojn en Adobe Photoshop. Ĉi tiu programo permesas vin labori kun fotoj, bildoj kaj aliaj grafikaj elementoj de retpaĝoj. Ĝi nuntempe "Photoshop" estas plej bone trakti tiajn problemojn, la konkursantoj devis iomete. Por tiuj kiu estas la kompanio Adobe produkto venis, ne por sia plaĉo, ne Lightroom, GIMP, Ilustristo kaj aliaj programoj kun similaj funkcioj.

     Tio donas scion de HTML

     Kapablojn en kreado retpaĝoj estas tre grava hodiaŭ, kiel la Interreto ekspansiiĝas al paŝoj agigantados. Ĉiu entrepreno, ĉiu, eĉ la plej malgrandan butikon, laborejoj kaj sportaj kluboj - ĉiuj deziras havi vian propran retejon. Kaj kompreneble, por tio ili bezonas ellaboranto kiu posedas CSS kaj HTML. Basics facile lernebla, kaj tiam lin tuŝas praktiki. Ekde la aranĝo teknologio konstante evoluas, la antaŭa fino programistoj estas ĉiam en postulo. Ĉiu kiu decidas dediĉi sin al tiu ekscita industrio, neniam estos sen laboro.