Inhalt

• Schrëtt
• Method 1 vun 1: Schreift eng HTML Säit
• Tipps
• Warnungen
• Wat brauchs du

HTML (Hypertext Markup Language) ass déi primär Programméierungssprooch fir Websäiten z'entwéckelen. Erstellt als eng einfach a praktesch Programméierungssprooch. Déi meescht vun de Säiten um Internet goufen entwéckelt mat enger vun de Forme vun dëser Sprooch (ColdFusion, XML, XSLT). Nodeems Dir dësen Artikel gelies hutt, kënnt Dir Ären Training weider benotze mat anere Ressourcen um Internet. Probéiert um Internet no aner Artikelen ze sichen, déi mat dësem Thema ze dinn hunn.

Schrëtt

Method 1 vun 1: Schreift eng HTML Säit

1. 1 Ier Dir ufänkt Iech mat enger vun de Schrëtt hei vertraut ze maachen, kuckt d'Sektioun "Wat Dir braucht".
2. 2 Wat Dir wësse sollt ier Dir dëst Thema ufänkt ze verstoen:
3. 3 D'Basics. Hutt Dir jeemools vum Tag héieren? Den Tag ass ëmgi vu Wénkelklammern, mam Wuert bannen. Den Endtag gëtt an der selwechter Form geschriwwen, awer mat der Zousatz vun engem Schräg no der éischter Wénkelklammer. En Attribut ass en optional Wuert an engem Tag dat benotzt gëtt fir Detailer an en Tag ze addéieren.
4. 4 Den Ufank vum Dokument. An egal wéi en Texteditor Dir benotzt, paste an déi folgend:
   html> head> title> wikiHow / title> / head> body> Hallo Welt / Kierper> / html> grouss> / grouss>
   Den Tag muss mam selwechten Tag zougemaach ginn, awer mat engem Schräg no der éischter Wénkelklammer. Et ginn Ausnahmen wéi Tags META oder DOKTYPE.
5. 5 DOKTYPE
   • Normalerweis sinn déi meescht Websäiten agestallt DOCTYPE ". Dëst hëlleft d'Kodéierung ze bestëmmen wéi och wéi se vum Webbrowser erkannt gëtt. Déi meescht Säiten funktionnéieren ouni et, "awer dëst ass noutwendeg wann Dir wëllt passen (Si reguléieren d'Zorte vu Kodéierungen um Internet a wéi se benotzt ginn)... D'DOCTYPE fir HTML 4.01 gëtt hei ënnendrënner presentéiert :! DOCTYPE html PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd"> Dëst ass een vun den heefegsten DOCTYPE benotzt op Säiten am ganzen Internet.Als éischt weist et op den Typ vun der Säit, déi den 'html' beschreift, da beliicht se d'Art vu Kodéierung, a schlussendlech de Standuert vum DOCTYPE, deen als Resultat d'Säit fir de Webbrowser beschreift.
   • Et gi verschidden Aarte vun HTML (verschidde Versiounen iwwer d'Joren entwéckelt), zum Beispill mat neie Tags, oder spezifesche Tags. E puer Tags ginn ofgebaut (aner méi nëtzlech Tags ginn amplaz benotzt).
   • b> an ech> - dat ass wat de Moment op Tags imposéiert gëtt, well se gi benotzt fir Text ze transforméieren, awer net Spezifikatiounen, als Resultat kommen aner Tags fir se z'ersetzen. Tag staark> ass en Ersatz fir b> an, an em> ze, en Ersatz fir ech>.
   • Et ass wichteg datt déi vireg Tags mat Tags ersat ginn déi méi si wéi Formatéieren. Wann den Text iwwersat gëtt, da bleift net nëmmen d'Formatéierung, awer och seng Bedeitung d'selwecht. Dëst ass semantesch korrekt.
   • An der XHTML Versioun 2.0, b> an ech> net benotzt, sou wéi an HTML Versioun 3+.
6. 6 HTML "Encapsulation Rule".
   • Loosst eis déi méi wichteg Tags kucken déi de Moment am Gebrauch sinn. Wärend der Kreatioun vun der Säit gëtt eng einfach Struktur benotzt. Wann e Tag opgemaach gouf, dann als Resultat, et soll zougemaach ginn... Dëst gëllt fir déi ganz Struktur. Hei ass e gëltegt Beispill vun der XHTML Layoutstruktur:
   • ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   • html xmlns = "http://www.w3.org/1999/xhtml">
   • Kapp>
   • meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
   • title> Hallo Welt! / title>
   • / Kapp>
   • Kierper>
   • h1> Hallo Welt! / h1>
   • / Kierper>
   • / html>
   • Probe Code deen e Message erausbréngt Moien Welt... Dëst nennt een Test Moien Welt.
7. 7 Rubrik
   • Den Titel vun der Websäit ass den Inhalt tëscht dem Tag Kapp>... Dësen Inhalt kann net vum Benotzer gekuckt ginn (nëmmen den Titel deen am Titel vun der Säit ugewise gëtt). Informatioun tëscht Tags Kapp>, kënnen aner Tags zoumaachen, sou wéi:
     
     
     • De META Tag gëtt fir Informatioun benotzt déi nëtzlech ass fir Sichmotoren an aner Utilitys.
     • LINK Tag deen e Link tëscht Dokumenter erstellt, zum Beispill fir Styles (CSS).
     • SCRIPT Tag, dëst enthält bal all Webkodéierung, mat der Fäegkeet fir op afstand Zougang ze kréien (vun engem aneren Dokument).
     • De STYLE Tag, deen am Fong e Stil ass deen op eng Säit ugewannt ka ginn.
     • Den TITLE Tag ass den Tittel deen als den Titel vun enger Säit an Ärem Webbrowser erscheint.
   • Loosst eis eng Demo vun e puer vun dësen an engem Beispill Header vun dëser Websäit gesinn (et gouf verkierzt):
     • Kapp>
     • title> ... / title>
     • meta Numm = "Beschreiwung" Inhalt = "..." />
     • link rel = "stylesheet" type = "text / css" href = "..." />
     • meta http-equiv = "content-type" content = "text / html; charset = UTF-8" />
     • style type = "text / css" media = "all"> ... / style>
     • Skript Typ = "Text / Javascript" src = "..."> / Skript>
     • / Kapp>
       
       Am Fall wou Dir et net gemierkt hutt, goufen déi eenzel Tags markéiert, mat der aktueller Informatioun geläscht. D'Beispill ass zimmlech kuerz, weist bal all Tag an deem Dir fannt Kapp>ausser HTML Kommentar (Mir schwätzen iwwer dëst an einfachen Tags).
8. 8 Einfach Tags iwwerall
   • Loosst eis weiderfueren an aner Tags gesinn. Sidd virsiichteg mat Ärem Tagging an erënnert un d'Faumregel, "Encapsulation."
     
     
     • staark> Betount de wichtegen Text.
     • kleng> Maacht den Text méi kleng. Schrëftgréisst gëtt a Standardunitéite vun 1 op 7 gemooss, 3 ass d'Standardtextgréisst. ...
     • pre> Definéiert e Block vu räichen Text. Wéi et richteg ass, gëtt dësen Text an enger Schrëft vun der selwechter Gréisst getippt a mat alle Raum tëscht Wierder.
     • em> Weist Text als Saz.
     • del> Ausgeschloen Text.
     • ins> Definéiert den Text deen an d'Dokument agefouert gouf.
     • h1> Ee vu ville Rubriken. Tags vun dëser Aart starten mat 'h', mat engem Ënnerscheed an der Zuel. Gitt sécher den Tag mat der selwechter Nummer zou ze maachen.
     • p> Definéiert e Paragraf.
     • ! --- ... ---> Am Géigesaz zu anere Tags muss de Kommentar am Tag selwer sinn. Dës Informatioun ass nëmme sichtbar wann de Code gekuckt gëtt.
     • blockquote> Weist en Devis, ka mam Cite> Tag benotzt ginn.
     • Déi puer Beispiller uewendriwwer sinn net eng komplett Lëscht mat existente Tags. Fir iwwer anerer erauszefannen, besicht.
9. 9 Erstellt eng kloer Struktur
   • Säiten sinn entwéckelt fir Daten an einfache Sätz vun Tags ze halen sou datt mir d'Informatioun a Paragrafen kënne analyséieren. De Computer erkennt Daten; et weess net iwwer Kontext oder konzeptuell Verbindung. Mir mussen computerfrëndlech HTML Säiten erstellen. Dëst gëtt erreecht andeems Dir den Div Tag benotzt. Et hëlleft eng enorm Zuel vu Säiten ze kreéieren. Et kann mat CSS styléiert ginn an ass méi einfach wéi grouss Codetabellen fir de Layout ze kreéieren.
     • div> Dëse Tag ass speziell well et ka styléiert a getrennt Informatiounsblocken benotzt ginn, déi souwuel de Benotzer wéi de Computer kënne verstoen.
   • Loosst eis en einfachen HTML Layout kucken deen en Div Tag benotzt.
     • ! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     • html xmlns = "http://www.w3.org/1999/xhtml">
     • Kapp>
     • meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
     • title> Hallo Welt! / title>
     • / Kapp>
     • Kierper>
     • h1> Hallo Welt! / h1>
     • div id = "contentOne">
     • p> Dëst ass en Text am div # contentOne. / p>
     • div> dir
     • p> E Paragraf an enger Ënnersektioun vun div # contentOne / p>
     • / div>
     • / div>
     • / Kierper>
     • / html>
   • Div> Tags ze benotzen hëlleft mat Stiler ze fannen an z'änneren wärend Dir mat CSS a Javascript schafft. HTML benotzt verschidde Kodéierung fir mat CSS Stiler a Javascript ze schaffen fir eng besser a méi reaktiounsfäeger Benotzererfarung ze kreéieren.

Tipps

• Nodeems Dir dësen Artikel gelies hutt, stoppen net a denkt datt Dir alles geléiert hutt wat Dir wësse musst. Et gëtt ëmmer eppes ze léieren, besonnesch an dëser Technologie.
• Léiert, verstitt a schreift Code.
• Notéiert datt e puer Tags nëmmen> benotzen. Para a br sinn e puer Beispiller. Aner Tags opgemaach mat> musse weider zougemaach ginn. Zum Beispill, "div> / div>".
• D'Leit erwaarden nei Entdeckungen, also nei erfannen, designen oder codéieren.
• Wann Dir vill geléiert hutt, probéiert d'Server Programméiere léieren.
• Léiert mat CSS souwéi Javascript ze schaffen.

Warnungen

• Denkt drun, HTML ass alles ëm den Inhalt z'änneren. Dëst bedeit datt HTML nëmme benotzt gëtt fir Inhalt an engem unerkannte Format ze späicheren. Aner Ännerunge musse mat anere Technologien gemaach ginn, sou wéi CSS. Et heescht och "Semantesch korrekt ze maachenoch wann anerer dat net zouginn. Aner Programméierungssprooche hëllefen Websäiten ze bauen (CSS, Javascript, an XML). HTML ass en Inhaltskonstruktor.

Wat brauchs du

• En Texteditor deen ANSI Kodéierung ënnerstëtzt
• E Webbrowser wéi Internet Explorer oder Mozilla Firefox
• (Optional) wysiwyg oder wykiwyg HTML Editor wéi Adobe Dreamweaver, Aptana Studio, oder Microsoft Expression Web