Leer HTML

HTML-merkers wat met CSS-taalstyle gepaard is, laat jou toe om webwerwe vinnig en doeltreffend te skep.

Die plek van HTML onder ander tale

Soos jy weet, 'n goeie webwerfgebou in ten minste 5 tale.

Moderne webwerf is gebou in tale:

1. HTML (struktuur en volgorde).
2. CSS (stylinhoud).
3. JavaScript (blaaierhandelinge).
4. PHP (bedieneraksie).
5. SQL (databerging).

HTML is die belangrikste fundamentele taal waarop ander gebaseer is. Daarom moet die aanleer van HTML die eerste stap wees vir enigiemand wat leer hoe om webwerwe op die web te bou.

Tag

Die HTML-taal het oor die jare sedert sy ontstaan verander. Op die oomblik beweeg die meeste webwerwe na die nuutste weergawe van die taal - HTML5. Maar selfs in HTML5 bly die grondbeginsels van die taal onveranderd.

Die struktuur van 'n HTML-bladsy is soos 'n toebroodjie. Net soos 'n toebroodjie twee snye brood het, het 'n HTML-dokument 'n HTML-merker wat oopmaak en toemaak.

Hierdie etikette, soos die brood in 'n toebroodjie, omring alles binne.

Tag

Terwyl jy aanhou om HTML te leer, moet jy beslis vertroud raak met die merker. Direk binne die ouermerker is al die inhoud van die werf, insluitend die merker. Hierdie merker word vereis en bevat al die instellings van die werfbladsy waarvoor dit geskryf is. Hierdie instellings is nie sigbaar vir werfbesoekers nie, net blaaiers (Google Chrome, Mozilla Firefox, ens.) sien dit.

Die webbladinstellingsblok bevat al die "nie-weergegee" elemente wat die blaaier help om jou werf korrek op die web te vertoon.

Alle opsies watkan binne die merker gekonfigureer word, ons sal daarna kyk, maar 'n bietjie later - wanneer die tyd aanbreek.

Tag

Die merker, soos die merker, is binne die merker.

Hierdie merker is nodig om al die inligting wat jy wil vertoon op jou werf te vertoon.

Opskrifte, paragrawe, tabelle, prente en skakels is slegs 'n klein deel van die elemente wat binne die merker vervat kan word.

Basiese struktuur van 'n HTML-dokument:

Jou eerste werf

Nou weet jy dat jy webwerwe met HTML kan skep en dat basiese merkers hiervoor gebruik word:

• . Skets die grense van 'n webblad.
• . Bevat instellings vir die vertoon van 'n webbladsy in 'n blaaier.
• . Bevat alle webblad-elemente (prente, video's, teks, ensovoorts) wat jy aan werfbesoekers wil wys.

Ander merkers soos,,, waaroor ons binnekort praat.

Dit sal wonderlik wees as die leser nie net hierdie artikel lees nie, maar ook dadelik hardloop om hul vaardighede te slyp. Om jou HTML-vaardighede te slyp, sal jy jou eerste webwerf moet skep, wat sal dien as 'n toetsgrond vir jou nuwe vaardighede.

Dit is bekend dat selfoonoperateurs ("MTS", "MegaFon" ensovoorts) ons van mobiele dienste voorsien. Op dieselfde manier word dienste vir die skepping en bestuur van werwe aan ons verskaf deur gasheeroperateurs. Om jou webwerf te skep, gaan na die webwerf van enige gratis gasheeroperateur.

Geverifieerde gasheerverskaffers sluit BEGET ofreg, byvoorbeeld. Jy kan enigiemand kies.

Na 'n kort registrasie, na 24 uur, sal jou eerste webwerf op die internet outomaties geskep word, wat vir die hele wêreld sigbaar sal wees, en jy kan begin oefen!

Moderne werfstruktuur

Nou dat jy jou werf het, kyk watter merkers 'n merker bevat en hoe hulle inligting op werwe organiseer.

Die prent hierbo is 'n skematiese voorstelling van die struktuur wat saam met die nuutste weergawe van die HTML-taal gekom het - HTML5. Saam met HTML5 het nie net nuwe etikette gekom nie, maar ook die betekenis van die bou van webwerwe. Al die merkers wat jy in die prentjie sien, is in die hoofmerker vervat. Hierdie merkers help jou om die struktuur van jou werf te "omskryf" en dit betekenis te gee.

Byvoorbeeld, binne-etikette … dit is gerieflik om die werftitel (etikette) en werfbeskrywing (tags) te plaas.

Dit is gerieflik om die spyskaart (skakels) van die werf (merker) binne die etikette te plaas.

Dit is gerieflik om enige groot blok inligting met betrekking tot betekenis binne die etikette te plaas. Dit kan verskeie artikels wees, wat elkeen "toegedraai" is in etikette, of foto's (merker), of tabelle (merkers

) en meer.

Dit is gerieflik om enige inligting binne-in die etikette te plaas wat nie by die betekenis van. pas nie

Binne die merkers is dit gebruiklik om bykomende inligting soos kontakinligting, bykomende afdelings van die webwerf, ensovoorts te plaas.

So nou is jy 'n bietjie meer bedrewe met wat moderne webwerwe gemaak is. Kom ons neem 'n voorbeeld nadie onstuimigheid in my kop is vervang deur ontsag vir insig.

Dus, wanneer jy die lêerbestuurder op die werf van jou gasheeroperateur oopmaak en 'n dokument genaamd index.php kry, skryf gerus daarin, asof van nuuts af, die struktuur van jou werf.

My eerste webwerf

Bladsytitel
Bladsybeskrywing
Skakel 1 | Skakel 2 | Skakel 3

Titel van een of ander artikel

Dit is 'n blok wat enige inligting bevat, en met die hulp van CSS kan jy hierdie blok, en die hele werf met al sy inhoud inkleur, soos jy wil. © Alle regte voorbehou

Onthou ons dat ons gesê het dat daar verskillende instellings vir die webwerf is? Wel, hier is dit:

1. Deur gebruik te maak van ons wys blaaiers dat die webwerf beide Russiese en Engelse karakters kan bevat (anders, wanneer jy die webwerf oopmaak, sal jy verskriklike krakozyabry sien).
2. word gebruik om die bladsynaam aan te dui, wat in die blaaieroortjie en in die soekenjin ("Yandex", Google en dies meer) vertoon sal word.

Natuurlik, sonder CSS-stilering, sal jou werf suinig lyk (swart letters op 'n wit agtergrond), maar maak seker dat jy eers probeer om jou eerste bladsy in HTML te skryf.

Geluk! Jy het pas jou eerste webblad op jou eie webwerf geskep! Dit sal meer interessant wees!