HTML-basis voor beginners, wat elke beginnende webmaster of blogger nu zou moeten weten. Als je wilt leren hoe je elementaire sites kunt maken, de code zelf wilt begrijpen, wilt weten wat erachter zit en zou moeten gaan, zonder kennis van de basis van de html-taal, dan is dit gewoon onmogelijk om te doen. Op mijn blog zal ik een hele reeks artikelen hebben die ik van A tot Z aan dit onderwerp zal wijden, ik zal elke tag beschrijven die in het document aanwezig is, wat het betekent en hoe het correct te gebruiken.
Html-basis
Als je het meest elementaire niet kent, is het pad verder voor je afgesloten. Ik ben van mening dat iedereen die besluit om sites te ontwikkelen en te maken, de basis moet kennen en begrijpen van waar de site zelf uit bestaat, hoe deze werkt en wat er in de code zelf gebeurt.
Natuurlijk zijn er nogal wat programmeertalen, ze zijn allemaal op hun eigen manier complex, maar er zijn er een paar die je moet kennen. Als je een brief mooi wilt ontwerpen om per post te verzenden, heb je je eigen Vkontakte-groep, een groep in andere sociale netwerken, hetzelfde Youtube kanaal, je moet rondneuzen in de code op een van de site-engines, basisconcepten je moet het gewoon weten.
Ik gaf slechts een paar voorbeelden, sterker nog, deze kennis wordt nu steeds meer gebruikt op internet. Ik ben meer een beoefenaar dan een theoreticus, dus in mijn artikelen in deze sectie zal ik je mijn voorbeelden laten zien van hoe en wat ik deed, stap voor stap. Ik zal zowel voorbeeldpagina's als hele sites plaatsen.
Html-document is het eenvoudigst Tekstdocument, de tagtaal die je elke dag op internet tegenkomt. Tags beschrijven de structuur van het document. Getagd met hoekig< >haakjes, waarbinnen de naam van de tag is geschreven. De browser kijkt naar de structuur van het document, bouwt het op en toont het volgens de instructies op je monitor, als je alles goed hebt gedaan natuurlijk.
Dit hele proces begint voordat je de voltooide foto al ziet. Browsers verwerken het document sequentieel, van begin tot eind. Inclusief alles wat volledig op de pagina zou moeten staan. Tabellen, afbeeldingen, scripts enzovoort, behalve dat dit CSS-stijlen omvat.
Basis voor beginners
Wat is html - als je kijkt naar wat het schrijft Wikipedia-(HyperText Markup Language) taal hypertekst opmaak documenten. De meeste pagina's op internet bevatten pagina-opmaak in deze taal. Deze taal geïnterpreteerd door browsers, wordt de resulterende opgemaakte tekst weergegeven op uw computermonitor of mobiele apparaat.
Deze taal is van nature heel gemakkelijk en toegankelijk om te leren. Iedereen kan de basis ervan leren en begrijpen. Om een dergelijke taal te gebruiken, moet u descriptors, ook wel tags genoemd, kennen en gebruiken. Het is met behulp van tags dat het document wordt gemaakt.
Waaruit moet de structuur van het document bestaan, welke tags moeten aanwezig zijn. Laten we het opsplitsen met een klein voorbeeld. Ik schreef wat tekst in MS Office en liet het zien in deze schermafbeelding.
Weergeven deze tekst in de browser op dezelfde manier als het in het document is geschreven, hiervoor moet je er een pagina-opmaak aan toevoegen, die enkele tags bevat. Kijk eerst naar ze, dan zal ik iedereen beschrijven wie waarvoor verantwoordelijk is.
Welkom op mijn blog, je volgt nu een tutorial over HTML Basics. Als je dit artikel leuk vond, kun je je abonneren op deze blog om nieuwe artikelen in uw e-mail te ontvangen.
Blog van Evgeny Nesmelov! Basis html en css site voor beginners
Uit welke tags bestaat een html-document, wat staat erin en waar moet het allemaal worden geschreven.
< html > < body > < h2 >< / h2 > < p >Welkom op mijn blog, nu volg je een tutorial over Basic HTML. Als je dit artikel leuk vond, kun je je abonneren op deze blog om nieuwe artikelen uit je e-mailbox te krijgen.< / p > < h2 >BlogEvgeniya Nesmelova! Nesmelov. ru Basis html en css voor beginners< / h2 > < / body > < / html > |
Elke code bestaat uit tekens die in punthaken... Dit worden allemaal elementen genoemd. Alle elementen bestaan meestal uit twee tags, openen en sluiten. Ik raad je aan om eerst goed naar de tags te kijken, als je er een mist en deze niet sluit, zul je grote delen van de code moeten herzien om de fout te vinden.
Er waren gevallen waarin het meer dan een dag duurde, een persoon om hulp vraagt, hij geen fout op zijn website kan vinden, dus kijk altijd heel goed naar wat en waar je schrijft. Laten we nu verder gaan dit voorbeeld laten we eens kijken naar elk element uit de code, wat erin is geschreven, wat het betekent en wat het resultaat is.
De meeste tags zijn gekoppeld, waaronder een openingstag en een sluitingstag. Naast deze tags zijn er ook enkele tags. Tags kunnen met andere meegaan en zo in elkaar nesten. Geef bijvoorbeeld tekst in één keer vet en cursief weer.
Tekst
< strong > < i >Tekst< / strong > < / i > |
De structuur van het html-document
Laat me je er nogmaals aan herinneren dat je de regels moet volgen die in het document staan. Dit is hoe de browser begrijpt wat er op de pagina staat, de volgorde, inhoud, enzovoort.
Een tag is een onderdeel dat een webbrowser vertelt om een bepaalde taak uit te voeren. Bijvoorbeeld de aanwezigheid van een alinea, tabel, formulier of afbeelding.
Attribuut - wijzigt de tag. U kunt bijvoorbeeld een alinea in het midden of rechts uitlijnen, de positie van de afbeelding op de pagina op dezelfde manier instellen, enzovoort.
Sluit tags ALTIJD, als je ze opent, sluit ze dan. V anders er zal een fout optreden en uw document wordt verkeerd weergegeven op de pagina. Er zijn ook uitzonderingen die niet mogen worden vergeten.
Het is duidelijk noodzakelijk om te begrijpen dat er een titel is voor het document en zijn hoofdtekst. Een kop is alles wat er is aan een tag.
... De hoofdtekst van het document ( ), bevat de hoofdtekst van het document de volledige inhoud van de pagina. Als het nodig is om een stukje code voor jezelf achter te laten, waarbij je deze tags in een opmerking plaatst, gebruik dan de tag... Alles binnen zo'n tag dient als commentaar en wordt niet waargenomen door browsers.Laten we beginnen met de allereerste. Aan het begin van het document opende ik de tag en op het einde sloot ik het. Deze code aanwezig is in absoluut elk document, vertelt het de browser dat alles tussen deze tags HTML-code is. Het is de root van het document zelf, alles wat zich vervolgens achter deze tag bevindt, wordt niet meer in het document opgenomen en wordt niet waargenomen door browsers. Helemaal aan het begin van het document wordt de tag geopend en helemaal aan het einde moet deze worden gesloten.
De hele sectie van deze tag bevat de volledige technische informatie document. Net als de vorige tag moet de kop aan het einde ook open en gesloten zijn. Deze informatie omvat de titel van de pagina, de beschrijving, trefwoorden voor zoekmachines en codering. Een beetje hieronder over de codering.
Inhoud< head >Inhoud< / head > |
Deze tag zit in het hoofd, het moet erin worden geschreven hoofd tag... Deze title tag is verplicht en moet in elk html document aanwezig zijn. Daarnaast wordt het weergegeven als de titel van het browservenster. De lengte van een dergelijke titel mag niet langer zijn dan 60 tekens. De tekst van zo'n kop moet zoveel mogelijk bevatten volledige informatie, die de inhoud van de pagina kenmerkt.
Als je in de kop "Hallo wereld" hebt geschreven, is dit de informatie die op de pagina moet worden weergegeven en geen andere. Je moet mensen en zoekmachines niet bedriegen, dit vinden ze niet leuk, daarmee maak je jezelf alleen maar erger. De informatie in deze tag moet overeenkomen met de inhoud van uw pagina.
Na de vereiste titeltag is er een optionele, maar ook best veel belangrijke tag meta. Deze tag is enkelvoudig. Deze tag wordt gebruikt om een beschrijving voor de pagina (beschrijving) en de bijbehorende trefwoorden (trefwoorden) in te stellen.
Bovendien, in metatag kan informatie bevatten over de auteur van de pagina en andere eigenschappen van metadata. U kunt het indexeren van de pagina als geheel verbieden voor zoekmachines... Leggen automatische update pagina's na 20 seconden of na 5 seconden en ga dan naar een andere pagina.
< meta name = "robots" content = "index, follow" > < meta http - equiv = "refresh" content = "20" > < meta http - equiv = "refresh" content = "5; url=http://сайт/" > |
Er kunnen verschillende van dergelijke meta-elementen zijn, omdat ze absoluut kunnen dragen Overige informatie... Andere gebruikers, wanneer ze de pagina in een browser openen, zien niet al uw beschrijvingen, dit alles blijft aan het zicht onttrokken.
Тег style так же можно использовать для задания стилей на странице. Если вы используете много разных стилей css, в таком случае желательно задавать их в отдельном файле. Если нужно указать несколько из них, все это можно задать прямо в html документе.