Taskforce internettechniek) publiceerde een conceptvoorstel voor een HTML-standaard

HTML-documentstructuur

Een HTML 4-document bestaat uit drie delen:

• een tekenreeks met informatie over de HTML-versie,
• headersectie declareren (begrensd door het HEAD-element),
• de hoofdtekst die het document zelf bevat.

Het lichaam kan worden opgenomen in BODY- of FRAMESET-elementen. Witruimtetekens(spaties, nieuwe regels, tabbladtekens en opmerkingen) kunnen voor of na deze sectie verschijnen.

Hallo wereld!

Het document begint met een element type document of doctype. Het beschrijft welk type HTML zal worden gebruikt, zodat de clienttoepassing van de gebruiker kan bepalen hoe het document moet worden geïnterpreteerd en kan beslissen of het de regels volgt die het beweert te volgen.

Hierna ziet u de openingstag van het html-element. Dit is een omhulsel rond het hele document. De afsluitende html-tag is het laatste object in elk HTML-document.

Binnen het html-element bevindt zich een head-element. Het bevat informatie over het document (metagegevens). Binnenin head bevindt zich een titelelement dat de titel "Eenvoudige pagina" in de menubalk definieert.

Na het head-element komt het body-element. Dit is de wrapper die de daadwerkelijke inhoud van de pagina bevat - in dit geval alleen het header-element van het eerste niveau (h1), dat de tekst "Hallo wereld!" bevat. .

Elementen bevatten vaak andere elementen. De hoofdtekst van het document zal altijd veel geneste elementen bevatten.

Paginasecties bepalen de algehele structuur van het document en kunnen subsecties bevatten. Ze kunnen ook kopjes, paragrafen, lijsten, enz. bevatten. Alinea's kunnen elementen bevatten die koppelingen naar andere elementen, citaten, hoogtepunten, enz. creëren.

Syntaxis van HTML-elementen

Een basiselement in HTML bestaat uit twee tags die een tekstblok omringen. Er zijn elementen die geen tekst omsluiten, en in bijna alle gevallen kunnen elementen subelementen bevatten (net zoals html in het bovenstaande voorbeeld head en body bevat).

Artikelen kunnen ook hebben attributen, wat het gedrag van het element kan wijzigen en extra waarde kan introduceren.

In dit voorbeeld is aan het div-element (de sectie van de pagina, de manier waarop documenten in logische blokken zijn opgedeeld) een id-attribuut toegevoegd dat is ingesteld op masttop. Het div-element bevat een h1-element (de eerste of belangrijkste niveaukop), dat op zijn beurt wat tekst bevat. Een deel van deze tekst is verpakt in een element afkorting(die wordt gebruikt om de afkortingsextensie te definiëren) die een titelattribuut heeft waarvan de waarde is ingesteld op Hypertext-opmaaktaal.

Veel attributen in HTML zijn gemeenschappelijk voor alle elementen, maar sommige zijn specifiek voor een bepaald element of bepaalde elementen. Ze hebben allemaal de vorm:

trefwoord = "waarde"

De waarde moet tussen enkele of dubbele aanhalingstekens worden geplaatst (in sommige situaties kunnen de aanhalingstekens ontbreken, maar dit is niet erg goed in termen van voorspelbaarheid en begrip).

Attributen en hun mogelijke waarden worden voornamelijk gedefinieerd door de HTML-specificaties (http://www.w3.org/TR/html401/index/attributes.html), dus u kunt niet uw eigen attributen maken. De enige echte uitzonderingen zijn de id- en class-attributen, waarvan de volledige waarden bedoeld zijn om uw eigen betekenis en semantiek aan documenten toe te voegen.

Een element binnen een ander element wordt aangeroepen "afstammeling" dit element. In het bovenstaande voorbeeld afkorting is een kind van h1, dat op zijn beurt een kind is van div. Omgekeerd is div de "voorouder" van het h1-element.

Elementen op blokniveau en inline-elementen

Er zijn twee hoofdcategorieën elementen in HTML, die overeenkomen met de soorten inhoud en de structuur die deze elementen vertegenwoordigen: blokniveau-elementen en inline-elementen.

Blok niveau betekent een element op een hoger niveau, dat gewoonlijk informatie geeft over de structuur van het document. Elementen op blokniveau kunnen worden gezien als elementen die op een nieuwe regel beginnen en zich losmaken van wat eraan voorafging. Gewoon blok elementen Zijn paragrafen, opsommingstekens, kopjes en tabellen.

String-elementen zijn opgenomen in structurele elementen op blokniveau en bestrijken slechts delen van de documenttekst, niet hele gebieden. Een inline-element resulteert niet in het verschijnen van een nieuwe regel in het document, omdat het zijn elementen die in een alinea tekst voorkomen. Gewoon string elementen Zijn hypertextlinks, gemarkeerde woorden of zinsdelen en korte citaten.

Rubriek

De kop van een HTML-document is een optioneel opmaakelement. Aanvankelijk werd het bestaan ​​​​van de titel bepaald door de behoefte naamgeving browservenster. Dit werd bereikt door opmaakelement TITEL:

... ...

Een andere functie van de HTML-documentkop is het controleren van HTTP-verkeer via opmaakelement META. Met de huidige praktijk van het hosten van bedrijfswebsites op servers van providers, zijn beheerders van deze sites mogelijk niet in staat het serverprogramma te beheren. In dit geval is er nog maar één optie over om de uitwisseling te controleren: via de header van het HTML-document.

De header van een HTML-document is ook bedoeld om de zoekafbeelding van het document te beschrijven, wat nodig is voor het indexeren van het document door robots van zoekmachines. Met het META-element kunt u lijsten met trefwoorden en documentbeschrijvingen opslaan die worden gebruikt om een ​​zoekmachine-index samen te stellen en die als beschrijving van het document verschijnen als er bij een trefwoordzoekopdracht een link naar wordt geretourneerd.

Basisheadertags zijn HTML-opmaakelementen die het vaakst voorkomen in de kop van een HTML-document, d.w.z. binnen opmaakelement HOOFD:

• TITEL (documenttitel);
• BASIS (URL-basis);
• ISINDEX (zoekpatroon);
• META (meta-informatie);
• LINK (algemene links);
• STYLE (stijlbeschrijvingen);
• SCRIPT (scripts).

De meest gebruikte elementen zijn TITLE, SCRIPT, STYLE. Het gebruik van het META-element geeft aan dat de auteur op de hoogte is van de regels voor het indexeren van documenten in zoekmachines en de mogelijkheid om HTTP-gegevensuitwisseling te beheren. BASE en ISINDEX worden de laatste tijd nauwelijks gebruikt. LINK wordt alleen opgegeven als stijlbladdescriptors buiten het document worden gebruikt.

Opmaakelement HEAD bevat de kop van het HTML-document. Gegeven opmaakelement is optioneel. Als er een starttag is opmaakelement Het is raadzaam om ook een eindtag te gebruiken opmaakelement. Standaard wordt het HEAD-element gesloten als de starttag van de BODY-container of de FRAMESET-containerstarttag wordt aangetroffen.

De headercontainer wordt gebruikt om informatie te bevatten die betrekking heeft op het document als geheel.

Opmaakelement TITLE wordt gebruikt om een ​​document een naam te geven op het World Wide Web. Houd er bij het selecteren van tekst voor de inhoud van de TITLE-container rekening mee dat deze wordt weergegeven systeem lettertype, aangezien dit de titel van het browservenster is.

De algemene syntaxis van de TITLE-container is als volgt:

De koptekst is geen vereiste documentcontainer. Het kan worden verlaagd. De robots van veel zoekmachines gebruiken de inhoud van het TITLE-element om een ​​zoekafbeelding van het document te maken. Woorden uit TITLE zijn opgenomen in de zoekmachine-index. Om deze redenen wordt het altijd aanbevolen om het TITLE-element op websitepagina's te gebruiken.

Opmaakelement BASE wordt gebruikt om de basis-URL te bepalen voor document-hypertekstlinks die in onvolledige (gedeeltelijke) vorm zijn opgegeven. Bovendien kunt u met BASE het standaard doelvenster voor het laden van documenten definiëren wanneer u een hypertextlink voor het huidige document selecteert. BASE wordt het vaakst aangetroffen op pagina's van sites die over 'mirrors' beschikken. Sommige documenten van de hoofdserver worden om verschillende redenen niet naar de “mirror”-server overgebracht. In dit geval zal een document met een geforceerde basis-URL altijd naar de hoofdserver linken.

De containerstarttag bevat één vereist HREF-attribuut en kan één optioneel TARGET-attribuut bevatten. De algemene syntaxis van een BASE-container is als volgt:

Opmaakelement ISINDEX wordt gebruikt om een ​​zoekpatroon te specificeren en is overgenomen van eerdere versies van HTML. In HTML 4.0 is deze container niet gedefinieerd.

META-opmaakelement

META bevat besturingsinformatie die de browser gebruikt om de inhoud van de hoofdtekst van het document correct weer te geven en te verwerken. Met behulp van het Content-type attribuut kunt u bijvoorbeeld de hercodering van het document aan de clientzijde opgeven.

U kunt ook andere operators opgeven met META. Schakel bijvoorbeeld het cachen van documenten uit. Om caching uit te schakelen, plaatst u gewoon een tag zoals deze in de META-header:

In de nieuwe versie van het HTTP-protocol (HTTP 1.1) wordt caching beheerd via de Cache-Control-instructie. Om hetzelfde resultaat te verkrijgen als in het geval van Pragma, in de header van het HTML-document is het voldoende om aan te geven:

U kunt het opslaan van een document na doorzending verbieden.

SGML(Engels: Standard Generalized Markup Language - standaard gegeneraliseerde opmaaktaal; uitgesproken als [s-ji-em-el]) - een metataal waarin u een opmaaktaal voor documenten kunt definiëren. SGML is de opvolger van de GML (Generalized Markup Language), ontwikkeld in 1969 bij IBM, die niet mag worden verward met de Geography Markup Language, ontwikkeld door het Open GIS Consortium.

SGML is oorspronkelijk ontwikkeld voor het delen van machineleesbare documenten in grote overheids- en ruimtevaartprojecten. Het werd veel gebruikt in de drukkerij- en uitgeverijsector, maar de complexiteit ervan maakte het moeilijk om op grote schaal te worden toegepast voor dagelijks gebruik.

Belangrijkste delen van het SGML-document:

SGML-declaratie - definieert welke tekens en scheidingstekens in de applicatie kunnen verschijnen;

Documenttypedefinitie - definieert de syntaxis van opmaakconstructies. De DTD kan aanvullende definities bevatten, zoals symbolische verwijzingen;

De semantische specificatie, die verwijst naar markup, geeft ook syntaxisbeperkingen die niet binnen een DTD kunnen worden uitgedrukt;

Inhoud van het SGML-document - er moet tenminste een rootelement zijn.

SGML biedt een verscheidenheid aan syntactische opmaakopties voor gebruik door een verscheidenheid aan toepassingen. Door de SGML-declaratie te wijzigen, kunt u zelfs afzien van het gebruik van punthaken, hoewel deze syntaxis als standaard wordt beschouwd, de zogenaamde concrete referentiesyntaxis.

Voorbeeld van een SGML-syntaxis:

typisch zoiets als dit

SGML is gestandaardiseerd door ISO: “ISO 8879:1986 Informatieverwerking-Tekst- en kantoorsystemen-Standard Generalized Markup Language (SGML)”

HTML en XML zijn afgeleid van SGML. HTML is een toepassing van SGML en XML is een subset van SGML die is ontworpen om het proces van het machinaal parseren van een document te vereenvoudigen. Andere SGML-toepassingen zijn SGML Docbook (documentatie) en "Z Format" (typografie en documentatie).

XML- Extensible Markup Language, dat wil zeggen de Extensible Markup Language, ontstond als resultaat van de ontwikkeling van de HTML-taal (HyperText Markup Language, hypertext markup-taal). Het zou echter een ernstige vergissing zijn om het alleen maar te zien als een verbeterde versie van de HTML-taal. In essentie is XML een nieuwe generatie opmaaktalen. Hier moet u drie punten in gedachten houden die XML fundamenteel onderscheiden van HTML en zijn voorgangers (GML - Generalized Markup Language, SGML - Standard General Markup Language):

XML HEEFT, in tegenstelling tot HTML, GEEN VOORGEDEFINIEERDE TAGS - om precies te zijn: elke ontwikkelaar kan ZIJN EIGEN XML-tags maken - zoveel als nodig is. Het aantal van dergelijke tags is vrijwel onbeperkt. XML is dus een metataal waarmee andere opmaaktalen kunnen worden gemaakt, zoals HTML.

Naarmate de HTML-taal evolueerde, nam het aantal tags snel toe. Uiteindelijk bereikte hun aantal een “kritieke waarde” – het werd moeilijk voor ontwikkelaars van webdocumenten om steeds meer nieuwe tags te onthouden, maar browserontwikkelaars bevonden zich in een nog slechtere positie: ze moesten nieuwe versies van browsers maken die “begrijpen” nieuwe tags. Slimmere browsers worden ook steeds groter en stellen steeds hogere eisen aan de computers waarop ze worden gebruikt. De zaak wordt nog verergerd door het feit dat draagbare apparaten de laatste tijd steeds populairder zijn geworden (ze worden vooral steeds vaker gebruikt in de e-commerce), met een beperkt geheugen en ‘zwakke’ schermen, en daarom hebben de browsers die daarop worden gebruikt slechts zeer beperkte mogelijkheden. . XML, dat geen vooraf gedefinieerd tagsysteem heeft, lost dit probleem op. De “betaling” voor veelzijdigheid is een grotere nauwkeurigheid bij het ontwerpen van webdocumenten. De regels voor het opmaken van XML-documenten zijn eenvoudig:

Niet-gesloten tagcontainers zijn niet toegestaan ​​(maar u kunt wel openings- en sluitingstags in één combineren, bijvoorbeeld:
)

"geneste" containers kunnen niet "overlappen"

Kleine letters en hoofdletters worden als verschillende tekens behandeld

Trefwoorden kunnen niet als tagnamen worden gebruikt

U kunt geen spaties, leestekens, ronde, vierkante of accolades gebruiken in tagnamen

Het onderstrepingsteken (_) en cijfers kunnen in tagnamen voorkomen, maar een getal kan niet het eerste teken van een tagnaam zijn

(Als u meerdere woorden als tagnaam moet gebruiken, moeten ze samen worden geschreven, waarbij elk woord met een hoofdletter begint.)

Documenten die aan deze regels voldoen, worden welgevormde documenten genoemd.

XML wordt gebruikt om DATASTRUCTUREN TE BESCHRIJVEN, voornamelijk HIERARCHISCHE STRUCTUREN.

Een van de belangrijkste trends in de ontwikkeling van webtechnologieën is de SCHEIDING VAN DATA, DOCUMENTSTRUCTUUR EN HAAR STIJLONTWERP. Zoals u weet, is een van de manieren om gegevens van de documentstructuur te scheiden het dynamisch koppelen van het DBMS aan webdocumenten via de ODBC-interface (Open DataBase Connectivity). Stijlscheiding wordt bereikt door het gebruik van trapsgewijze stijlbladen. Met XML kunt u niet-relationele databases beschrijven. Omdat tags door de ontwikkelaar kunnen worden gemaakt, beschrijven hun namen meestal de betekenis van de gegevens.

XML, als middel om de datastructuur te beschrijven, zorgt voor DATA-UITWISSELING tussen verschillende applicaties en fungeert daarmee als een soort “lijm”.

Het belang van deze XML-lijmfunctie kan niet genoeg worden benadrukt. Dankzij de mogelijkheid om gegevens uit te wisselen tussen verschillende applicaties ‘bereiken’ webtechnologieën een geheel nieuw niveau.

Hypertext-opmaaktaal (HTML) is een eenvoudig systeem voor het maken van hypertekstdocumenten die overdraagbaar zijn van het ene platform naar het andere. In wezen zijn HTML-documenten SGML-documenten met een gemeenschappelijke semantiek die geschikt zijn voor het weergeven van informatie in een breed scala aan toepassingen. HTML kan worden gebruikt om het volgende weer te geven:

· Hypertext nieuws, mail, documentatie en hypermedia

Optiemenu

· Resultaten van databasequery's

· Eenvoudige documenten met ingebouwde afbeeldingen

· En ook voor het hypertext bekijken van bestaande informatiematrices

Het World Wide Web (WWW)-project brengt informatie samen die over de hele wereld verspreid is. Om dit te doen, gebruikt WWW het Internet HyperText Transfer Protocol (HTTP) - het HyperText Transfer Protocol, waarmee u afspraken kunt maken over de methoden voor het presenteren van gegevens bij interactie tussen een client en een server.

Gegevens worden in de hoofdtekst van het bericht verzonden in overeenstemming met de MIME-standaard. HTML is een van de weergaven van informatie op het WWW. Er wordt aangenomen dat HTML overeenkomt met een van de MIME-typen, namelijk text/html. Bovendien is HTML ontwikkeld in overeenstemming met de internationale standaard ISO 8879 - Standard Generalized Markup Language (SGML), een systeem voor het definiëren van gestructureerde documenttypen.

HTML-document

Een HTML-document lijkt op een tekstbestand, behalve dat sommige tekens (regels) controletekens zijn. Deze symbolen worden tags genoemd en definiëren de structuur van het document.

HTML-documenten moeten beginnen met de tag , aan het begin van het bestand, en eindigt met de tag. Tussen deze tags is het HTML-document georganiseerd als een HEAD- en BODY-document, vergelijkbaar met een e-mailbericht. In het HEAD-gedeelte worden de TITLE en andere informatie over het document als geheel aangegeven. Binnen het BODY-gedeelte wordt de tekst, met behulp van HTML-tags, gestructureerd in paragrafen, lijsten, enz. met de mogelijkheid om individuele woorden en hele zinnen met een stijl te markeren en koppelingen te maken naar delen van dit en externe documenten. Technisch gezien hoeven openings- en sluitingstags voor HTML-, HEAD- en BODY-elementen niet te worden gebruikt. Dit wordt echter niet aanbevolen, omdat toepassingen dankzij de HEAD/BODY-structuur documentkenmerken (zoals de koptekst) kunnen bepalen zonder het hele document te scannen.

Structuur van HTML-elementen

In een HTML-document definiëren tags het begin en einde van koppen, alinea's, lijsten, tekenmarkering en koppelingen. De meeste HTML-elementen in een document worden gedefinieerd als een openingstag, die de naam en attributen van het element specificeert, vervolgens de hoofdtekst van het element, gevolgd door een slottag. De scheidingstekens voor de openingstag zijn "<" и ">"; voor sluiten - "". Bijvoorbeeld:

Dit is de titel

Dit is een paragraaf.

Sommige elementen verschijnen alleen als openingstag. Als u bijvoorbeeld een scheidingslijn wilt maken, gebruikt u de tag
. Bovendien kunnen de afsluitende tags voor sommige elementen (P, LI, DT, DD) worden weggelaten. De hoofdtekst van een element bestaat uit een reeks tekens en geneste elementen. Sommige elementen, zoals elementen die koppelingen definiëren, kunnen niet worden genest. In dit geval kunnen elementen die koppelingen en tekenselecties definiëren, in andere structuren worden geplaatst.

Een document weergeven

De specifieke weergave van een document kan van klant tot klant verschillen. HTML-tags bepalen alleen de algemene weergavestijl van het document. Dit betekent bijvoorbeeld dat HTML de kop van het eerste niveau behandelt als slechts een kop van het eerste niveau, maar niet specificeert dat de kop van het eerste niveau moet verschijnen in het Times-lettertype 24, gecentreerd bovenaan de pagina. Het voordeel van deze aanpak is dat als de gebruiker besluit om de kop van het eerste niveau te wijzigen in Helvetica maat 20 links uitgelijnd, hij alleen maar de definitie van de kop van het eerste niveau in zijn WWW-viewer hoeft te wijzigen. De specifieke presentatie van het document op het beeldscherm wordt dus bepaald door de gebruiker van een bepaalde klant.

De belangrijkste kracht van HTML is de mogelijkheid om tekstgebieden (en ook afbeeldingen) aan andere documenten te koppelen. Kijkers markeren deze gebieden (meestal met kleur en/of onderstreping) om aan te geven dat het hypertekstlinks zijn. Anker is een stukje tekst dat het begin en/of einde van een hypertextlink markeert. De tekst tussen de openings- en sluitingstags is het startpunt of de bestemming van een hypertextlink. De kenmerken van deze tag zijn als volgt: HREF

Optioneel. Als het HREF-attribuut aanwezig is, is Anker gevoelige tekst: het startpunt voor de link. Als de lezer deze tekst selecteert, krijgt hij een ander document te zien waarvan het netwerkadres is opgegeven in de waarde van het HREF-attribuut. Het netwerkadresformaat is vergelijkbaar met een URL. Hierdoor kan de HREF="#identifier"-structuur verwijzen naar een ander anker in het huidige document, of naar een extern document door het adres ervan op te geven vóór het "#"-teken.

Optioneel. Indien aanwezig, kan het anker worden gebruikt als linkbestemming. De waarde van het attribuut is de anker-ID. Als identificatiewaarde kan een gewone tekstreeks worden gebruikt, behalve dat binnen één document al deze ID's uniek moeten zijn.

Optioneel. Hiermee kunt u de relatie opgeven tussen het document waaruit de koppeling is gemaakt en het document waarnaar de koppeling is gemaakt.

Hypertext Markup Language (HTML) is een taal die speciaal is ontworpen voor het maken van webdocumenten. Het definieert de syntaxis en plaatsing van speciale instructies (tags) die niet op het scherm worden afgedrukt, maar die de browser vertellen hoe de inhoud van het document moet worden weergegeven. Het wordt ook gebruikt om koppelingen te maken naar andere documenten, lokaal of via een netwerk, zoals die op internet.

De HTML-standaard en andere standaarden voor het web zijn ontwikkeld onder leiding van het W3C (World Wide Web Consortium). Normen, specificaties en nieuwe conceptvoorstellen zijn te vinden op http://www.3w.org/. De HTML 4.0-specificatie is momenteel van kracht en krijgt steeds meer ondersteuning van de belangrijkste browsers.

In de praktijk wordt de HTML-standaard sterk beïnvloed door de aanwezigheid van tags die worden voorgesteld en ondersteund door de bekendste browsers, zoals Microsoft Internet Explorer en Netscape Navigator. Deze tags kunnen momenteel al dan niet deel uitmaken van de huidige HTML-specificatie.

Informatie over HTML-tags Compendium (een korte handleiding voor HTML) gemaakt door Ron Woodall. Het compendium bevat een lijst met tags en hun attributen in alfabetische volgorde, evenals bijgewerkte informatie over browserondersteuning voor elke tag.

HTML-documenten zijn gewone ASCII-tekstbestanden. Dit betekent dat u elke teksteditor kunt gebruiken om ze te maken, zelfs met minimale mogelijkheden. Er zijn bewerkingstools die speciaal zijn ontworpen voor het schrijven van HTML. Ze besparen tijd door sneltoetsen te bieden voor het uitvoeren van repetitieve taken, zoals het initialiseren van documenten, tabellen of het eenvoudigweg toepassen van stijlen op tekst. HTML-editors verschillen van WYSIWYG-auteurtools (hieronder besproken) doordat ze kennis van de regels vereisen voor het handmatig compileren van HTML;

Windows-gebruikers moeten zeker HomeSite eens bekijken, de krachtige en goedkope HTML-editor van Allaire Corporation. Het omvat HTML-syntaxisaccentuering, FTP, syntaxis- en spellingcontroles en zoeken en vervangen van meerdere bestanden. Daarnaast bevat het speciale opdrachten en sjablonen voor het maken van complexere elementen (frames, JavaScript en DHTML-scripts).

Wanneer u op Macintosh-computers werkt, let dan op BBEdit, een commerciële HTML-editor van Bare Bones Software, Inc. Hij heeft echt enig gewicht onder de Macintosh-webontwikkelaars. Het bevat handige en snelle HTML-tools, zoeken en vervangen van meerdere bestanden, ingebouwde FTP-functie, ondersteuning voor 13 programmeertalen, tabelbouwer, HTML-syntaxiscontrole en nog veel meer functies.

De afgelopen jaren werden gekenmerkt door een sterke groei van de markt voor designinstrumenten. WYSIWYG (What You See Is What You Get) HTML-editors hebben grafische interfaces waardoor het schrijven van HTML meer op een tekstbewerkings- of pagina-opmaakprogramma lijkt. Het oorspronkelijke doel van deze programma's was om gebruikers te bevrijden van HTML-tags, net zoals programma's voor paginaopmaak de ontwikkelaar beschermen tegen de PostScript-opdrachtenset. Tegenwoordig is hun belang toegenomen omdat ze de efficiëntie en het automatiseringsniveau van de documentproductie vergroten, terwijl ze tegelijkertijd toegang bieden tot de HTML-brontekst.

De meest populaire WYSIWYG-editors zijn momenteel: Macromedia DreamWeaver, Golive CyberStudio (alleen voor Macintosh-computers), Microsoft FrontPage, FileMaker Claris, Home Page, Adobe PageMill.

Een HTML-document bevat tekst (de inhoud van de pagina) en inline tags: instructies over de structuur, het uiterlijk en de functie van de inhoud. Een HTML-document is verdeeld in twee hoofddelen: het hoofd en het lichaam. De kop bevat informatie over het document, zoals de titel en methodologische informatie die de inhoud beschrijft. De body bevat de inhoud van het document zelf (wat wordt weergegeven in het browservenster).

Elke tag bestaat uit een naam, die kan worden gevolgd door een lijst met optionele attributen, allemaal tussen punthaken< >. De inhoud van de haakjes wordt nooit weergegeven in het browservenster. De tagnaam is meestal een afkorting van de functie ervan, waardoor deze gemakkelijker te onthouden is. Attributen zijn eigenschappen die de functie van een tag uitbreiden of verfijnen. Normaal gesproken zijn de naam en kenmerken binnen een tag niet hoofdlettergevoelig. Label zal hetzelfde werken als . De waarden van bepaalde attributen kunnen echter hoofdlettergevoelig zijn. Dit geldt met name voor bestandsnamen en URL's.

De meeste tags zijn containers. Dit betekent dat ze een begin- (opening of begin) en een eind- (sluitings)tag hebben. De tekst tussen de tags voert de instructies uit die erin staan.

De eindtag heeft dezelfde naam als de starttag, maar wordt voorafgegaan door een schuine streep (/). Het kan worden gezien als een "schakelaar" voor de tag. De eindtag bevat nooit attributen.

In sommige gevallen is de eindtag optioneel en bepaalt de browser het einde van de tag op basis van de context. De meest gebruikelijke manier om de eindtag weg te laten is<р>(paragraaf). Browsers ondersteunden deze tag zonder de bijbehorende aanvulling, dus veel webschrijvers zijn gewend geraakt aan het gebruik van de korte vorm. Niet alle tags staan ​​dit toe, en niet alle browsers vergeven hun afwezigheid. Voeg dus bij twijfel een afsluitende tag toe aan uw tekst. Dit is vooral belangrijk als u trapsgewijze stijlbladen in uw document gebruikt.

Sommige tags hebben geen eindtags omdat ze worden gebruikt om individuele (op zichzelf staande) elementen op de pagina te plaatsen. Eén daarvan is de afbeeldingstag , het plaatst eenvoudigweg de afbeeldingen in de paginastroom. Andere zelfstandige tags zijn regeleinden (
), horizontale lijn (

---

) en tags die informatie over het document bevatten en geen invloed hebben op de inhoud die op het scherm wordt weergegeven, zoals En .

Er worden attributen aan een tag toegevoegd om de acties ervan uit te breiden of te wijzigen. U kunt meerdere kenmerken aan één tag toevoegen. Als tagkenmerken de tagnaam volgen, worden ze gescheiden door een of meer spaties. De volgorde is niet belangrijk. De meeste attributen hebben waarden die volgen op een gelijkteken (=) na de attribuutnaam. Waarden zijn beperkt tot 1024 tekens. Waarden kunnen hoofdlettergevoelig zijn. Soms moeten waarden tussen aanhalingstekens staan ​​(dubbel of enkel). De regels voor het schrijven van waarden zijn als volgt:

• - als de waarde uit één woord of cijfer bestaat en alleen uit letters (a-z), cijfers (0-9) en speciale tekens (punt) bestaat<.>
• - als de waarde meerdere woorden bevat, gescheiden door komma's of spaties, of speciale tekens bevat anders dan een punt of koppelteken, moet deze tussen aanhalingstekens worden geplaatst. URL's vereisen bijvoorbeeld aanhalingstekens omdat ze '://'-tekens bevatten. Aanhalingstekens zijn ook vereist bij het opgeven van kleurwaarden met behulp van het "#rrggbb"-formaat.

Als u niet zeker weet of u aanhalingstekens moet gebruiken, gebruik deze dan altijd voor alle waarden.

HTML-tags kunnen andere HTML-tags bevatten, zodat meerdere tags invloed kunnen hebben op één element. Dit wordt nesten genoemd. Om dit correct te doen, moeten de begin- en eindtags van de geneste tag zich tussen de begin- en eindtags van de buitenste tag bevinden.

Een veel voorkomende fout zijn overlappende tags. Hoewel sommige browsers inhoud weergeven die op deze manier is gemarkeerd, staan ​​veel browsers niet toe dat u de regel overtreedt. Het is dus belangrijk om de tags correct te plaatsen. In het volgende voorbeeld ziet u het onjuist nesten van tags (merk op dat de tag<В>sluit voordat het sluit ):

Het weer is heerlijk vandaag de dag - deze informatie wordt door browsers genegeerd.

Informatie genegeerd door browsers. Hieronder vindt u de informatie in het HTML-document, inclusief bepaalde tags, die zal worden genegeerd wanneer deze door browsers wordt bekeken. Het omvat:

• - regeleinden. Tekens aan het einde van de regel in een HTML-document worden genegeerd. Tekst en elementen lopen door totdat de tag wordt aangetroffen in de documenttekststroom
• - tabtekens en meerdere spaties. Wanneer de browser een tabteken en meerdere opeenvolgende spaties in een HTML-document tegenkomt, wordt er slechts één spatie weergegeven. Dus als een document het volgende bevat: "ver, ver weg", zal de browser "ver, ver weg" weergeven. Extra spaties kunnen aan een tekststroom worden toegevoegd met behulp van het niet-afbrekende spatieteken (Snbsp;). Bovendien wordt alle witruimte uitgevoerd als de tekst is opgemaakt (in tags
• - meerdere
• - niet-herkende tags. Als de browser de tag niet begrijpt of verkeerd is ingesteld, negeert de browser deze eenvoudigweg. Afhankelijk van de tag en browser kan dit verschillende resultaten opleveren. Ofwel zal de browser niets uitvoeren, ofwel kan de inhoud van de tag als platte tekst worden weergegeven;
• - tekst in de reacties. Browsers geven geen tekst weer tussen speciale elementen

I. Basisinformatie overHTML.

De afgelopen jaren zijn de ontwikkelingen op internet geëvolueerd van statische pagina's naar dynamische informatiesystemen. Enige tijd geleden vereiste het maken van moderne webpagina's weinig meer dan een perfecte beheersing van Hypertext Markup Language (HTML).

HTMLis een eenvoudige tekstverwerkingstaal; in deze taal met behulp van een reeks tags (labels) wordt er een document gemaakt dat met een speciale viewer kan worden bekekenWeb (browser).

HTML is geen programmeertaal in dezelfde zin als C++ of Visual Basic; het lijkt meer op een documentformatter die escape-reeksen gebruikt. HTML-codering wordt vaak vergeleken met het maken van een Microsoft Word-document door opmaakcodes rechtstreeks in Kladblok te typen. Uiteraard heeft dit zeer weinig functionaliteit.

Onder hypertekstdocument een document begrijpen dat koppelingen naar een ander document bevat. Dit alles werd geïmplementeerd via Hypertext-overdrachtsprotocol HTTP(HyperText Transfer Protocol).

Informatie in webdocumenten kan worden gevonden met behulp van trefwoorden. Dit betekent dat elke webbrowser specifieke koppelingen bevat die hyperlinks creëren waarmee miljoenen internetgebruikers over de hele wereld naar informatie kunnen zoeken.

Hypertekstdocumenten worden gemaakt op basis van HTML (HyperText Markup Language). Deze taal is heel eenvoudig; de besturingscodes, die feitelijk door de browser worden samengesteld voor weergave op het scherm, bestaan ​​uit ASCII-tekst. Links, lijsten, kopjes, afbeeldingen en formulieren worden opgeroepen elementen van de HTML-taal.

Momenteel zijn er veel webpagina-editors waarvoor u niet de basisprincipes van HTML hoeft te kennen. Maar om hypertekstdocumenten professioneel te kunnen voorbereiden, moet u hun interne structuur kennen, dat wil zeggen de HTML-documentcode.

Met HTML kunt u verschillende hypertekstinformatie genereren op basis van gestructureerde documenten.

De browser identificeert de gegenereerde links en maakt uw document via het HyperText Transfer Protocol (HTTP) beschikbaar voor andere internetgebruikers. Om dit allemaal succesvol te kunnen implementeren heb je uiteraard software nodig die volledig compatibel is met het WWW en HTML ondersteunt.

II. HTML-beschrijving

HTML-document - dit is een normaal tekstbestand. Met elke webbrowser kunt u het resultaat van uw werk bekijken door er eenvoudigweg een tekstbestand in te laden dat met HTML-syntaxis is gemaakt.

Hypertext-taal biedt alleen-lezen informatie. Dit betekent dat alleen de persoon die ze heeft gemaakt, en niet een gewone internetgebruiker, webpagina's kan bewerken.

Meest belangrijkste element van hyperteksttaal- Dit koppelingen. Op het World Wide Web klikt u eenvoudigweg op een link en bevindt u zich meteen op een ander punt op de wereldbol op de pagina van uw keuze.

Labels.

Label- geformatteerde eenheid HTML-code.

Label HTML bestaat uit de volgende elementen in een bepaalde volgorde:

• linker hoekbeugel< (такого же, как "меньше чем" символа)
• een optionele schuine streep /, wat betekent dat de tag is een eindtag die een bepaalde structuur afsluit. Dus in deze context kun je het /-symbool lezen als einde...
• tagnaam, zoals TITLE of PRE
• optioneel, zelfs als de tag ze kan hebben, attributen. Een tag kan zonder attributen zijn of vergezeld gaan van een of meer attributen, bijvoorbeeld: ALIGN=CENTER
• haakse haak > (hetzelfde als het groter dan-symbool).

De meeste tags hebben openingselement<> En sluiten. Tussen hen zijn codes die de webbrowser herkent

In dergelijke gevallen vormen twee tags en het daardoor gescheiden deel van het document een blok genaamd HTML-element. Sommige tags, b.v.

---

, zijn op zichzelf HTML-elementen, en voor hen is de bijbehorende eindtag onjuist.

Voor elke tag is een set mogelijk attributen. De meeste tags staan ​​een of meer attributen toe, maar het kan zijn dat er helemaal geen attributen zijn. Kenmerkspecificatie bestaat uit het volgende:

• attribuutnaam, zoals WIDTH
• gelijkteken (=)
• attribuutwaarde, die wordt gespecificeerd door een tekenreeks, bijvoorbeeld "80".

Altijd handig plaats de attribuutwaarde tussen aanhalingstekens, waarbij u enkele aanhalingstekens ("80") of dubbele aanhalingstekens ("80") gebruikt. Een tekenreeks tussen aanhalingstekens mag geen aanhalingstekens in zichzelf bevatten. Dus als een datum tussen dubbele aanhalingstekens staat, gebruik dan enkele aanhalingstekens om de datum daarna tussen aanhalingstekens te plaatsen, en omgekeerd. U kunt de aanhalingstekens ook weglaten voor attribuutwaarden die alleen uit de volgende tekens bestaan:

• Engelse alfabettekens (A - Z, a - z)
• cijfers (0 - 9)
• tijdsperioden
• koppeltekens (-)

Hypertext-opmaaktaal (HTML) wordt meestal gebruikt om elektronische trainingsprogramma's te maken.

Deze keuze is te danken aan het feit dat, samen met het gemak waarmee dit type document kan worden gemaakt, de hypertext-opmaaktaal enorme mogelijkheden heeft, zoals het uitvoeren van opgemaakte tekst, het gebruik van grafische objecten van bijna alle bekende formaten, het gebruik van een achtergrondafbeelding, het invoegen van objecten zoals achtergrondgeluid, video en enz.

Bovendien maakt HTML het eenvoudig om koppelingen naar andere objecten of tekstfragmenten in het document zelf te ordenen.

Het grote voordeel van HTML is dat de meeste moderne tools (zoals tekst- en grafische editors, visuele programmeertalen, Internet Explorer...) het werken en opslaan van documenten in HTML-formaat ondersteunen.

Daarom wordt HTML vaak gebruikt om dergelijke softwareproducten te maken. Het maken van verschillende soorten demo's, testprocedures en enquêtes wordt naar mijn mening echter nog steeds eenvoudiger gemaakt met behulp van visuele programmeertalen.

Daarom onderzoekt dit proefschrift de integratie van verschillende tools voor het creëren van trainingen, testprogramma's en elektronische leerboeken.

Het gebruik van HTML-documenten vergemakkelijkt het schrijven van het theoretische deel van het programma echter aanzienlijk en maakt het levendiger. Laten we eens kijken naar enkele problemen die verband houden met het maken van HTML-documenten. U kunt op internet werken zonder de HTML-taal te kennen, aangezien HTML-teksten kunnen worden gemaakt door verschillende speciale editors en converters.

Het is echter beter om rechtstreeks in HTML te schrijven, of op zijn minst de HTML-code af en toe te controleren en aan te passen. Rechtstreeks in HTML schrijven is niet moeilijk. Het kan zelfs gemakkelijker zijn dan het leren van een HTML-editor of -converter, die vaak beperkt zijn in hun mogelijkheden, fouten bevatten of slechte HTML produceren die niet op verschillende platforms werkt.

De eerste versie van HTML werd begin jaren negentig ontwikkeld door Tim Beners-Lee voor de voorheen populaire Mozaïek-browser. Maar in die tijd hadden noch de browser, noch de taal zelf een waardig gebruik gevonden. HTML+ verscheen in 1993 en ook deze versie bleef vrijwel onopgemerkt. Het wijdverbreide gebruik van hypertekst begon met versie 2.0, die in juni 1994 verscheen.

Dit was het moment waarop WWW over de hele wereld in populariteit begon te groeien. De elementen in versie 2 zijn voor het grootste deel nog steeds in gebruik.

Versie 3.0 van HTML, die een jaar later verscheen, introduceerde de mogelijkheid om wiskundige symbolen (integrale tekens, oneindigheidstekens, breuken, haakjes, enz.) te tekenen met behulp van taalelementen. Voor deze versie zijn ook browsers (Arena) ontwikkeld. Maar dit project bleek een doodlopende weg en kreeg geen verdere distributie.

In 1996 verscheen HTML-versie 3.2. Dit was een innovatieve oplossing; het volstaat te vermelden dat er frames in de taalspecificatie zijn geïntroduceerd, die nu erg populair zijn geworden onder ontwikkelaars van webpagina's.

Zelfs nu kunnen op basis van deze specificatie zeer goede ontwerpoplossingen worden geïmplementeerd. Bijna alle moderne browsers ondersteunen versie 3.2 volledig, dus de auteurs twijfelen niet aan de functionaliteit van de gedeclareerde elementen.

Naast de officiële taalspecificaties, die zijn ontwikkeld door de W3C-organisatie (W3 Consortium), creëerden browserfabrikanten hun eigen elementen (extensies).

Vervolgens werden sommige van deze elementen, nadat ze algemene acceptatie hadden gekregen, opgenomen in de specificatie van de volgende versie van de taal. Het is bijvoorbeeld interessant dat een innovatieve oplossing – frames – waar veel ontwikkelaars dol op waren, niet was opgenomen in de 3.2-specificatie.

Maar browsers ondersteunden frames, en veel boeken over HTML bevatten beschrijvingen van frames zonder te vermelden dat het niet-standaardelementen waren. En dat klopte, want frames werden de de facto standaard. Ze waren niet voor niets al opgenomen in taalversie 4.

Omgekeerd speelden de APPLET- en SCRIPT-elementen die nodig waren om HTML uit te breiden met andere code niet de rol waarvoor ze bedoeld waren in versie 3.2.

Dit werd verklaard door het feit dat browsers van verschillende versies programma's in Java, JavaScript en Visual Basic VBScript anders interpreteerden. Als gevolg hiervan was het niet mogelijk om code te verkrijgen die betrouwbaar genoeg werkte, en deze talen werden door HTML-enthousiastelingen voornamelijk voor experimenten gebruikt.

De officiële HTML 4-specificatie (Dynamic HTML) verscheen in 1997. Op dat moment was het al duidelijk dat de verdere ontwikkeling van hypertekst zou plaatsvinden via scriptprogrammering. Dit bleek veel effectiever dan het introduceren van nieuwe elementen in de taal.

De browsers die toen verschenen (Netscape Navigator 4, Microsoft Internet Explorer 4, etc.) interpreteerden de programmacode al behoorlijk betrouwbaar (er werd een bepaald niveau van standaardisatie bereikt). De ontwikkelaars hebben echter nog steeds problemen. Als voorbeeld kan worden opgemerkt dat veel scripts beginnen met het bepalen van de browserversie om vervolgens een of ander stukje code te gebruiken.

Het is duidelijk dat de programmeur verantwoordelijk is voor het testen van pagina's in alle momenteel populaire browsers. Bovendien blijft het probleem van het gebruik van oude of niet erg populaire programma's relevant. Microsoft en Netscape worden terecht beschouwd als de leiders op het gebied van browserontwikkeling, maar er zijn ook andere bedrijven.

Als gevolg hiervan is het gebruik van alle mogelijkheden van Dynamic HTML de verantwoordelijkheid geworden van programmeurs in vrij grote organisaties, waar er voorwaarden zijn voor het ontwikkelen van complexe programma's en het uitgebreid testen ervan. Makers van persoonlijke webpagina's moeten soms een compromis sluiten tussen betrouwbaarheid en innovatie om voldoende competente HTML-code te verkrijgen.

Anatomie van een webpagina

Hieronder ziet u een voorbeeld van een typisch webdocument. In dit voorbeeld bekijken we de structuur van HTML-pagina's.

Voorbeeld (sjabloon) van een webpagina

<Т1Т1Е>Structuur van webpagina's

Als je naar de bronteksten van verschillende webpagina's kijkt, kun je gemakkelijk de gelijkenis van hun structuren zien. Dit wordt verklaard door het feit dat documenten volgens bepaalde regels worden gemaakt.

De syntaxis van de HTML-taal is gebaseerd op de ISO 8879:1986-standaard "Informatieverwerking. Tekst- en kantoorsystemen. Standard Generalized Markup Language (SGML)". Het is waar dat er een groot verschil is tussen de officiële standaard en de daadwerkelijke standaard. HTML evolueert voortdurend, aangevuld met nieuwe elementen, en moet niet worden bestudeerd vanuit officiële primaire bronnen, maar in de praktijk, waarbij gebruik wordt gemaakt van de nieuwste ontwikkelingen van toonaangevende bedrijven en specialisten.

Om de structuur van een webpagina te begrijpen, moet u rekening houden met het gewicht van de elementen in de bovenstaande lijst. Bij het overwegen van taalelementen zullen we beide tags gebruiken: begin en einde.

Bijvoorbeeld: . Dit kan worden benadrukt dat de ontwikkelaar in de meeste gevallen twee tags voor elk element moet gebruiken. Het aantal gevallen waarin alleen een starttag is toegestaan ​​(sommige elementen hebben helemaal geen eindtag) is klein en wordt specifiek gespecificeerd. Voor tagnamen kunt u zowel hoofdletters als kleine letters van het Latijnse alfabet gebruiken.

Sommige gebruikers schrijven begintags in hoofdletters en eindtags in kleine letters. Dit helpt u de brontekst van een webpagina te begrijpen.

HTML-syntaxis.

HTML-documentnotatie. Hierboven werd vermeld dat een van de principes van de taal het nesten van elementen op meerdere niveaus is. Dit element is het buitenste element, omdat de hele webpagina zich tussen de begin- en eindtags moet bevinden.

In principe kan dit element als een formaliteit worden beschouwd. Het heeft de attributen versie, lang en dir, die in dit geval zelden worden gebruikt, en maakt het nesten van HEAD, BODY, FRAMESET en andere elementen mogelijk die de algehele structuur van de webpagina bepalen. Uiteraard de eindtag al dergelijke documenten raken op.

Het titelgebied van een webpagina. Met andere woorden, het eerste deel. Net als het vorige element dient HEAD alleen om de algemene structuur van het document te vormen. Dit element kan de attributen lang en d i r hebben, moet een TITLE-element bevatten en maakt het nesten van BASE-, META-, LINK-, OBJECT-, SCRIPT- en STYLE-elementen mogelijk.

Een element voor het plaatsen van de titel van een webpagina. De tekstregel in dit element wordt niet weergegeven in het document, maar in de titelbalk van het browservenster. Deze string wordt vaak gebruikt bij het organiseren van zoekopdrachten op het WWW. Daarom moeten auteurs die webpagina's maken om op internet te plaatsen ervoor zorgen dat deze regel, zonder te lang te zijn, nauwkeurig het doel van het document weergeeft.

Beschrijving van de stijl van sommige elementen van de webpagina. Het bestand Strukt.htm wijst lettertypen toe aan de H2- en CODE-elementen.

Uiteraard is er voor ieder element een standaardstijl, dus het gebruik van het STYLE-element is niet noodzakelijk, maar wel wenselijk.

Het is interessant hoe de HTML-syntaxis de geschiedenis van computergebruik weerspiegelt. Het oude, inmiddels ter ziele gegane BLINK-element herinnert ons bijvoorbeeld aan de tijd dat mensen beeldschermen gebruikten die alleen een tekstmodus hadden. Gezien deze stand van zaken was knipperende tekst waarschijnlijk het enige haalbare visuele effect.

Het STYLE-element, dat relatief recentelijk werd geïntroduceerd, roept daarentegen associaties op met Windows-programma's, sinds ze voor het eerst tekststijl introduceerden, die nu ongelooflijk populair is, en zonder dit is het niet langer mogelijk om in applicaties als Word of Excel te werken.

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.

Daarnaast kan het META-element een URL bevatten. Het sjabloon voor het bijbehorende attribuut is:

URL="http://adres"

Dit element bevat de hypertekst die de webpagina zelf definieert. Dit is een willekeurig onderdeel 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 het HTML-bestand worden gevonden. Binnen het BODY-element kunt u alle elementen gebruiken die bedoeld zijn voor het ontwerpen van webpagina's. Binnen de starttag van het BODY-element kun je een aantal attributen plaatsen die instellingen voor de hele pagina bieden. Laten we ze in volgorde bekijken.

Een van de handigste voor ontwerp is het attribuut dat de achtergrond van de pagina definieert. Het uiterlijk ervan kan worden vergeleken met een kleine revolutie op het WWW, toen dezelfde grijze webpagina's plotseling tot bloei kwamen met heldere kleurpatronen:

background="Pad naar achtergrondbestand"

Een eenvoudiger achtergrondontwerp komt neer op het instellen van de kleur:

bgcolor="#ff/?GGSS"

De achtergrondkleur wordt gespecificeerd door drie hexadecimale getallen van twee cijfers die respectievelijk de intensiteit van de rode, groene en blauwe kleuren bepalen. Meer details over het instellen van kleuren worden hieronder besproken. Beide bovenstaande kenmerken zijn geen alternatief en worden vaak samen gebruikt: als om de een of andere reden geen achtergrondpatroon kan worden gevonden, wordt de kleur gebruikt.

Omdat de pagina-achtergrond kan veranderen, moet u de tekstkleur kunnen matchen. Voor dit doel is er het volgende attribuut

tekst="#/?/?GGB5"

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

Op dezelfde manier kunt u de kleur voor bekeken hyperlinks instellen:

vlink="#/?/?GGflS"

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

Hypertekst in het BODY-element kan elke structuur hebben. Het wordt in de eerste plaats bepaald door het doel van de webpagina en de verbeeldingskracht van de ontwikkelaar.

Kopelement. Er zijn zes niveaus van kopjes, aangeduid met H1...H6. 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:

Horizontale regel is een veelgebruikt element. Ten eerste omdat het erg 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. Er zijn inderdaad vrijwel geen vergelijkbare constructies in HTML, alleen om de een of andere reden is er een uitzondering gemaakt voor de horizontale lijn. Het is waar dat je, ondanks wat gierig taalgebruik op dit gebied, veel standaard grafische afbeeldingen kunt bedenken die het uiterlijk van de pagina's zouden diversifiëren.

Het element heeft geen eindtag, maar maakt het mogelijk een aantal attributen links, gecentreerd, rechts, uitgelijnd uit te lijnen:

U kunt de lijndikte instellen:

51ge = dikte in pixels

U kunt de lijnlengte regelen:

fiitifn - lengte in pixels

breedte=/^twa in procenten/uur

Kleur kunt u kiezen:

co1og = "kleur"

Een HTML-document kan erg groot zijn, in welk geval de gebruiker snel naar het gewenste gedeelte van het document moet kunnen navigeren. Om dit te doen, kunt u het hyperlinkmechanisme gebruiken. Het is ook noodzakelijk om de juiste markeringen op de juiste plaatsen in de tekst te plaatsen. Hier kijken we alleen naar de sjabloon voor het maken van labels:

<А name=" метка ">Vrije tekst

In dit geval krijgt een bepaalde regel van het document een naam, en daarom kan er een hyperlink worden gemaakt in een ander deel van het document, of zelfs in een ander document, die naar dat punt leidt. Om binnen een document te navigeren, kunt u bijvoorbeeld de volgende constructie gebruiken:

<Р>Ga naar<А href=" Пметка ">label

Verschillende soortgelijke regels kunnen een soort inhoudsopgave voor een webpagina vormen, die aan het begin en einde van het document kan worden geplaatst.

Element voor het opgeven van het basisadres (URL) voor links. Hierdoor kunt u het eerste deel van het adres weglaten in documentlinks. Om dit element te gebruiken, moet u de volgende constructie gebruiken:

Het pad // adresfragment is optioneel.

Wanneer een volledig adres wordt gegenereerd, wordt dit verwijderd.

Dus als er een relatieve link in de documenttekst staat

<А ef =" путь2/имя документа, htm" ">Zichtbare linktekst,

dan komt het overeen met de URL

In het geval dat u het basisadres voor een lokale schijf moet instellen (bijvoorbeeld.D:), moet de volgende constructie worden gebruikt:

Wanneer u vervolgens een relatieve link opgeeft, kunt u niet alleen de bestandsnaam opgeven, maar ook de namen van de mappen waarin deze zich bevindt. Met andere woorden: het pad naar bestanden kan in twee delen worden verdeeld: absoluut en relatief. Dit is handig als de bestanden die in het document zijn opgegeven een gemeenschappelijk beginpadfragment hebben. U kunt ook de verwijzing naar het toegangsschema (file://) weglaten in een absolute link-expressie. In dit geval wordt alleen rekening gehouden met het linkergedeelte van de absolute link tot aan het eerste teken links "", dat wil zeggen de naam van het lokale station.

Syntaxisregels

Nu we weten hoe de code voor een webpagina eruit ziet, kunnen we enkele algemene conclusies trekken over de HTML-syntaxis. Bij het gebruik van elk element is het belangrijk om te weten welke elementen zich erin kunnen bevinden en welke elementen het zelf erin kan bevinden.

De relatieve positie van de HTML-, HEAD-, TITLE- en BODY-elementen zou dus standaard moeten zijn op elke pagina, maar in gevallen waarin geen frames worden gebruikt. Als de pagina een framelay-outdocument is, wordt het FRAMESET-element gebruikt in plaats van het BODY-element.

Er zijn groepen elementen die samen worden gebruikt. Deze omvatten elementen voor het maken van tabellen, lijsten en frames.

In dit geval wordt de volgorde van de nestelementen bepaald door de logica van het maken van een bepaald object op de pagina: hier moet u eenvoudige ontwerpregels onthouden.

Tabellen en kaders worden vaak gebruikt om paginadetails (afbeeldingen, tekst, etc.) in een specifieke volgorde te ordenen.

Door bijvoorbeeld een afbeelding in een tabelcel te plaatsen, kunt u een bepaalde positie bereiken.

In dergelijke gevallen wordt het nesten van elementen bepaald door de webpagina-ontwikkelaar, en veel hangt af van zijn verbeeldingskracht en vaardigheid.

Het grote aantal elementen dat wordt gebruikt om tekst op te maken, maakt een grote verscheidenheid aan nestopties mogelijk. En ze moeten zich noodzakelijkerwijs in bepaalde elementen bevinden.

Hier moeten we ons laten leiden door gezond verstand: elk element vervult een bepaalde functie en heeft een specifieke reikwijdte.

Het onderstaande voorbeeld heeft twee alinea's (de eerste in een groen vak) en een tabel:

<Р style="border: Зрх solid дгееп">Tekst lid 1

. . .

<Р>Tekst van paragraaf 2

De tabel is in dit geval een onafhankelijk element. Het kan bijvoorbeeld onafhankelijk van de rest van de tekst worden uitgelijnd.

Je kunt andere code gebruiken:

<Р style="border: Зрх solid дгееп">Tekst lid 1

. . .

<Р>Tekst van paragraaf 2

De eindtag van de eerste alinea is verdwenen. De tabel maakt nu deel uit van de eerste alinea en de groene rand omsluit de tabel en tekst. Omgekeerd kan een P-element zich binnen een tabel bevinden: één cel-TD-element kan bijvoorbeeld meerdere P-paragrafen bevatten.

Het overtreden van nestregels is een van de meest voorkomende fouten bij het maken van webpagina's. Om dergelijke fouten te voorkomen, moet u hypertext-editors gebruiken die automatisch de uitvoering van syntaxisregels controleren. Hieronder ziet u een regel met een typische geneste elementfout:

<Н1>Kop 1<Н2>Rubriek 2Rubriek 3

Opgemerkt moet worden dat browsers zo zijn gebouwd dat ze “proberen” te reageren op hypertext-opmaakfouten. Als de pagina kan worden weergegeven, wordt deze zonder waarschuwingsberichten weergegeven.

Het programma interpreteert verkeerd geplaatste tags op een bepaalde manier en genereert een afbeelding, volgens de logica die de ontwikkelaars erin hebben ingebouwd. Tegelijkertijd komt het uiterlijk van de pagina mogelijk niet overeen met de bedoeling van de auteur. En alleen bij zeer ernstige fouten of duidelijke tegenstrijdigheden geeft de browser een bericht weer waarin staat dat de pagina niet kan worden weergegeven.

Een indirect teken van een opmaakfout kan het verschijnen van fragmenten van HTML-code op de pagina zijn. Gebruikers die veel met internet werken, zijn deze situatie waarschijnlijk tegengekomen.

Syntaxisregels zijn ook van toepassing op het gebruik van begin- en eindtags, attributen en elementinhoud. Verwar de concepten van "element" v niet. "label". Een element is een container met attributen binnen de starttag en nuttige informatie tussen de start- en eindtags. Een tag is een constructie tussen punthaken en wordt gebruikt om de reikwijdte van een element aan te geven.

Sommige elementen hebben geen eindtag. Uiteraard heeft het BR-element dat het einde van een regel aangeeft geen eindtag nodig. Sommige elementen kunnen met of zonder eindtag worden gebruikt. Het meest sprekende voorbeeld is het paragraafelement R.

Het kan een eindtag hebben, maar als die tag niet is gespecificeerd, dan is de eindtag van het element het volgende element dat logischerwijs het einde van de huidige paragraaf kan definiëren: een ander P-element, een IMG-tekeningelement, een UL-lijstelement, een TABLE tafelelement, etc.

De payload van één element moet zich dus bevinden tussen de start- en eindtags van dat element, of tussen de starttag van dit element en de starttag van het volgende element.

Elke willekeurige tekst die op een pagina wordt ingevoerd, wordt door de browser geïnterpreteerd alsof deze op het scherm wordt weergegeven en wordt daarom opgemaakt in overeenstemming met de elementen rondom die tekst. Hierbij wordt geen rekening gehouden met de verdeling van tekst in regels verkregen in een teksteditor. In theorie zou een hele webpagina in één lange regel kunnen staan. Tekens aan het einde van de regel die in Kladblok worden ingevoerd, kunnen bijvoorbeeld helpen bij het lezen van HTML-code, maar worden niet weergegeven door de browser.

Deze laatste kan bij het weergeven van een pagina op het scherm een ​​regel afbreken in overeenstemming met de rangschikking van de Hn-, P- of BR-elementen, en in andere gevallen worden alinea's willekeurig opgemaakt, afhankelijk van de hoeveelheid tekst, de lettergrootte en de huidige tekst. venstergrootte.

Daarom moeten webpagina's zo worden gerangschikt dat hun uiterlijk niet dramatisch verandert voor verschillende monitorresolutiemodi, schermgrootte, browservenstergrootte, en ook voor volledig scherm of venstermodi.

Een zeer belangrijke regel, waarop geen uitzonderingen bestaan, is om elementattributen binnen de starttag te plaatsen.