In dit artikel leer je hoe je HTML gebruikt om je eerste website te schrijven! Het artikel zal illustratieve voorbeelden geven voor een beter begrip. Laten we meteen een voorbehoud maken dat het artikel oorspronkelijk is ontworpen voor degenen die net beginnen met het leren van HTML. Bovendien beloven we dat u aan het einde van het lezen van dit artikel gegarandeerd uw eerste website zult maken.
HTML staat voor HyperText Markup Language, dat wil zeggen, een taal voor het organiseren van tekst.
In tegenstelling tot programmeertalen (JavaScript, PHP, etc.) die scripts gebruiken om acties op websites uit te voeren, gebruikt de sequencing-taal (HTML) tags om website-inhoud te markeren.
Laten we HTML helemaal opnieuw leren
Net zoals Engels is opgebouwd uit letters A, B, C, etc., zo is HTML opgebouwd uit eigenaardige "letters":,,
etc. Deze eigenaardige "letters" van de HTML-taal worden door webmasters tags genoemd.
Het volgende is een voorbeeld van een HTML-tag.
Tags Maak een onderstreping rond de randen van deze tekst.
Met HTML-tags in combinatie met CSS-taalstijlen kunt u snel en efficiënt websites maken.
De plaats van HTML onder andere talen
Zoals je weet, een goede websitegebouwd in ten minste 5 talen.
Moderne website is gebouwd in talen:
- HTML (structuur en volgorde).
- CSS (stijl inhoud).
- JavaScript (browseracties).
- PHP (serveractie).
- SQL (gegevensopslag).
HTML is de belangrijkste fundamentele taal waarop andere zijn gebaseerd. Daarom zou het leren van HTML de eerste stap moeten zijn voor iedereen die leert hoe websites op het web te bouwen.
Tag
De HTML-taal is in de loop der jaren veranderd sinds het begin. Op dit moment gaan de meeste internetsites over naar de nieuwste versie van de taal - HTML5. Maar zelfs in HTML5 blijven de grondbeginselen van de taal ongewijzigd.
De structuur van een HTML-pagina is als een sandwich. Net zoals een sandwich twee sneetjes brood heeft, heeft een HTML-document een HTML-tag voor openen en sluiten.
Deze tags, zoals het brood in een sandwich, omringen alles binnenin.
Tag
Terwijl je doorgaat met het leren van HTML, moet je zeker vertrouwd raken met de tag. Direct in de bovenliggende tag bevindt zich alle inhoud van de site, inclusief de tag. Deze tag is vereist en bevat alle instellingen van de sitepagina waarvoor deze is geschreven. Deze instellingen zijn niet zichtbaar voor sitebezoekers, alleen browsers (Google Chrome, Mozilla Firefox, etc.) zien ze.
Het blok met webpagina-instellingen bevat alle "niet-gerendeerde" elementen die de browser helpen uw site correct weer te geven op het web.
Alle opties diekan worden geconfigureerd in de tag, we zullen ernaar kijken, maar een beetje later - als de tijd daar is.
Tag
De tag bevindt zich, net als de tag, binnen de tag.
Deze tag is nodig om op uw site alle informatie weer te geven die u wilt weergeven.
Koppen, alinea's, tabellen, afbeeldingen en links zijn slechts een klein deel van de elementen die in de tag kunnen worden opgenomen.
Basisstructuur van een HTML-document:
… …
Je eerste site
Nu weet je dat je websites kunt maken met HTML en dat hiervoor basistags worden gebruikt:
- . Geeft de grenzen van een webpagina weer.
- . Bevat instellingen voor het weergeven van een webpagina in een browser.
- . Bevat alle webpagina-elementen (afbeeldingen, video's, tekst, enzovoort) die u aan sitebezoekers wilt laten zien.
Andere tags zoals,,, waar we het binnenkort over zullen hebben.
Het zou geweldig zijn als de lezer niet alleen dit artikel zou lezen, maar ook meteen zou rennen om hun vaardigheden aan te scherpen. Om je HTML-vaardigheden aan te scherpen, moet je je eerste website maken, die zal dienen als proeftuin voor je nieuwe vaardigheden.
Het is bekend dat mobiele operators ("MTS", "MegaFon" enzovoort) ons mobiele diensten leveren. Op dezelfde manier worden diensten voor het maken en beheren van sites aan ons geleverd door hostingproviders. Om uw website te maken, gaat u naar de site van een gratis hostingprovider.
Geverifieerde hostingproviders zijn BEGET ofreg, bijvoorbeeld. Je kunt iedereen kiezen.
Na een korte registratie, na 24 uur, wordt uw eerste website op internet automatisch gemaakt, die voor de hele wereld zichtbaar zal zijn, en u kunt beginnen met oefenen!
Moderne sitestructuur
Nu je je site hebt, bekijk welke tags een tag bevat en hoe ze informatie op sites organiseren.
De afbeelding hierboven is een schematische weergave van de structuur die bij de nieuwste versie van de HTML-taal - HTML5, werd geleverd. Samen met HTML5 kwamen niet alleen nieuwe tags, maar ook de betekenis van het bouwen van websites. Alle tags die u op de afbeelding ziet, bevinden zich in de hoofdtag. Deze tags helpen u de structuur van uw site te "omschrijven" en er betekenis aan te geven.
Bijvoorbeeld, binnen tags … het is handig om de sitetitel (tags) en sitebeschrijving (tags) te plaatsen.
Het is handig om het menu (links) van de site (tag) binnen de tags te plaatsen.
Het is handig om een groot blok informatie met betrekking tot betekenis binnen de tags te plaatsen. Het kunnen verschillende artikelen zijn, die elk zijn "verpakt" in tags, of foto's (tag) of tabellen (tags
) en meer.
Het is handig om informatie in de tags te plaatsen die niet past bij de betekenis van.
Binnen de tags is het gebruikelijk om aanvullende informatie te plaatsen, zoals contactgegevens, extra secties van de site, enzovoort.
Dus nu ben je een beetje bedrevener in waar moderne websites van gemaakt zijn. Laten we een voorbeeld nemen omde onrust in mijn hoofd maakte plaats voor ontzag voor inzicht.
Dus, wanneer je de bestandsbeheerder opent op de site van je hostingprovider en een document vindt met de naam index.php, voel je vrij om daarin de structuur van je site te schrijven, alsof je helemaal opnieuw bent.
Mijn eerste website
Paginatitel
Paginabeschrijving
Link 1 | Link 2 | Link 3
Titel van een artikel
Dit is een blok dat alle informatie bevat, en met behulp van CSS kun je dit blok, en de hele site met al zijn inhoud, kleuren zoals jij dat wilt. © Alle rechten voorbehouden
Weet je nog dat we zeiden dat er verschillende instellingen voor de site zijn? Nou, hier is het:
- Met behulp van we laten we browsers zien dat de site zowel Russische als Engelse karakters kan bevatten (anders, als je de site opent, zie je verschrikkelijke krakozyabry).
- wordt gebruikt om de paginanaam aan te geven, die wordt weergegeven in het browsertabblad en in de zoekmachine ("Yandex", Google en dergelijke).
Zonder CSS-styling ziet uw site er natuurlijk gierig uit (zwarte letters op een witte achtergrond), maar probeer eerst uw eerste pagina in HTML te schrijven.
Gefeliciteerd! U heeft zojuist uw eerste webpagina op uw eigen website gemaakt! Het wordt interessanter!
