Basisprincipes van HTML, hypertext-opmaaktaal. Hypertext-opmaaktaal HTML

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 eenvoudig op een link en bevindt u zich meteen ergens anders op de wereld 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, bijvoorbeeld 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 (-)

In 1989 vertegenwoordigde hypertext een veelbelovende nieuwe technologie die enerzijds een relatief groot aantal implementaties kende, en anderzijds werden pogingen ondernomen om formele modellen van hypertext-systemen te bouwen die meer beschrijvend van aard waren en geïnspireerd waren door de succes van de relationele benadering voor het beschrijven van gegevens.

HTML is een hypertext-opmaaktaal die wordt gebruikt om documenten te coderen. De HTML-taal is een reeks opdrachten waarmee de browser de inhoud van een document weergeeft; HTML-opdrachten worden niet weergegeven. De HTML-taal implementeert een hypertext-koppelingsmechanisme waarmee één document aan andere kan worden gekoppeld. Deze documenten kunnen zich op dezelfde server bevinden als de pagina waarvandaan ze zijn gelinkt, of ze kunnen op een andere server worden gehost.

Het HTML-idee is een voorbeeld van een uiterst succesvolle oplossing voor het probleem van het bouwen van een hypertekstsysteem met behulp van een speciaal hulpmiddel voor weergavecontrole.

Contextuele hypertextlinks werden erkend als de meest effectieve vorm van hypertextorganisatie, en bovendien werd de opdeling in links geassocieerd met het gehele document als geheel en met de afzonderlijke delen ervan erkend.


Alle HTML-documenten hebben dezelfde structuur, gedefinieerd door een vaste set structuurtags. Een HTML-document moet altijd beginnen met een tag< HTML >en eindig met de juiste sluittag (). Er zijn twee hoofdsecties binnen een document: de kopsectie en de hoofdtekst van het document, in die volgorde. Het kopjesgedeelte bevat informatie die het document als geheel beschrijft en wordt beperkt door tags<НЕАD>En. In het bijzonder moet het kopjesgedeelte de algemene titel van het document bevatten, begrensd door de gekoppelde tag<ТITLE>.

). Het wordt echter niet aanbevolen om structuurtags weg te laten bij het maken van een HTML-document. Het eenvoudigste geldige HTML-document dat alle tags bevat die de structuur definiëren, zou er als volgt uit kunnen zien:

< TITLE >Documenttitel< /TITLE >

Documenttekst

HTML-elementen.

Voor gepaarde tags wordt het bereik gedefinieerd door het gedeelte van het document tussen de openings- en sluitingstags. Dit deel van het document wordt beschouwd als een onderdeel van de HTML-taal. We kunnen dus praten over een “BODY-element” dat de tag bevat, de hoofdtekst van het document en de afsluitende tag. Het volledige HTML-document. kan worden gezien als een ‘HTML-element’. Voor ongepaarde tags is het element hetzelfde als de tag die het definieert.

De meeste elementen van de HTML-taal. beschrijft delen van de inhoud van het document en wordt tussen tags geplaatst . En, dat wil zeggen binnen het structuurelement BODY. Dergelijke elementen zijn onderverdeeld in blok en tekst. Blokelementen verwijzen naar stukjes tekst op alineaniveau. Tekstelementen beschrijven de eigenschappen van individuele zinnen en zelfs kleinere delen van tekst.

Nu kunnen we regels formuleren voor het nesten van elementen.

Elementen mogen elkaar niet overlappen. Met andere woorden: als de openingstag zich binnen een element bevindt, moet de overeenkomstige sluittag zich in hetzelfde element bevinden.

Blokelementen kunnen geneste blok- en tekstelementen bevatten.

Tekstelementen kunnen geneste tekstelementen bevatten.

Tekstelementen kunnen geen geneste blokelementen bevatten.

Functionele blokelementen.

In de meeste documenten zijn de belangrijkste functionele elementen kopjes en alinea's. HTML-taal. ondersteunt zes niveaus van kopjes. Ze worden gespecificeerd met behulp van gepaarde tags van<Н1>naar<Н6>. Wanneer ze worden weergegeven, worden webdocumenten met deze methode weergegeven; tag (document op het computerscherm, deze elementen worden weergegeven met lettertypen van verschillende groottes.

Reguliere alinea's worden gespecificeerd met behulp van een gepaarde tag<Р>. HTML-taal. bevat geen manier om een ​​alinea-inspringing (“rode lijn”) te maken, dus wanneer ze op een computerscherm worden weergegeven, worden de alinea’s gescheiden door een lege regel. Afsluitende tagwordt als optioneel beschouwd. Het is duidelijk dat dit vóór de tag komt, die het begin van de volgende paragraaf van het document specificeert. Bijvoorbeeld:

Rubriek

<Р>Eerste paragraaf<Р>Tweede paragraaf

Kop van het tweede niveau

Een gevolg van het hebben van een speciale tag die een alinea definieert, is dat het gebruikelijke teken aan het einde van de regel, ingevoerd door op de ENTER-toets te drukken, niet voldoende is om een ​​alinea-inspringing te creëren. HTML-taal. behandelt tekens en spaties aan het einde van de regel op een speciale manier. Elke reeks; die alleen uit spaties en tekens aan het einde van de regel bestaat, wordt als één spatie behandeld wanneer het document wordt weergegeven. Dit betekent met name dat het teken aan het einde van de regel niet eens naar een nieuwe regel leidt (hiervoor wordt een tekstelement gebruikt dat wordt gespecificeerd door een ongepaarde tag
.

Een horizontale liniaal kan ook worden gebruikt als alineascheidingsteken. Dit element wordt gespecificeerd door een ongepaarde tag


. Wanneer een document op het scherm wordt weergegeven, scheidt een liniaal delen van de tekst van elkaar. De lengte en dikte worden gespecificeerd door de tagattributen
.


Met deze tag wordt een horizontale liniaal van 10 pixels breed gemaakt die de helft van de breedte van het venster in beslag neemt en aan de rechterkant is geplaatst.


Het maken van websites is een van de algemeen beschikbare mogelijkheden in de moderne internetindustrie. Het daadwerkelijk maken van websites is in principe niet veel moeilijker dan het aanmaken van persoonlijke e-mailaccounts en elektronische visitekaartjes.

Om een ​​website te maken heeft u allereerst een server nodig die verbonden is met internet en waarop u de benodigde hyperteksten kunt plaatsen. Bovendien is het noodzakelijk om de saiga-naam te registreren bij de provider die de geselecteerde server bedient.

Op internet kunt u aanbieders vinden die het gratis openen van websites op hun servers aanbieden. Gratis sites kunnen worden geopend op binnenlandse servers narod.ru, boom.ru, hotmail.ru en op buitenlandse servers, bijvoorbeeld geocities.com, statief.com.

Op deze servers kunt u domeinnamen registreren zoals:

<имя>. narod.ru

naam>.boom.ru,

Voorbeelden van geregistreerde domeinnamen:

wdu.da.ru - website van de elektronische universiteit;

wduniv.newmail.ru - website van een gedistribueerde universiteit.

Nadat u de domeinnaam van een site heeft geregistreerd, kunt u er hyperteksten op hosten. Hyperteksten worden op de site geplaatst met behulp van speciale programma's waarmee u een grote verscheidenheid aan hyperteksten kunt maken, bewerken, verzamelen en kopiëren. Direct na het plaatsen van de allereerste (hoofd)hypertekstpagina kan de informatie ervan in elk land via een browser worden gelezen vanaf elke computer die met internet is verbonden. Voer hiervoor het websiteadres op internet in het browservenster in. Bijvoorbeeld: http://bak.boom.ru

Alle geposte bestanden moeten hyperteksten zijn, geschreven in HTML-formaat en identificatiegegevens van het formulier hebben<имя>.html.

HTML is een hypertext-opmaaktaal.

Qua structuur is hypertekst tekst met links naar andere hyperteksten die zich op deze server of op andere servers bevinden. Wanneer u op een dergelijke link klikt, laadt de browser automatisch een hypertextpagina op uw computerscherm, ongeacht op welke server deze zich bevindt en in welk land deze zich bevindt.

Met behulp van deze hulpmiddelen en programma's op internet kan een grote verscheidenheid aan informatiesites en -systemen worden gecreëerd: persoonlijke sites, bedrijfssites, elektronische kranten, tijdschriften, elektronische boeken, encyclopedieën, maar ook elektronische archieven en bibliotheken.

Het verschil tussen sites is de hoeveelheid informatie, hun structuur en updateprocedures. Over het algemeen kunnen we voor internetsites, net als voor elke organisatie, praten over de levenscycli van hun creatie, ontwikkeling, modernisering en liquidatie.

De hoeveelheid informatie wordt bepaald door de eigenaren: mensen of organisaties die sites hebben gemaakt en hun informatie daarop hebben geplaatst. De hoeveelheid informatie op websites kan variëren van enkele kilobytes tot enkele gigabytes (miljoenen kilobytes).

De structuur van sites kan zeer divers zijn. De eenvoudigste structuur is een hoofdpagina met links naar een reeks teksten. Deze links kunnen in de tekst van de hoofdpagina staan ​​of gemarkeerd zijn in de inhoudsopgave aan het begin van de pagina.

Elke pagina van de site kan worden voorzien van een titel, die op de bovenste regel van het scherm verschijnt wanneer de site door de browser wordt geladen.

Bovendien kunt u op de hoofdpagina van de site een lijst met trefwoorden voor zoekmachines opgeven.

Zoekmachines scannen wekelijks alle servers op internet en registreren de adressen van alle gevonden sites en hyperteksten, samen met de daarin gemarkeerde trefwoorden. Om deze redenen kan uiterlijk een week later alle informatie die op internet wordt gepubliceerd, worden gevonden met behulp van de daarin opgenomen trefwoorden.

HyperTextMarkupLanguage (HTML) is een hypertext-opmaaktaal die is ontworpen voor het schrijven van hypertext-documenten die op het WorldWideWeb zijn gepubliceerd.

Een hypertextdocument is een tekstbestand met speciale markeringen, tags genaamd, die vervolgens door de browser worden herkend en door de browser worden gebruikt om de inhoud van het bestand op het computerscherm weer te geven.

Met deze markeringen kunt u documentkoppen markeren, de kleur, grootte en stijl van letters wijzigen en afbeeldingen en tabellen invoegen. Maar het belangrijkste voordeel van hypertekst ten opzichte van gewone tekst is de mogelijkheid om hyperlinks toe te voegen aan de inhoud van een document - speciale HTML-taalconstructies waarmee u met de muis kunt klikken om een ​​ander document te bekijken.

HTML-documentstructuur

De belangrijkste HTML-tag is de tag met dezelfde naam. . Het opent het document altijd, net als een tag moet zeker in de laatste regel verschijnen. Deze tags geven aan dat de regels ertussen één enkel hypertekstdocument vertegenwoordigen. Zonder deze tags kan een browser of andere viewer het documentformaat niet identificeren en correct interpreteren.

Een HTML-document bestaat uit twee delen: een hoofd en een hoofdgedeelte, gerangschikt in de volgende volgorde:

Documenttitel

Documenttekst

Meestal wordt een gekoppelde tag opgenomen in de documenttitel ... , waarmee de titel van het document wordt gedefinieerd. Veel kijkers gebruiken het als de titel van het venster waarin het document wordt weergegeven. Programma's die documenten op internet indexeren, gebruiken de titel om de pagina te identificeren. Een goede titel moet lang genoeg zijn om de corresponderende pagina correct te identificeren, terwijl deze toch binnen de venstertitel past. De titel van het document past tussen de openings- en sluitingstags.

De hoofdtekst van het document is een verplicht element, omdat het al het documentmateriaal bevat. De hoofdtekst van het document wordt tussen de tags geplaatst En

. Alles wat tussen deze tags wordt geplaatst, wordt door de browser geïnterpreteerd volgens de regels van de HTML-taal, waardoor de pagina correct op het beeldscherm kan worden weergegeven.

Tekst in HTML wordt met behulp van een tag in alinea's verdeeld<р>. Het wordt aan het begin van elke alinea geplaatst en de kijker scheidt, wanneer hij het tegenkomt, de alinea's van elkaar met een lege regel. Met behulp van een afsluitende tagoptioneel.

Als je de tekst wilt ‘breken’ en de rest naar een nieuwe regel wilt verplaatsen, zonder een nieuwe alinea te selecteren, gebruik dan de regeleindetag
. Het dwingt de kijker om de karakters die erop volgen op een nieuwe regel weer te geven. In tegenstelling tot de paragraaftag, is de
voegt geen lege regel toe. Deze tag heeft geen gepaarde sluittag.

De HTML-taal ondersteunt logische en fysieke opmaak van documentinhoud. Logische opmaak geeft het doel van een bepaald stuk tekst aan, terwijl fysieke opmaak het uiterlijk ervan bepaalt.

Wanneer u logische tekstopmaak gebruikt, markeert de browser verschillende delen van de tekst, afhankelijk van de structuur van het document. Om de titel weer te geven, wordt een van de title-tags gebruikt. Koppen in een typisch document zijn onderverdeeld in niveaus. Met HTML kunt u zes niveaus van koppen instellen: h1 (kop van het eerste niveau), h2, h3, h4, h5 en h6. De kop van het eerste niveau is doorgaans groter en rijker dan de kop van het tweede niveau. Voorbeeld van het gebruik van header-tags:

l. Hoofdstuktitel

l.l. Sectietitel

Fysieke opmaaktags bepalen rechtstreeks de weergave van tekst op het browserscherm, bijvoorbeeld een paar maken tekst vetgedrukt, stelt tekstonderstreping in, bepaalt het lettertype van de tekst.

Label voegt een afbeelding in een document in alsof het slechts één groot teken is. Voorbeeld van het gebruik van een tag:

Er wordt een paar tags gebruikt om een ​​hypertekstlink te maken<а>... . Een stukje tekst, een afbeelding of een ander object dat zich tussen deze tags bevindt, wordt in het browservenster weergegeven als een hypertextlink. Het activeren van een dergelijk object zorgt ervoor dat een nieuw document in het browservenster wordt geladen of dat een ander deel van de huidige webpagina wordt weergegeven. Er wordt een hypertextlink gevormd met behulp van de uitdrukking:

Href is hier een verplicht attribuut, waarvan de waarde de URL is van de opgevraagde bron. Aanhalingstekens bij het specificeren van de waarde van het href-attribuut zijn optioneel. Als er een link naar een document op een andere server is opgegeven, is het type hyperlink als volgt:

<а href = "http://www.school.donetsk.ua/11.jpg">Foto 11-A

Met behulp van verschillende tags kunt u tabellen tekenen, tekst opmaken, afbeeldingen, video- en audiobestanden enz. in een document invoegen.

We hebben een nieuw boek uitgebracht, Social Media Content Marketing: hoe u in de hoofden van uw volgers kunt kruipen en ze verliefd kunt maken op uw 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. Om de juiste structuur van het artikel (de inhoud) te creëren, moet u een 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 is een universele tool voor het ontwerpen van inhoud op een pagina. 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.

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.

  1. !- geeft aan dat het document HTML gebruikt.
  2. ...- alle paginacode wordt in deze tag geplaatst. Alles wat er niet in wordt geplaatst, wordt niet door de browser herkend en niet weergegeven.
  3. ...- een gepaarde tag die technische informatie bevat, bijvoorbeeld over de codering van het document.
    1. ...- dit is de paginatitel, deze wordt in het hoofdgedeelte geplaatst. Elke pagina moet een eigen unieke naam hebben.
    2. - dit is bedrijfseigen informatie. Het verbindt individuele stijlen met de pagina - css, enz. Het wordt niet aan de gebruiker getoond.
  4. ...

    - paginatekst. Alle basisinformatie is opgenomen in deze tag.
    1. ...- hyperlinks.
    2. - afbeeldingen.
    3. ...- vetgedrukte tekst.
    4. ...- 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.

MINISTERIE VAN ONDERWIJS EN WETENSCHAP VAN OEKRAÏNE

SKHIDNOOEKRAINISCHE NATIONALE UNIVERSITEIT

Vernoemd naar Volodymyr Dahl

Afdeling Computerwetenschappen

Door discipline

Computerontwerp en multimedia

StudentBoldakova I.V.

1. Inleiding

3.1 HTML-editors

4. Website maken met CMS Joomla 1.5.7

Literatuur

1. Inleiding

Het World Wide Web – een mondiaal computernetwerk dat tegenwoordig miljoenen sites bevat die allerlei soorten informatie bevatten. Mensen hebben toegang tot deze informatie via het gebruik van internettechnologie. Om op het WWW te navigeren, worden speciale programma's gebruikt: webbrowsers, die het reizen door de uitgestrekte delen van het WWW aanzienlijk vergemakkelijken. Alle informatie in de webbrowser wordt weergegeven in de vorm van webpagina's.

Webpagina's, die multimediatechnologie ondersteunen, combineren verschillende soorten informatie: tekst, afbeeldingen, geluid, animatie en video. Het succes ervan op internet hangt grotendeels af van hoe goed en mooi een bepaalde webpagina is gemaakt.

De gebruiker bezoekt graag webpagina's die een stijlvol ontwerp hebben, niet belast zijn met overmatige grafische afbeeldingen en animaties, snel laden en correct worden weergegeven in het webbrowservenster.

Een webpagina maken is niet eenvoudig, maar waarschijnlijk zou iedereen zichzelf als ontwerper willen uitproberen. En in dit geval ben ik geen uitzondering, daarom heb ik dit onderwerp gekozen voor mijn cursuswerk.

In mijn essay heb ik een poging gedaan om te begrijpen wat je moet weten en kunnen doen om een ​​webpagina te maken, welke software een hulpmiddel is voor het maken van webpagina's en hoe je deze effectief kunt gebruiken.

Ook in dit werk heb ik de basisprincipes van de programmeertaal voor webpagina's besproken: HTML, een algemeen aanvaarde WWW-standaard. Dit geeft ons de mogelijkheid om vertrouwd te raken met de structuur van een webpagina en de technieken voor het juiste ontwerp ervan. We zullen ook kijken naar het maken van een website met behulp van CMS Joomla.

2. Denk eens aan de hypertext-opmaaktaal HTML

Webpagina's kunnen in elk formaat bestaan, maar het wordt als standaard geaccepteerd HyperText-opmaaktaal- een hypertext-opmaaktaal die is ontworpen om opgemaakte tekst te creëren die rijk is aan afbeeldingen, geluid, animatie, videoclips en hypertext-links naar andere documenten.

U kunt op internet werken zonder de HTML-taal te kennen, aangezien HTML-teksten kunnen worden gemaakt door verschillende speciale editors en converters. Maar rechtstreeks in HTML schrijven is niet moeilijk. Het kan zelfs eenvoudiger zijn dan het leren van een HTML-editor of -converter, die vaak beperkt is in functionaliteit, fouten bevat of slechte HTML produceert die niet op alle platforms werkt.

De HTML-taal is er in verschillende smaken en blijft evolueren, maar HTML-constructies zullen waarschijnlijk in de toekomst gebruikt blijven worden. Door over HTML te leren en het dieper te begrijpen, door aan het begin van het leren van HTML een document te maken en dit zoveel mogelijk uit te breiden, zijn we in staat webpagina's te maken die door veel webbrowsers kunnen worden bekeken, zowel nu als in de toekomst. Dit sluit de mogelijkheid niet uit om andere methoden te gebruiken, zoals de geavanceerde methode van Opera, Google Chrome, Internet Explorer of andere browsers.

Werken met HTML is een manier om de ins en outs te leren van het maken van documenten in een gestandaardiseerde taal, waarbij alleen extensies worden gebruikt als dat echt nodig is.

HTML is geratificeerd door het World Wide Web Consortium. Het wordt door alle browsers ondersteund.

Omdat HTML-documenten in ASCI I-formaat zijn geschreven, kan elke teksteditor worden gebruikt om deze te maken.

Normaal gesproken is een HTML-document een bestand met de extensie .html of . htm, waarin de tekst is gemarkeerd met HTML-tags (Engelse tag - speciale ingebouwde instructies). HTML definieert de syntaxis en plaatsing van tags op basis waarvan de browser de inhoud van een webdocument weergeeft. De tekst van de tags zelf wordt niet weergegeven door de webbrowser.

Alle tags beginnen met "<" и заканчиваются символом ">". Meestal zijn er een paar tags - een start- (openings) en een eind- (sluit) tag (vergelijkbaar met het openen en sluiten van haakjes in de wiskunde), waartussen de opmaakinformatie wordt geplaatst:

Informatie

Hier is de starttag de tag

En de laatste -

. De eindtag verschilt alleen van de begintag doordat er haakjes vóór de tekst staan<>er is een symbool " / " (schuine streep).

Een browser die een HTML-document leest, geeft het in een venster weer met behulp van de HTML-tagstructuur. Elk HTML-document moet uit drie hoofdonderdelen bestaan:

A) HTML-declaratie;

B) Kopgedeelte;

C) Documenttekst .

A) HTML-declaratie

En. Een paar van deze tags vertellen de kijker (browser) dat er een HTML-document tussen zit, en de eerste tag in het document moet de tag zijn (helemaal aan het begin van het document), en als laatste -(helemaal aan het einde van het document).

B) Kopgedeelte.

En. Tussen deze tags bevindt zich informatie over het document (titel, zoekwoorden, beschrijving, enz.). Het belangrijkste is echter de documenttitel, die we zien in de bovenste regel van het browservenster en in de lijsten "Favorieten (BookMark)". Speciale spiderprogramma's van zoekmachines gebruiken de documenttitel om hun databases op te bouwen. Om uw HTML-document een titel te geven, wordt er tekst tussen de tags geplaatst En.

Mijn eerste pagina

C) De hoofdtekst van het document.

Het derde hoofdgedeelte van het document is de hoofdtekst. Het volgt onmiddellijk de titel en bevindt zich tussen de tags En. De eerste moet direct na de tag staan, en de tweede bevindt zich vóór de tag. In de hoofdtekst van een HTML-document plaatst de auteur informatie die is opgemaakt met HTML.

Mijn eerste pagina ..........

Nu kunnen we de HTML-code voor onze pagina schrijven:

Mijn eerste pagina Mijn pagina's komen hier!

In de BODY-sectie worden alle tabbladen en regeleinden door de browser genegeerd en hebben ze geen enkele invloed op de weergave van de pagina. Daarom zal een regeleinde in de brontekst van een HTML-document geen nieuwe regel beginnen in de tekst die door de browser wordt weergegeven, tenzij er speciale tags aanwezig zijn. Deze regel is erg belangrijk om te onthouden en vergeet niet om tags te plaatsen die de regels scheiden, anders bevat de tekst geen alinea's en wordt deze onleesbaar.

Gebruik de tag om een ​​nieuwe regel te beginnen
(afgekort van Engelse break - interrupt). Deze tag zorgt ervoor dat de browser verdere tekst weergeeft vanaf het begin van de volgende regel. Er wordt geen afsluitende tag voor gebruikt. Het is handig als u op een gegeven moment vanaf een nieuwe regel moet schrijven zonder een nieuwe alinea te beginnen, bijvoorbeeld in een gedicht. Als u het opnieuw gebruikt, kunt u een of meer lege regels invoegen, waardoor het volgende fragment van de pagina naar beneden wordt verplaatst.

Doorlopende tekst zonder gaten is niet erg gemakkelijk te lezen, het is lastig om er doorheen te kijken en de juiste plaatsen te vinden. Verdeeld in paragrafen wordt de tekst veel sneller waargenomen. De tag wordt gebruikt om een ​​nieuwe paragraaf te beginnen

(Engelse paragraaf - paragraaf). Deze tag voegt, naast het starten van een nieuwe regel, één lege regel in. Maar herhaalde herhaling

In tegenstelling tot
, zal niet leiden tot het verschijnen van meerdere lege regels, er zal nog steeds dezelfde lege regel zijn.

Binnen de haakjes van een tag kunnen naast de naam ook attributen worden geplaatst. Ze zijn van de naam en van elkaar gescheiden door spaties (een of meer) en zijn in de vorm geschreven attribuutnaam ="betekenis". Als de waarde geen spaties bevat, kunnen de aanhalingstekens worden weggelaten, maar dit wordt niet aanbevolen. Tag

Kan een ALIGN-attribuut bevatten dat de uitlijning van alinea's specificeert. Standaard wordt een alinea links uitgelijnd ALIGN=links. Rechtse uitlijning ALIGN="right" en gecentreerde uitlijning ALIGN="center" zijn ook mogelijk. Wanneer u attributen gebruikt, moet u een afsluitende tag na de opgemaakte tekst gebruiken

. Als het er niet is, dan een nieuwe tag

Betekent het sluiten van de vorige, respectievelijk genest

Onmogelijk. Het is ook mogelijk om tekst te centreren met behulp van de tag

.

Nu kunnen we wat tekst met verschillende uitlijningen op onze webpagina plaatsen:

Mijn eerste pagina

Mijn persoonlijke pagina's komen hier!

Hierop kunt u vinden: - een verhaal over mij en mijn hobby's; - mijn foto's.

Vanaf een van mijn pagina's zal het mogelijk zijn
stuur mij een e-mail.

3. Hulpmiddelen voor het maken van webpagina's

3.1 HTML-editors

Iedereen kiest zijn eigen tool voor het maken van webpagina's. Dit kan MS FrontPage of Macromedia DreamWeaver, Allaire HomeSite of 1st Page zijn. En sommige mensen gebruiken een eenvoudige teksteditor, zoals Kladblok.

Teksteditors kunnen alleen worden gebruikt om kleine pagina's te maken, omdat ze veel nadelen hebben: projecten worden niet ondersteund, er is geen "markering" van tekst, over het algemeen is het uiterst lastig om te werken.

Het grootste nadeel van MS FrontPage is dat het zeer grote HTML-code genereert (te veel onnodige dingen), waardoor de pagina's groot blijken te zijn, wat de laadsnelheid beïnvloedt. Bovendien zie je bij het maken van webpagina's in deze editor één ding, maar in het browservenster zie je iets heel anders. De pagina's blijken wat scheef te zijn, dus om webpagina's van hoge kwaliteit te maken, wordt aanbevolen om de pakketten te gebruiken die hieronder worden besproken.

We beginnen met de populaire Macromedia DreamWeaver. Macromedia wordt beschouwd als een leider in de productie van software voor het maken van websites, maar ook als een trendsetter op dit gebied.