'N Voorbeeld van 'n HTML-bladsy en die basiese beginsels van

Uitgevind baie tale, maar die taal van HTML is een van die mees besondere en vosstrebovan. Aangesien dit behels 'n baie ander belangrike inisiatiewe in programmering. Veel word beskikbaar gestel, terwyl dit in die gemoedere van die ontwikkelaar huidige kennis van opmaak taal - HyperText Markup Language (HTML).

Trouens, in HTML, daar is niks moeilik, en in 'n paar minute al die mees afgeleë van die ontwikkeling en die Internet mense sal die vestiging van HTML-bladsye in die notaboek vervul. Noemenswaardige voorbeelde, eenvoud, inderdaad, toeganklik vir almal.

algemene beskrywing

HTML-lêer - 'n een bladsy webwerf, maar dit is debatteerbaar, maar wat is 'n lêer per bladsy, vir 'n begin is dit duidelik.

HTML-lêer begin met 'n DOCTYPE kop wat bepaal dat die tipe van die lêer - HTML. Alle bladsy elemente (tags) aangedui binne hoek tussen hakies. Elke paar ( "<" en ">") sluit een tag HTML. Gewoonlik HTML tags gepaar, dit wil sê, vir elke «tag» hê «/ tag». Beide is ingesluit in die hoek tussen hakies. Daar is 'n enkele tag, waarvan die gewildste «br /» - oorgang na die volgende lyn.

Die grootste tag in die lêer - dit myself HTML, wat net twee tag sluit in: kop en lyf. In die eerste geval, verskillende spesifikasie is 'n aanduiding van skakels na ander relevante bladsy lêers kan teenwoordig PHP en JavaScript skrifte wees. In die tweede bladsy geskryf inhoud. Ook in die vorm van etikette en skrifte.

Eenvoudige HTML-bladsy

Voorbeeld van die skep van so 'n bladsy aangedui in die onderstaande artikel. Oorweeg dit noukeurig.

HEAD artikel

Die hoofdoel HEAD tag - 'n algemene beskrywing van die bladsy en die algemene skrifte, hoewel laasgenoemde - net 'n relatiewe begrip. Gewoonlik heg daar groot belang om net twee dinge:

• sleutelwoorde en beskrywing van die bladsy;
• skakels na ander lêers (* Css en * Js).

Om die inhoud van die bladsy inhoud van hierdie artikel vertoon het net indirekte belang, want dit dui waar 'n ander lêers CSS reëls vir etikette en ander skrifte tale.

HTML-bladsy het 'n titel (titel), wat vertoon word wanneer 'n besoeker bring jou muis oor die blad waar die bladsy oopgemaak word. Dit is belangrik, want dit maak die bladsy baie meer aanvaarbaar, makliker om te sê, leesbare teks onderteken.

Metatags is belangrik in web ontwikkeling in die algemeen, maar wanneer dit nodig is die skepping van HTML-bladsye in 'n notaboek, 'n voorbeeld van ongewenste rommel oorbodig strukture.

Op die skakel en script skakels moet spesiale aandag te skenk. Die eerste verwys na 'n plek waar daar 'n CSS style lêer, die tweede - die plek van die JavaScript-kode lêer. So links kan ingestel word.

As jy gebruik skrifte moet as 'n HTML kennis behandel sal sterker geword, moet jy onmiddellik aandag op cascading style sheets. Die CSS-lêers is, in die besonder, die reëls van die registrasie van HTML tags.

artikel LIGGAAM

Trouens, 'n monster bladsy HTML - dit is die liggaam artikel. Dit is hier waar al die inligting, al die inhoud bladsy bevat. Alle inligting word aangebied in die vorm van etikette en skrifte, soos die inbring van 'n JavaScript-kode of stukke van die PHP-program.

Dit is belangrik om te besef dat die voorbeeld van HTML webblaaie in die leser en dieselfde voorbeeld in 'n teks editor soos Notepad, dit is nie dieselfde ding nie. In die eerste geval is ons gereed HTML-teks waarin al die skrifte uitgevoer. Byvoorbeeld, het PHP sy deel vervul en gevorm in plaas van die kode in die regte plekke die tags. JavaScript ook vervul sy missie, maar daaroor nog 'n aparte gesprek wees.

HTML - dit etikette in plaas van skrifte. Uiteindelik, net die inhoud van die bladsy vertoon in die leser, maar sy merk. Geen PHP-kode is nie daar nie.

JavaScript is in 'n spesiale posisie, sy sorg - om die bladsy te dien, nie net op die boot tyd (oorlading), maar in die oomblikke wanneer die bladsy is in die leser die besoeker se en die studies nie.

'N Eenvoudige voorbeeld van kode HTML-bladsy (net die liggaam artikel) word hieronder getoon.

leser se A besoeker lyk soos hieronder getoon.

is nie gespesifiseer in die kode moet lyk die elemente wat die leser gebring. Alle ontwerp is sigbaar in die CSS reëls. In hierdie geval, Mcss / scPhpWordRW.css lêer wat verwys (sien. Die heel eerste voorbeeld van 'n bladsy HTML).

In teenstelling met HTML, CSS tema is eenvoudiger, daar is baie toeganklik reëls en hulle getal is klein, toe die voorbeeld van die skepping van HTML-bladsye nie enigiets anders as notepad vereis. Alles is baie toeganklik vir onmiddellike ontwikkeling:

Dit wys hoe maklik dit is beskryf tag scLogo_vDoc, en hierdie beskrywing is dat in 'n normale toestand van die etiket vertoon 'n beeld vDoc-logo.png, en wanneer die muis is oor dit - vertoon vDoc-logo-h.png.

Die struktuur van die HTML beskrywings

Taal nie betrek die uitvoering van enige van die struktuur en sintaksis van die konsep hier is baie relatief. Daar is geen veranderlikes, maar daar is baie geleenthede. Die fundamentele basis van hiperteks is dat daar 'n element (tag) wat is seker om 'n naam te hê.

Die naam van die geval, die tag paar, wat bestaan uit eiename (merkernaam) en die hoek tussen hakies ( «<» + merkernaam + «>»), as ons praat oor die begin van die etiket, en «» As aangeteken sy einde.

Voorbeeld van HTML bladsye beskryf eienskappe geleë in die onderstaande teks.

Die tag kan eienskappe het, dan is hulle deur 'n spasie sit nadat die naamplaatjie voor die sluitingsdatum hoek bracket ">". Skryf, al het hulle die etiket word op rekord geplaas net aan die begin. Die inhoud van die etiket is wat lê tussen die begin tag en die einde van dit.

Totale beskrywings HTML inhoud

HTML kan jy die blok en inline elemente te beskryf. beset eers 'n sekere gebied in die venster kan geplaas word absoluut, dit is in die regte plek op die veld van die vertoning HTML-bladsye, en het 'n spesifieke grootte.

Inline elemente in die algemeen verskyn een draad, dit is, as in die bladsy lêer is gestel, en op die skerm vertoon. Die vertoning van die totale vloei kan beïnvloed word wanneer die bladsy laai plaasvind. Op plasing, sigbaarheid, en ander eienskappe van die blok elemente beïnvloed kan word op enige tyd via JavaScript-kode.

In bykomend tot die eenvoudige elemente, HTML bied om die tafels en vorms te beskryf. Hierdie elemente is baie hoog in aanvraag in die "alledaagse webwerf gebou."

Beskrywing van die tafel: tags TABEL, TR, TD

Wanneer TABEL tag gebruik kan word om 'n tafel te skep, spesifiseer 'n aantal rye en TR in 'n ry vir 'n aantal TD selle. In teenstelling met die gewone tafel van organisasie, as gevolg van die aard HTML-opmaak tabel organisasie beperk tot hierdie verklaring, want as die ontwikkelaar wil 'n reghoekige tafel waarop die aantal kolomme in alle rye dieselfde, dan moet dit volg dat vir jouself te hê.

Die beginselvaste posisie van HTML: doen alles wat nie, maar niks wat nie verstaan word. In sommige gevalle is dit nie so belangrik om die aantal kolomme in elke ry van die tabel, maar as jy 'n merge selle horisontaal of vertikaal te voer, is dit nodig om al baie versigtig tel.

Byvoorbeeld HTML bladsy met 'n beskrywing van 'n eenvoudige tafel grafies getoon in die artikel.

Hier is 'n tabel wat die grootte van drie rye deur drie kolomme, met die eerste ry tag TH is gebruik in plaas van TD tag - die kolomkop. Veral onderskei hierdie twee etikette het nie, maar dit is moontlik om te gebruik die eerste om te onderskei tussen die eerste ry van die tabel, en in CSS om TH, kan jy jou eie styl, wat dit onderskei van ander TD heg.

Beskrywing vorm: VORM tag, INSET

Vorm - dit is die mees geëis deel van die HTML-tags. Die gebruik van vorms kan inligting oordra. Eintlik is die bladsy - hierdie vertoning inligting, maar die vorm - insette.

Byvoorbeeld HTML bladsy met 'n beskrywing van 'n eenvoudige vorm:

Gebruik van vorms veel meer, maar die belangrikste kenmerke is soos volg. Jy kan die invoer veld spesifiseer, moet jy wys hulle te ontwerp en event handlers vir die ontleding van die gebruiker se toevoer. Jy kan 'n versteekte veld spesifiseer en stuur inligting van die bladsy agtergrond. Jy kan inligting oordrag knoppie aanwys, druk dit inisieer die data-oordrag proses.

Die gebruik van HTML

Om hiperteks taal ken - 'n onmisbare voorwaarde vir enige werk spesialisasie in die veld van Internet programmering, maar as jy 'n program in PHP of JavaScript skryf, weet dan HTML + CSS moet perfek.

PHP taal is geïdentifiseer in die vorige voorbeeld. PHP hardloop op die bediener, omdat 'n bladsy met hierdie vorm gevlieg vanaf die bediener na die leser met die velde ingevul. In die besonder, TestOnBlur in die tag INSET (onblur event handler) genoem funksies, ontvang al die parameters in die vorm van teks velde.

Die leser JavaScript loop, en om behoorlik gewerk data stuur knoppie terug na die bediener, dit is, ontwerp :. onClick = jQuery ( '# om') val ( 'wa'), is dit nodig om te weet nie net oor wat die jQuery, maar wat #to, val, mandjie nie. Meer presies, is dit nodig om die basiese HTML tags en die algemene reëls van toepassing is op hulle die CSS style weet.

Dit is genoeg om vinnig die kwalifikasie van enige spesialisasie in te samel in die gebied van Internet programmering.