Ik begin waarschijnlijk bij het begin...

De HTML-taal is niet inherent een programmeertaal. Het is een opmaaktaal voor hypertekstdocumenten. Met andere woorden, hij is verantwoordelijk voor de ordening in het document van uw teksten, tekeningen, tabellen... bedoeld voor het leven op internet. Het is onmogelijk om hem te dwingen te berekenen hoeveel twee keer twee is, dat is er niet logische functies, maar het is mooi en vooral gemakkelijk om de informatie te plaatsen dat twee en twee gelijk is aan vier - dat is gemakkelijk. Deze taal wordt gelezen met behulp van programma's die u kent, browsers (browsers) genaamd, die “weten” standaard commando's html-taal, en door ze te ‘kauwen’, worden documenten op de computermonitor weergegeven in de vorm waarin de webmaster, de auteur van het document, ze wil presenteren.

Nu over commando's - ze worden descriptors genoemd, maar vaker - tags.

Laten we teruggaan naar onze eerste pagina... dus schreven we:

Mijn eerste pagina


Hallo wereld!!!

Dit is dus wat er tussen staat: ze worden tags genoemd. Ze zijn niet zichtbaar voor de lezer die naar uw pagina kijkt, maar zijn duidelijk zichtbaar voor de browser, die, nadat hij een tag is tegengekomen, dit begrijpt als een signaal dat dat zo zal zijn. een document zijn dat moet worden gelezen en weergegeven op de monitor in de juiste vorm.. maar de tag zegt dat het document is geëindigd en dat er niets meer van nodig is, dat wil zeggen van de browser, en dat het met een gerust geweten kan rusten.

Dus wat hebben we geschreven? en hoe leest de browser het?

Browser-gedachten:

- het begin van het document.. er is weer veel werk..
- kijk naar het Engelse woordenboek en vertaal “hoofd”…er is geen probleem met zaagsel in mijn hoofd!! ... hier is de basisservice-informatie over het document. Dus wat willen ze van mij?
- “titel” betekent... je moet de naam ervan in de koptekst van het venster schrijven:
Mijn eerste pagina - De ketel is weer aan het trainen..
- de hele naam is voorbij.. je kunt verder..
- ja, en buiten de naam houden we geen onzingedachten meer in ons hoofd..
- De ‘body’ van het document, alles wat hieronder staat, wordt aan het publiek getoond
Hallo wereld!!! - wat leuk! Al genoeg!!!

- verplaats de tekst naar volgende regel.. Ik kan zelfs raden wat erin zal zitten...
Mijn naam is (jouw naam hier), dit is mijn eerste pagina! - nou ja, dat is het wel.. iets origineler kunnen ze niet bedenken..
- dat is alles? Niets anders laten zien?
- Nou, dat is het einde!! Niet wakker maken, niet omdraaien, bij brand eerst eruit halen!!

Dit is ongeveer hoe het lezen van onze pagina werkt. Zoals u kunt zien, is de browser een nogal wispelturig type, dus hij moet duidelijke en nauwkeurige commando's geven, anders zal hij vloeken.. en hardop.. en laten we daarom het volgende onthouden dingen:

1) Het is noodzakelijk om voor eens en voor altijd te onthouden dat als er een openingstag is, er ook een slottag moet zijn

Al zijn er uitzonderingen, zoals onze tag
- het vereist geen afsluiting omdat er alleen staat dat men ermee moet schrijven nieuwe lijn. Probeer trouwens nog een paar van dezelfde toe te voegen vóór de regel "Mijn naam is.." en je zult zien dat het resultaat merkbaar is gedaald. (Nou, bewaar de wijzigingen natuurlijk in Kladblok, en druk op de knop “vernieuwen” in de browser)

2) Alle documenten moeten de volgende codesjabloon hebben:

- begin van document
- begin van het hoofd
- het hoofd sluiten
- begin van het lichaam
- sluiting van het lichaam
- einde document

Deze tags zijn verplicht! Ze moeten altijd voor elk worden geschreven nieuwe pagina, en alleen in die volgorde! Probeer niet alles op zijn kop te zetten...

3) Over de bestelling:

De openings- en sluitingstag is een soort container, een doos waarin andere tags kunnen worden opgeslagen - kleinere dozen... daarom zou het document er volgens de logica als volgt uit moeten zien:

inhoud

Als je bijvoorbeeld zo schrijft:

inhoud

Het zal onzin blijken te zijn die niet in je hoofd past, de 'grote' is al gesloten en de 'kleine' 'steekt eruit', die in het 'midden' opgesloten zit, en de ' inhoud” is overal verspreid. Het is zelfs voor iemand moeilijk om zich voor te stellen wat er over de browser wordt gesproken. Structureer de code van uw pagina duidelijk, anders werkt niets.

Nou, we hebben geleerd hoe we eenvoudige tekst kunnen schrijven, er is een begin gemaakt! in het volgende hoofdstuk zal ik vertellen wat je ermee kunt doen..

Wanneer u een website schrijft, maak dan een map op elke geschikte plaats op uw harde schijf, noem deze hoe u maar wilt, zolang het maar duidelijk is... sla uw pagina's op in deze map en geef ze betekenisvolle namen... opties zoals aaa. html, 123.html zal tot verwarring en verwarring leiden... Aan in dit stadium Dit advies lijkt misschien niet praktisch, maar het zal uw werk in de toekomst veel gemakkelijker maken. Stel je bijvoorbeeld minstens 20 tot 30 van dergelijke bestanden voor waarvan je de namen in gedachten moet houden om er kruisverwijzingen naar te kunnen maken. Bestel eerst!

Bij het schrijven van code raad ik u aan om u aan een “goede schrijfstijl” te houden, dat wil zeggen, tags op een “ladder”-manier te schrijven, waarbij de ene tag in de andere is genest. Na verloop van tijd zul je begrijpen dat het lezen van code als volgt is geschreven:



Mijn eerste pagina


Hallo wereld!!!

Mijn naam is Carlson, dit is mijn eerste pagina!



Veel makkelijker dan dit:



Mijn eerste pagina


Hallo wereld!!!

Mijn naam is Carlson, dit is mijn eerste pagina!



En nog meer dan dit:

Mijn eerste paginaHallo wereld!!!
Mijn naam is Carlson, dit is mijn eerste pagina!

Hoewel dit een kwestie van gewoonte is... is het toch beter om te wennen aan het “leesbaar” schrijven.

Iedereen gebruikt internet en iedereen surft op verschillende sites, en waarschijnlijk zou iedereen zijn website graag op internet willen plaatsen, maar dit is niet eenvoudig, daar zijn veel redenen voor. Om echter een kwaliteitswebsite te kunnen hosten, hoeft u alleen maar de basisprincipes te kennen “ WEB-programmering", wat de HTML-taal is. In dit artikel zullen we kijken naar de belangrijkste elementen, tags, attributen en zelfs de eerste webpagina schrijven.

Hypertekst Opmaaktaal - "HTML" ( hypertext opmaaktaal) beschouwen velen het al lang niet meer als slechts een programmeertaal. Omdat het hele concept van HTML omvat verschillende methoden ontwerp van hypertext-documenten, ontwerp, hypertext-editors, browsers en nog veel meer. Een gebruiker die deze taal beheerst, krijgt het vermogen om serieuze dingen te doen eenvoudige methoden en, belangrijker nog, snel, dat erin moderne wereld als zeer goed beschouwd!

In de HTML-taal kun je je eigen multimediaproducten maken en deze op cd's distribueren, en al deze producten, gemaakt in de vorm van sets HTML-pagina's, vereisen niet de ontwikkeling van gespecialiseerde software, omdat alles wat nodig is voor het werken met gegevens ( Webbrowsers) zijn onderdeel geworden van de standaardsoftware op de meeste personal computers.

• Element ( element) is een constructie van de HTML-taal. Dit is een object dat gegevens bevat en ervoor zorgt dat deze op een specifieke manier kunnen worden geformatteerd. Elke webpagina is een verzameling elementen. Een van de belangrijkste ideeën van hypertekst is de mogelijkheid om elementen te nesten.
• Label ( label) - begin- of eindmarkeringen van een element. Tags definiëren de grenzen van de actie van elementen en scheiden elementen van elkaar. In de tekst van een webpagina worden tags tussen punthaken geplaatst en wordt de eindtag altijd gevolgd door een schuine streep.
• Attribuut - een parameter of eigenschap van een element. Met andere woorden, het is een variabele die dat wel heeft standaard naam en waaraan een bepaalde reeks waarden kan worden toegekend: standaard of willekeurig. Er wordt verwacht dat tekenattribuutwaarden tussen rechte aanhalingstekens staan, maar in sommige browsers kunt u de aanhalingstekens weglaten. Dit komt omdat het attribuuttype altijd vooraf bekend is. Attributen bevinden zich in de starttag en zijn van elkaar gescheiden door spaties.
• Een hyperlink is een stukje tekst dat verwijst naar een ander bestand of object. Hyperlinks zijn nodig om navigatie van het ene document naar het andere mogelijk te maken.
• Kader ( kader) - deze term heeft twee betekenissen. De eerste is het documentgebied met zijn eigen schuifbalken. De tweede waarde is één afbeelding in een complex ( geanimeerd) grafisch bestand(lijkt op een still uit een film). Het is ook mogelijk in plaats van de term 'frame' in de gespecialiseerde literatuur en gelokaliseerd softwareproducten Mogelijk komt u de term ‘frame’ of ‘frame’ tegen.
• Een HTML-bestand of HTML-pagina is een document dat is gemaakt in de vorm van hypertekst op basis van de HTML-taal. Dergelijke bestanden hebben de extensie htm of html.
• Applet ( applet) - een programma dat in de vorm naar de clientcomputer wordt overgebracht apart bestand en gelanceerd bij het bekijken van een webpagina.
• Script of script ( script) is een programma dat is opgenomen in een webpagina om de mogelijkheden ervan uit te breiden.
• Verlenging ( verlenging) - een element dat niet is opgenomen in de taalspecificatie, maar wel wordt gebruikt, waardoor het mogelijk wordt een nieuwe te maken interessant effect opmaak.
• CGI ( Gemeenschappelijke toegangspoort Interface) - gemeenschappelijke naam voor programma's waarmee u, als ze op een server worden uitgevoerd, de mogelijkheden van webpagina's kunt uitbreiden. Zonder dergelijke programma's is het bijvoorbeeld onmogelijk om interactieve pagina's te maken.
• HTML-code is een hypertextdocument in zijn oorspronkelijke vorm, waarbij alle elementen en attributen zichtbaar zijn.
• Een webpagina is een document (bestand) dat in hypertext-formaat is opgesteld en in een hypertext-indeling is geplaatst Wereldwijd Web.
• Website ( plaats) - een reeks webpagina's die zich op één plek bevinden en met elkaar verbonden zijn.
• Browser ( browser) - een programma voor het bekijken van webpagina's.
() - bestanden kopiëren van de server naar de clientcomputer.
• URL( Uniforme bronzoeker) of uniform resource locator, het adres van een object op internet, d.w.z. Een typische URL voor WWW ziet er als volgt uit: http://www.naam.domein/bestandsnaam.

Alle elementen van taal kunnen in drie groepen worden verdeeld. De eerste omvat de elementen die de structuur creëren hypertekstdocument. Het gebruik van dergelijke elementen is een noodzakelijke formaliteit die niet kan worden verwaarloosd. De tweede groep bevat elementen die opmaakeffecten creëren. Het gebruik ervan wordt bepaald door de specifieke vereisten voor het document, de verbeeldingskracht en competentie van de ontwikkelaar bevat elementen waarmee u kunt beheren software geïnstalleerd en actief op de clientcomputer. Vaak worden dergelijke elementen automatisch gemaakt wanneer een ontwikkelaar een hypertext-editor of een soortgelijk programma gebruikt om een ​​object in een document in te voegen.

Hoewel de HTML-specificatie een standaard is, worden er nieuwe elementen aan de taal toegevoegd ( extensies). Daarom zijn sommige webpagina's handiger om te bekijken met bepaalde browsers. Extensies worden alleen gemaakt door bekende bedrijven die zich ontwikkelen software voor WWW, en gewone gebruikers kunnen hun webpagina's verbeteren door middel van programmeren. Met applets kunt u verwijderen HTML-beperkingen en geef ruimte aan de verbeelding van de ontwikkelaar.

HTML-versies

De eerste versie van de HTML-taal werd begin jaren 90 ontwikkeld door Tim BenersLee voor een van de populaire Mozaïekbrowsers uit het verleden. Maar toen waren noch de browser, noch de HTML zelf gevonden goed gebruik. HTML+ verscheen in 1993 en ook deze versie bleef vrijwel onopgemerkt. Maar de HTML-taal werd wijdverspreid dankzij versie 2.0, die in juni 1994 verscheen. En vanaf dat moment is de populariteit van WWW over de hele wereld toegenomen. De standaarden in versie 2 zijn zo ingeburgerd geraakt dat ze nog steeds worden gebruikt.

HTML-versie 3.0, die ongeveer een jaar later verscheen, introduceerde de mogelijkheid om te tekenen wiskundige symbolen (Integrale tekens, oneindigheid, breuken, haakjes, enz.) met behulp van taalelementen. Maar de ontwikkeling van dit project vertraagde en kreeg geen verdere verspreiding.

In 1996 verscheen HTML-versie 3.2. Het was een briljante beslissing; het volstaat te vermelden dat er frames in de taalspecificatie zijn geïntroduceerd, die nu erg populair zijn geworden onder website-ontwikkelaars. Tot op de dag van vandaag ondersteunen alle browsers deze versie van HTML.

Officiële HTML 4-specificatie ( Dynamische HTML) werd ontwikkeld in 1997. Op dat moment was het al duidelijk dat de verdere ontwikkeling van hypertekst zou plaatsvinden via webprogrammering. Dit bleek veel effectiever dan het introduceren van nieuwe elementen in de taal.

Structuur van webpagina's

Hieronder staat de code van de webpagina, die is geschreven in HTML, en met deze pagina als voorbeeld zullen we de structuur ervan analyseren, maar eerst kopiëren we alle code naar platte tekst Nieuw kladblok en klik op “Opslaan als” en sla het bestand op met html-extensie, d.w.z. na de naam write.html

Structuur van een webdocument Ga naar het einde van het document Kop 1 Kop 2 Kop 3 Kop 4 Kop 5 Kop 6 De eerste link vindt u hier Zou hier gevestigd moeten zijn
eenvoudig webtekst pagina's.
En ik zal hier bijvoorbeeld invoegen
diverse overschrijvingen,
zodat jij dat kunt
duidelijk waarnemen
hoe werkt het voor jou
koppelingen in het document,
anders als u een grote resolutie heeft,
U merkt gewoon niet dat de links worden gevolgd

HTML-documentnotatie. Een van de principes van de taal is het nesten van elementen op meerdere niveaus. Dit artikel is de buitenste, omdat de hele webpagina zich tussen de begin- en eindtags moet bevinden. In theorie kan dit element als een formaliteit worden beschouwd. Het heeft de attributen versie, lang en dir, die dat zijn in dit geval zelden gebruikt en staat iemand het nesten toe van HEAD, BODY FRAMESET en andere elementen die de algehele structuur van een webpagina bepalen. Uiteraard eindigen al dergelijke documenten met een eindtag.

< head >

Het titelgebied van een webpagina. Met andere woorden, het eerste deel. Hetzelfde als vorig onderdeel, HOOFD dient alleen om te vormen algemene structuur document. Dit element kan de attributen lang en dir hebben.

< title >

Een element voor het plaatsen van de titel van een webpagina. De tekstregel in dit element verschijnt niet in het document, maar in de titelbalk van het browservenster. Dit element heeft een grote invloed op de promotie in de zoekmachine, omdat zoekmachines betalen speciale aandacht op TITEL-tag. Mijn advies: doe nooit te veel lange tekst in deze tag ( 65 tekens is voldoende).

Dit element bevat service-informatie die niet wordt weergegeven bij het bekijken van een webpagina. Er zit geen tekst in in de gebruikelijke zin, dus er is geen eindtag. Elk META-element bevat twee hoofdattributen, waarvan de eerste het gegevenstype definieert en de tweede de inhoud.

< body >

Dit element combineert hypertekst, die de webpagina zelf definieert. Dit is het zichtbare deel van het document dat door de autopagina wordt ontwikkeld en door de browser wordt weergegeven. Dienovereenkomstig moet de eindtag van dit element aan het einde van de webpagina worden gevonden. Binnen het BODY-element kunt u alle elementen gebruiken die bedoeld zijn voor het ontwerpen van webpagina's. Je kunt veel attributen in de starttag van het BODY-element plaatsen die dienen om de hele pagina in te stellen. Laten we ze in volgorde bekijken.

Een van de handigste kenmerken van deze tag, die van invloed is op het ontwerp van de pagina, is

background="pad naar achtergrondbestand"

Een eenvoudiger achtergrondontwerp komt neer op het instellen van de kleur

bgcolor="#FFFFFF"

De achtergrondkleur wordt aangegeven met drie cijfers van twee cijfers hexadecimale getallen, die de intensiteit van rood, groen en bepalen blauwe kleuren(rbg).

Omdat u de achtergrond van de pagina kunt wijzigen, kunt u ook de kleur van de tekst wijzigen. Voor dit doel is er het volgende attribuut

tekst="#RRGGBB"

Gebruik het volgende attribuut om de tekstkleur van hyperlinks in te stellen

link = "#RRGGBB"

U kunt ook een kleurwijziging opgeven voor de laatst geselecteerde hyperlink van de gebruiker

Kopelement. Er zijn zes niveaus van kopjes, die als volgt worden aangeduid.
Rubriek
Rubriek
Rubriek
Rubriek
Rubriek
Rubriek

Kop van niveau 1 is de grootste en kop van niveau 6 biedt de kleinste kop. Voor koppen kunt u een attribuut gebruiken dat de uitlijning links, midden of rechts specificeert:

align=”links” align=”center” align=”rechts”

Gebruik de tag om een ​​nieuwe alinea te maken

En om naar een nieuwe regel te gaan zonder een alineatag te maken
d.w.z. er vindt overdracht plaats. Het is niet nodig om deze tags te sluiten. Natuurlijk, als je de tag niet gebruikt

Het ALIGN-element, waarmee de uitlijning van alinea's kan worden ingesteld:

Links

Gecentreerd

Rechts

Tekst tussen deze elementen wordt in de breedte uitgelijnd

Horizontale lijn ( horizontale regel) is een veel voorkomend element. Ten eerste omdat het heel gemakkelijk en handig is om een ​​pagina in delen te verdelen. Ten tweede omdat de keuze van dergelijke ontwerpelementen voor de auteur van de pagina erg klein is. Het element heeft geen eindtag, maar heeft een aantal attributen voor links, midden, rechts, uitvulling:

• uitlijnen = "links"
• uitlijnen = centreren
• uitlijnen = "rechts"
• align=”rechtvaardigen”

Een HTML-document kan erg omslachtig zijn en niet erg handig voor de gebruiker die snel naar het gewenste gedeelte van het document moet gaan. Om dit te doen, kunt u het hyperlinkmechanisme gebruiken. Plaats hiervoor de juiste markeringen op de juiste plaatsen in de tekst.

Vrije tekst

In dit geval krijgt een bepaalde regel van het document een naam, en daarom kan er een hyperlink worden gemaakt naar een ander deel van het document, of zelfs naar een ander document, die naar dat label leidt.

Afbeeldingen invoegen ( foto's) in een HTML-document wordt de volgende tag gebruikt ( gepresenteerd volledige beschrijving kenmerken van deze tag):

Lijsten

(lijst) zijn ontwikkeld in HTML, ongetwijfeld beïnvloed door het succes teksteditors. Een lijst verschilt in de eerste plaats van gewone tekst doordat de gebruiker niet hoeft na te denken over het nummeren van de items: HTML neemt deze taak op zich. Als de lijst wordt aangevuld met nieuwe items of wordt ingekort, wordt de nummering automatisch voortgezet. In geval van ongenummerd HTML-lijsten plaatst markeringen voor elk item: cirkels, rechthoeken, ruiten en andere afbeeldingen. Uiteindelijk krijgt de lijst een fatsoenlijke vorm. Er zijn twee groepen van dergelijke tags: sommige definiëren algemeen beeld lijst ( en kunt u attributen opgeven), en anderen vragen het interne structuur. U kunt standaardattributen in lijsten gebruiken. Er zijn verschillende soorten lijsten.

De meest voorkomende is ongenummerde lijst (ongeordende lijst). Het wordt hieronder weergegeven:

• Lijstitem 1
• Lijstitem 2
• Lijstitem 3

Het ul-element is een soort accentuering van een lijst. Hiermee kunt u de ene lijst van de andere scheiden. Het li-element vertegenwoordigt elk van de items.

Tafels

Ze zijn een van de meesten noodzakelijke middelen gegevens op een webpagina formatteren. Het belangrijkste gemak is dat de browser de hele tabel tekent. De grootte van het frame kan automatisch worden aangepast aan de grootte van het browservenster en uiteraard aan de grootte van de tekstregels en afbeeldingen in de tabelcellen. Naast al het andere kunt u met tabellen veel ontwerpproblemen oplossen: delen van een pagina ten opzichte van elkaar uitlijnen, afbeeldingen en tekst naast elkaar plaatsen, kleurenschema's beheren, enzovoort. Bij het maken van tabellen wordt het principe van nesten toegepast: binnen het hoofdtabelelement (TABLE) worden een aantal elementen gemaakt die rijen definiëren (TR), en binnen deze elementen zijn er elementen om elke cel in de rij te beschrijven (TD, E).

Om de structuur van een bestaande tabel te begrijpen of te ontwikkelen nieuwe tafel, is er één regel die bepaalt dat de volgorde van de elementen de tabel van boven naar beneden en van rechts naar links beschrijft. Als een TABLE-element bijvoorbeeld wordt gevolgd door een TR-element, geeft dit aan dat er een nieuwe tabelrij wordt gedefinieerd. Alles achter dit element wordt op één lijn geplaatst (van rechts naar links). Dit kan een reeks TD-elementen zijn ( cellen), een andere tafel enzovoort. Nadat het verschijnt nieuw onderdeel TR, de beschrijving zal beginnen volgende regel, etc. tot het einde van de tabel (tag).
De tabel kan horizontaal worden uitgelijnd met behulp van het align-attribuut:

• uitlijnen = "links" - links;
• align="center" - in het midden;
• align="right" - naar rechts.

De tabelbreedte kan exact worden ingesteld in pixels of als percentage van de paginabreedte in het browservenster. Bijvoorbeeld: breedte=400 of breedte=50%

Er worden twee attributen gebruikt om het uiterlijk van het frame te bepalen. Het feit is dat de browser een afbeelding van het frame maakt en de driedimensionaliteit ervan simuleert ( convex) met behulp van verschillen in verlichting van de gezichten

Scenario's

Bijna alle webmasters willen dat hun pagina's op de site staan moderne uitstraling, waren multifunctioneel, mooi en dynamisch. Met standaardmiddelen HTML is niet mogelijk, dus gebruik verschillende middelen: applets, objecten, trapsgewijze stijlbladen enzovoort. Maar het meest populaire en wijdverspreide type ( receptie) is het gebruik van scripts.

Een script is een programmacode die is opgenomen in de paginatekst van het formulier brontekst en wordt uitgevoerd door de browser wanneer de pagina wordt bekeken. Het script kan worden geschreven JavaScript, ontwikkeld door Netscape, of daarop Visuele basis Script ( VBScript), ontwikkeld door Microsoft.

Met deze tag kunt u de tekst van het scriptprogramma scheiden van andere pagina-informatie. De SCRIPT-tag moet een taalkenmerk bevatten, dat de taal specificeert en de volgende waarden kan aannemen:

• javascript - code in JavaScript;
• vbscript - code in VBScript-taal.

Het type attribuut kan ook het taaltype aangeven, hoewel het gebruik ervan niet vereist is. Om niet alle regels te overtreden, kunt u de volgende definitie in het element plaatsen:

type="tekst/javascript"

Een van de coolste kenmerken van scripts is de mogelijkheid om de inhoud van een pagina te wijzigen als gevolg van de uitvoering van het programma. Maar dit is slechts een kenmerk, geen regel. Met behulp van het defer-attribuut (dat geen waarden accepteert) kunt u de browser ‘vertellen’ dat dergelijke wijzigingen niet zullen worden aangebracht. In sommige gevallen zorgt dit ervoor dat de pagina sneller laadt.

Van de standaardattributen kunt u het charset attribuut gebruiken.

SCRIPT-tag ( of een aantal van dergelijke elementen) kan zich in het HEAD-element of in het BODY-element bevinden. Als het script zich binnen het BODY-element bevindt, is het ook mogelijk dat een browser die het SCRIPT-element niet ondersteunt, de programmacode als platte tekst beschouwt en op het scherm weergeeft. Om dit te voorkomen, wordt de scriptcode als commentaar ingevoerd:

-
-
-

Alle moderne browsers Herken deze techniek en negeer commentaartekens. Als u een opmerking in de tekst van het script moet invoeren, wordt hiervoor een andere notatie gebruikt: aan het begin van de regel worden twee schuine strepen // ingevoerd.
Programmacode Het script wordt uitgevoerd wanneer de pagina wordt geladen, d.w.z. wanneer de inhoud nog steeds zichtbaar is op het scherm. Hieronder ziet u een voorbeeld van het eenvoudigste scenario ( een bericht in het venster weergeven).

-
-
-
- Gewoon een script
-
- alert("Je hebt je eerste script geschreven!")
-
-
-
-

Dit eenvoudige pagina, maar het bevat een script van één regel. Door te gebruiken waarschuwingsmethode Er wordt een bericht weergegeven vóór het laden. En het blijft hangen totdat de gebruiker op de knop OK klikt, het downloaden gaat niet verder.
Het is mogelijk dat de pagina wordt bekeken in een browser die geen scripting ondersteunt; hiervoor is het NOSCRIPT-element voorzien. Moderne kijkprogramma's negeren de inhoud ervan. Dit element kan op verschillende manieren worden gebruikt. Om te beginnen kunt u er als volgt een advertentie in weergeven: “ Uw browser kan het script dat nodig is om deze webpagina te bekijken niet uitvoeren!"Ten tweede kun je binnen het element een vereenvoudigde versie van de pagina ontwikkelen, zonder scripts. Ten derde kunt u een link naar een ander HTML-document maken. Het NOSCRIPT-element moet een eindtag hebben.

We hebben dus gekeken naar de basis van zo’n WEB-programmeertaal als HTML. Zelfs na het lezen van dit korte artikel heb je al een idee en zelfs de mogelijkheid om in deze taal te programmeren. Ik wens je veel succes!

Wij hebben vrijgelaten nieuw boek"Contentmarketing in sociale netwerken: Hoe je in de hoofden van je abonnees kunt kruipen en ze verliefd kunt maken op je merk.”

Abonneren

HTML is een hypertext-opmaaktaal.

De taal wordt gebruikt om webpagina's te organiseren. Laten we een analogie maken. Je koopt een krant. Daarin zijn diverse artikelen gepubliceerd. Elk artikel heeft een titel en bevat foto's. En de tekst wordt in verschillende kolommen getypt. Dit is de structuur van een krantenpagina.

Op de website gebeurt alles op dezelfde manier. Te doen juiste structuur artikelen - inhoud - u moet tekstopmaaktaal gebruiken.

Waar is HTML voor?

HTML wordt gebruikt om de browser te vertellen hoe een pagina op het scherm moet worden weergegeven.

De taal is alomtegenwoordig. Dit universele remedie om inhoud op de pagina te ontwerpen. Het kan in elke browser worden gebruikt. Als u code in een programmeertaal schrijft, moet u enkele functies, operators, gegevenstypen, enzovoort kennen.

HTML bestaat uit een reeks tags (opdrachten) en attributen (eigenschappen). Ze zijn gemakkelijk te onthouden en referentiemateriaal is altijd beschikbaar.

Wat is HTML-code

Code bestaat uit instructies aan de browser hoe de pagina moet worden weergegeven. Er is een structuur die altijd gevolgd moet worden. Als er bijvoorbeeld slechts één H1-koptekst op een pagina staat, wordt de belangrijkste informatie in secties geplaatst, enz.

Er zijn drie instrumenten in de taal.

• Een tag is een commando. Het verwijst direct naar actie. Bijvoorbeeld,
  • 
    - verplaats de tekst naar een nieuwe regel.

  • Begin een nieuwe paragraaf.

  • - plaats de tekst aan het begin van de pagina.
• Tagattributen zijn een aanvulling op opdrachten. Hiermee kunt u de actie die in de tag is opgenomen, aanpassen. Bijvoorbeeld,
  • - tag hier geeft aan dat er een link in de tekst is ingevoegd, en het href attribuut geeft het adres van de link aan.
• Attribuutwaarde - legt precies uit hoe de eigenschap moet worden gewijzigd.
  • - Terugkerend naar dit voorbeeld: 'site' is de waarde van het attribuut.

Er zijn twee soorten tags: gekoppeld en enkelvoudig.

• - gekoppelde tag, openen en sluiten. Ze handelen op basis van de tussen hen geplaatste tekst.

• Een enkele tag, deze heeft invloed op de tekst die erna komt, vóór de volgende tag.

Structuur van de HTML-code op de pagina

We zeiden dat de structuur van elk HTML-document altijd hetzelfde is. Hieronder sommen we de benodigde elementen op.

! - geeft aan dat het document HTML gebruikt.

... - alle paginacode wordt in deze tag geplaatst. Alles wat er niet in wordt geplaatst, wordt niet door de browser herkend en niet weergegeven.

... is een gepaarde tag die technische informatie bevat, bijvoorbeeld over de codering van het document.

... is de titel van de pagina, deze wordt in de hoofdsectie geplaatst. Elke pagina moet een eigen unieke naam hebben.

... is bedrijfseigen informatie. Het verbindt individuele stijlen met de pagina - css, enz. Het wordt niet aan de gebruiker getoond.

... - paginatekst. Alle basisinformatie is opgenomen in deze tag.

...- hyperlinks.

- afbeeldingen.

... - vetgedrukte tekst.

...- cursief.

Er kan een onbeperkt aantal elementen in het lichaam aanwezig zijn.

Zo ziet een deel van de paginacode voor een van onze blogposts er bijvoorbeeld zo uit.

Hoe vaker u tags gebruikt, hoe sneller ze worden onthouden. U kunt altijd een directory vinden met alle tags, attributen en hun betekenis.

Meest moderne internet technologie is gebaseerd op de lang gebruikte, meest besproken taal HTML. Het is ontworpen om opmaak en ontwerp uit te voeren van documenten die op webpagina's zijn geplaatst. De taal begon zijn eerste kenmerken te verwerven in 1986. De aanleiding was acceptatie Internationale organisatie volgens standaardisatie (ISO) ISO-8879 standaard - Standard Generalized Markup Language of, in een verkorte versie - SGML. Er zat een beschrijving bij waarin stond dat SGML bedoeld was voor structurele opmaak van tekst. Het is opmerkelijk dat er geen beschrijving was van het uiterlijk van het document.

Op basis hiervan kunnen we concluderen dat SGML geen systeem voor het opmaken van tekst was en geen lijst kende structurele elementen talen die gebruikt worden bepaalde voorwaarden. De taal impliceerde een beschrijving van de syntaxis voor het schrijven van de belangrijkste opmaakelementen. Na enige tijd ontvingen ze vandaag een bekende naam: "tags".

Er was een duidelijke behoefte aan het creëren van een taal die:

• Beschreven welk element in welke gevallen redelijkerwijs kan worden gebruikt
• Bevat een lijst met elementen waarmee u een document kunt maken dat door verschillende programma's kan worden gelezen

Ondanks het feit dat SGML, net als zijn soortgelijke toepassingen, niet veel ontwikkeling heeft doorgemaakt, werd het niet helemaal vergeten. In 1991 kondigde het European Institute of Particle Physics de noodzaak aan om een ​​mechanisme te ontwikkelen dat de overdracht van hypertekstinformatie via het Global Network mogelijk zou maken. Het was SGML dat de basis vormde van de toekomstige taal: Hyper Tekstopmaak Taal (HTML).

Stadia van vorming.

Ongeveer veertig tags bevatten HTML-versie 1.2. Er was ook geen beschrijving van de fysieke presentatie van de documenten. Net als zijn voorloper, SGML, was het vooral gericht op de logische en structurele opmaak van tekst. Een aantal tags gaven echter wel een indicatie van hoe de pagina fysiek zou worden gepresenteerd.

Het W3C-consortium begon met de ontwikkeling van HTML-versie 2.0. Het eerste resultaat werd behaald na een jaar intensief werken - in 1995. De mogelijkheden van versie 3.0 werden vrijwel gelijktijdig besproken. Als de tweede versie niet significant anders kan worden genoemd dan de eerste, dan was de derde een absolute doorbraak.

HTML 3.0 bevatte interessante nieuwe functies:

• Wiskundige formules opmaken
• Tags voor het maken van pagina's
• Invoegen van tekeningen omgeven door tekst
• Notities, enz.

Dit was echter niet genoeg, de behoefte aan visueel ontwerp hypertekstpagina's werd steeds relevanter. Toen begon W3C te creëren onafhankelijk systeem, zonder tegenspraak HTML-basisprincipes, maar waarmee u het visuele ontwerp van documenten kunt beschrijven. Het resultaat was de opkomst van CSS - Cascading Style Sheets, hiërarchische stijlspecificaties voorzien van een unieke syntaxis, structuur en doelstellingen.

Maar laten we niet op de zaken vooruitlopen en terugkeren naar HTML. Een aanzienlijke uitbreiding van tags vond plaats op instigatie van Netscape Communications, het bedrijf dat de eerste commerciële browser lanceerde, Netscape Navigator. Innovaties streefden slechts één doel na: verbeteren verschijning document, maar tegelijkertijd waren ze volledig in tegenspraak met de oorspronkelijke principes van de taal.

HTML-versie 3.2 is gemaakt in zo snel mogelijk. Hij was gefocust op Microsoft-internet Ontdekkingsreiziger. Tot voor kort was deze versie van HTML de enige taalstandaard voor . De richting ontwikkelt zich echter zeer actief, met met behulp van HTML slaagde erin enige orde te scheppen in de opmaakelementen van alle browsers, maar de taalmogelijkheden werden onvoldoende.

In 2004 accepteerden ze nieuwe versie HTML-4.01. Het biedt uitstekende cross-browser- en platformonafhankelijke prestaties.

Waarom wordt CSS tegenwoordig steeds vaker gebruikt? Omdat HTML, ondanks de mogelijkheden die aanzienlijk zijn uitgebreid sinds de oprichting ervan, de logische opmaaktaal van hypertekst blijft, d.w.z. niet gerelateerd aan de uitvoering van het document. Moderne normen Het internet impliceert het creëren van heldere en gedenkwaardige pagina's, dus webmasters gebruiken steeds vaker CSS. Is het mogelijk om er een einde aan te maken HTML-geschiedenis? Het antwoord op deze vraag zal hoogstwaarschijnlijk positief zijn, maar de taal zal niet volledig verdwijnen, omdat het ligt ten grondslag aan vele andere systemen.

Met de komst computernetwerken en nog meer" wereldwijde web", er was behoefte aan informatieoverdracht verschillende platforms. Het is immers noodzakelijk dat alle elementen van een document op alle computers identiek worden weergegeven, ongeacht het gebruikte systeem. Hiervoor wordt een speciale taal gebruikt: HTML. Deze paginabeschrijvingstaal werd voor het eerst gebruikt voor weergave wetenschappelijke informatie bij het European Nuclear Research Centre (Genève), en werd gebruikt om informatie voor alle computers weer te geven lokaal netwerk. Tegenwoordig vormt HTML een integraal onderdeel van de meeste programma's, en vooral voor het weergeven van internetpagina's. Vrijwel elke gebruiker mondiaal netwerk het bezoeken van een website maakt gebruik van HTML. Alle informatie die de gebruiker in het browservenster kan zien, wordt beschreven via HTML, en de browsers zelf ook gespecialiseerde programma's voor het werken met HTML-taal.

Wat is HTML?

HTML kan niet volledig een programmeertaal worden genoemd, hoewel u dat met veel functies wel kunt doen eenvoudige toepassingen direct in de code. Om de eigenschappen van elementen te beschrijven, worden descriptors (tags) gebruikt, met behulp waarvan de grootte, positie en speciale eigenschappen van elementen worden gespecificeerd, evenals links naar andere elementen van de tekst zelf of andere documenten. Het hele codecomplex wordt hypertext genoemd, en afkorting HTML staat voor HyperText-opmaaktaal, wat vertaald naar 'groot en machtig' betekent 'hypertext-opmaaktaal'.

Speciale ontwikkeling HTML ontvangen samen met de ontwikkeling van WWW (World Breed web), aangezien het is ontwikkeld als universele taal voor alle apparaten, ongeacht de hardware die ze hebben. Het taalgebruik maakt het mogelijk om informatie structureel weer te geven en vereenvoudigt de perceptie ervan. Vergeleken met drukwerk komt dit overeen met de kolommen en pagina's van een krant. Koppen, positie van afbeeldingen, tabellen - dit alles is nodig voor structurele presentatie, omdat een doorlopende reeks tekst erg moeilijk te lezen is.

Eerst HTML-versies waren verstrooid en kenden geen zekere eenheid. Als gevolg hiervan was het noodzakelijk om een ​​​​bepaald niveau te ontwikkelen enkele standaard. Dit gebeurde in 1995 en de standaard werd in de vorm uitgegeven officiële versie HTML 2.0. Na 2 jaar (in 1997) zijn er enkele functies aan toegevoegd. Nieuw formaat heette HTML 3.0 en werd voorgesteld door het W3C ( World Wide Web-consortium). In theorie bevatte het alle functies van 2.0, maar in die tijd waren de browsermogelijkheden zeer beperkt, waardoor volledige compatibiliteit niet werd bereikt. Eind 1997, na het testen van versie 3.2 van de taal, werd deze aangenomen nieuwe standaard 4,0. Het elimineerde oude descriptoren en introduceerde nieuwe, met name het gebruik van Cascading Style Sheets (CSS).

Basisdocumentstructuur

Meest moderne programma's hulpmiddelen voor pagina-indeling, zoals Dreamweaver en Microsoft SharePoint Ontwerper, automatisch creëren basisstructuur documenten, maar om het zelf correct te lezen en te maken, moet u kennis maken met eenvoudige regels.

Documentopmaak wordt uitgevoerd met behulp van tags, meestal in paren (openen en sluiten). Tags staan ​​tussen punthaken en worden niet aan de gebruiker getoond, maar houden zich strikt aan de pagina-opmaak.

Een HTML-document begint en eindigt met documentformaattags.

Hier is de paginacode

De documenttag kan worden voorafgegaan door de standaard waarmee de inhoud wordt weergegeven (DOCTYPE-tag).

In een document is er een titel, die door de browser wordt gelezen maar niet in het venster wordt weergegeven, en de hoofdtekst van de pagina, die de gebruiker daadwerkelijk ziet.

De koptekst wordt gedefinieerd door de tags en en bevat gegevens die bedoeld zijn om het document op te maken. De header bevat ook geladen scripts die nodig zijn om de gegevens weer te geven. In tags< title>en de paginatitel wordt geschreven, die wordt weergegeven in de titel van het venster of tabblad.

De hoofdcode van de pagina wordt weergegeven met tags en. Alles wat daartussen is geschreven, wordt op het scherm weergegeven, met uitzondering van de elementen waarvoor speciale waarden zijn opgegeven, en de tags zelf voor het opmaken van het document.

Structuur HTML-document kan als volgt worden weergegeven.

< title>Paginatitel (weerspiegeld in het venster!)

Documenttitel. Verschijnt niet op het scherm

Hoofdgedeelte van het document. Weergegeven op het scherm