HTML (Hypertext Marking Taal) is de belangrijkste programmeertaal om webpagina`s te ontwikkelen.Gemaakt als een eenvoudige en handige programmeertaal. De meeste internetpagina`s zijn ontwikkeld met behulp van een van de vormen van deze taal (ColdFusion, XML, XSLT). Na het lezen van dit artikel, kunt u uw training voortzetten met behulp van andere bronnen op internet. Probeer te zoeken naar andere artikelen met betrekking tot dit onderwerp op internet.

Stappen

Methode 1 van 1:

HTML-pagina`s schrijven

een. Voordat u vertrouwd begint met een van de hier gepresenteerde stappen, zie de sectie "Wat heb je nodig".

Titel afbeelding Schrijf een HTML-pagina Stap 2

2. Wat u moet weten voordat u deze vraag begint te begrijpen:

3. Basisprincipes. Heb je ooit gehoord van de tag? De tag is omgeven door hoekbeugels, met het woord binnen. De definitieve tag wordt opgenomen in dezelfde vorm, maar met de toevoeging van een schuine streep na de eerste hoekbeugel. Het attribuut is een extra woord in de tag die wordt gebruikt om delen aan de tag toe te voegen.

4. Begin van het document. In elke teksteditor die u gebruikt, voegt u in wat hieronder staat:
wikihowHallo Wereld
De tag moet in dezelfde tag worden gesloten, maar met een laag na de eerste hoekbeugel. Er zijn uitzonderingen zoals tags Meta of DOCTYPE.

Titel afbeelding Schrijf een HTML-pagina Stap 3

vijf. DOCTYPE

In de regel zijn de meeste webpagina`s ingesteld DOCTYPE ". Het helpt om de codering te bepalen, evenals hoe het wordt waargenomen door webbrowsers. De meeste pagina`s zullen zonder het werken, "maar het is noodzakelijk als u wilt matchen (ze reguleren de soorten internetcoderingen en manieren om ze te gebruiken). DOCTYPE VOOR HTML 4.01 is hieronder:http: // W3.Org / tr / html4 / streng.DTD"> Dit is een van de meest voorkomende Doctype gebruikt op pagina op het hele internet. Ten eerste geeft het het type pagina aan dat de `HTML` beschrijft, dan benadrukt het het type codering en aan het einde, de locatie van het DOCTYPE, dat als resultaat de pagina voor een webbrowser beschrijft.

Er zijn verschillende soorten HTML (verschillende versies ontworpen voor vele jaren), bijvoorbeeld het gebruik van nieuwe tags of specifieke tags. Sommige tags zijn verouderd (andere, nuttiger tags worden in plaats daarvan gebruikt).

en - Dit is wat momenteel wordt opgelegd aan tags, omdat ze worden gebruikt om tekst te transformeren, maar geen specificatie, als gevolg hiervan, komen andere tags om ze te vervangen. Labelis een vervanging voor , en vervanging voor .

Het is belangrijk dat eerdere tags worden vervangen door tags, die meer zijn dan opmaak. Als de tekst wordt vertaald, dan is niet alleen het formatteren, maar de betekenis ervan blijft hetzelfde. Het is semantisch correct.

In XHTML-versie 2.0, tags en niet gebruikt, evenals in HTML-versie 3+.

Titel afbeelding Schrijf een HTML-pagina Stap 4

6. HTML "Regel-inkapseling".

Laten we kijken naar meer belangrijke tags die momenteel worden gebruikt. Tijdens het maken van een pagina wordt een eenvoudige structuur gebruikt. Als een tag werd geopend, dan als gevolg hiervan, Het moet gesloten zijn. Dit is van toepassing op de gehele structuur. Het juiste voorbeeld van de XHTML-lay-outstructuur wordt hier gepresenteerd:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strikt.DTD">

http: // W3.Org / 1999 / XHTML">

Hallo Wereld!

Voorbeeldcode die een bericht geeft Hallo Wereld. Dit wordt deeg genoemd Hallo Wereld.

Titel afbeelding Schrijf een HTML-pagina Stap 5

7. Titel

Webpagina-titel - Dit is de inhoud tussen de tag . Deze inhoud kan niet door de gebruiker worden bekeken (alleen de naam die wordt weergegeven in de titelpagina). Informatie tussen tags , Kan andere tags maken, zoals:

Meta-tag, gebruikt voor informatie die nuttig is voor zoekmachines en andere hulpprogramma`s.

Link-tag dat een verbinding tussen documenten maakt, bijvoorbeeld voor stijlen (CSS).

Script-tag, het bevat bijna elke webcodering, met de mogelijkheid van externe toegang (vanuit een ander document).

Style-tag, die in wezen een stijl is die op pagina kan worden toegepast.

Title-tag, dit is de naam die wordt weergegeven als de naam van de pagina in uw webbrowser.

Laten we de demonstratie van sommige van hen in het voorbeeld van de titel zien, van deze website (het is verminderd):

...

Als u het niet hebt gemeld, werden individuele tags toegewezen, met verwijdering van echte informatie. Het voorbeeld is nogal kort, met een show, bijna, van elke tag die mogelijk is , Met uitzondering van HTML-opmerking (we zullen erover praten in eenvoudige tags).

Titel afbeelding Schrijf een HTML-pagina Stap 6

acht. Eenvoudige tags overal

Laten we verder gaan en andere tags bekijken. Wees voorzichtig met behulp van tags en onthoud de grote vingerregel, "Inkapseling."

Allemaal belangrijke tekst toewijzen.

Maakt een kleinere tekstgrootte. Lettergrootte wordt gemeten in standaardeenheden van 1 tot 7, 3 - dit is de standaardtekstformaat. .

 Specificeert het blok van geformatteerde tekst. Hoe goed, een dergelijke tekst wordt gerekruteerd door het lettertype van dezelfde grootte en met alle ruimtes tussen de woorden.

Toont tekst in de vorm van een zin.

~~Kruist tekst.~~

Bepaalt de tekst die in het document is geplaatst.

Een van de vele koplopers. Tags van dit soort beginnen met `H`, met verschil in de figuur. Zorg ervoor dat je de tag sluit met hetzelfde cijfer.

Definieert paragraaf.

In tegenstelling tot andere tags, moet de opmerking in de tag zelf zijn. Deze informatie is alleen zichtbaar als de code wordt bekeken.

Toont een offerte, kan worden gebruikt met een tag .

Hierboven verscheidene voorbeelden zijn geen volledige lijst van bestaande tags. Om over anderen te leren, bezoek dan .

Titel afbeelding Schrijf een HTML-pagina Stap 7

negen. Een duidelijke structuur maken

De pagina`s zijn ontworpen om gegevens in eenvoudige sets tags te houden, zodat we informatie in paragrafen kunnen demonteren. De computer herkent de gegevens, het weet niet over de context of ideologische verbinding. We moeten een HTML-paginasy-pagina maken. Dit wordt bereikt bij het gebruik van de div-tag. Het helpt om een enorm aantal pagina`s te maken. Het kan worden gestileerd met CSS, en het is gemakkelijker dan het maken van grote codetabellen voor lay-out.

Deze tag is speciaal omdat het kan worden gestileerd en individuele informatie-blokken gebruiken die wordt begrepen en de gebruiker en de computer.

Laten we kijken naar de eenvoudige HTML-lay-out die het DIV-tag gebruikt.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strikt.DTD">

http: // W3.Org / 1999 / XHTML">

Hallo Wereld!

Dit is wat tekst in div # contenton.

Een alinea in een sub-sectie van DIV # -contenton

Gebruik tag

Helpt met zoek- en veranderende stijlen tijdens het werken met CSS en jаvascript. HTML zal verschillende codering gebruiken om te werken met CSS-stijlen en jаvascript om de beste en responsieve interactie met de gebruiker te creëren.

Tips

Na het lezen van dit artikel, stop dan niet en denk niet dat je alles hebt geleerd wat je nodig hebt. Er is altijd iets dat je kunt leren, vooral in deze technologie.
Leer, deal en schrijf de code.
Houd er rekening mee dat sommige tags alleen <> gebruiken. Paragraaf en BR - sommige van de voorbeelden. Andere tags worden geopend met <>, hebben verdere sluiting nodig. Bijvoorbeeld, "".
Mensen wachten op nieuwe ontdekkingen, dus verzinnen, creëren een ontwerp of code.
Als je eenmaal veel leert, probeer dan het programmeren van de server te leren.
Leer werken met CSS, evenals met jаvascript.

Waarschuwingen

Vergeet niet dat HTML inhoud bewerkt. Dit betekent dat HTML alleen wordt gebruikt voor het opslaan van inhoud in een erkend formaat. Andere wijzigingen moeten worden uitgevoerd met behulp van andere technologieën, bijvoorbeeld CSS. Het betekent ook om "semantisch correct te doen, Zelfs als anderen niet herkennen. Andere programmeertalen helpen bij het bouwen van webpagina`s (CSS, jаvascript en XML). HTML is een inhoudontwerper.

Wat je nodig hebt

Teksteditor die ANSI-codering ondersteunt
Webbrowser, zoals Internet Explorer of Mozilla Firefox
(Optioneel) WYSIWYG of WYKIWYG HTML-editor, zoals Adobe Dreamweaver, Aptana Studio of Microsoft Expression Web

Deel in het sociale netwerk: