Inhalt

• Schrëtt
• Deel 1: Wéi ech HTML entdeckt hunn
• Berodung
• Opgepasst
• Wat Dir braucht

HTML (HyperText Markup Language) ass eng Basis Sprooch fir Websäiten ze bauen. Et gouf als eng einfach a flexibel Kodéierungssprooch erstallt. Bal all Websäit um Internet gëtt mat enger Form vun dësem Code (ColdFusion, XML, XSLT) entwéckelt. HTML ass einfach ze begräifen, awer Dir kënnt weider laang léieren doriwwer wann Dir u senger ëmfaassender Funktionalitéit interesséiert sidd. Fir Faarf a Spaass op Är Websäit ze addéieren, kënnt Dir d'Grondlage vum CSS léieren soubal Dir Iech un eng Basis HTML Säit gewinnt hutt.

Schrëtt

Deel 1 vu 4: Bauen en Dokument

1. 

   Öffnen en einfachen Texteditor. NotePad ass eng gutt Optioun a ka gratis erofgeluede ginn. Dir kënnt HTML mat de meeschten Texteditoren schreiwen, awer méi komplex Software mat automateschen Formatéierungsfäegkeeten kann et schwéier maachen Är HTML Säit z'organiséieren.
   • Benotzt net TextEdit, well et späichert d'Datei normalerweis an engem Format Äre Browser kann net als HTML erkennen.
   • Dir kënnt och en Online HTML Editor benotzen. Engagéiert HTML Editing Programmer sinn net fir Ufänger empfohlen.

2. 

   
   
   Späichert eng Datei als Websäit. Wielt Datei → Späicheren Wéi am Menü uewen. Ännert de Dateiformat op "Websäit", ".html" oder ".htm". Späichert d'Datei wou Dir se einfach fanne kënnt.
   • Et gëtt keen Ënnerscheed tëscht dësen dräi Optiounen.

3. 

   Öffnen d'Datei an engem Browser. Duebelklick op d'Datei, an et gëtt automatesch als eidel Websäit an Ärem Browser op. Alternativ kënnt Dir e Browser opmaachen, wéi Firefox oder Internet Explorer, an dann Datei → Datei opmaachen fir d'Dokument ze wielen.
   • Dës Websäit ass net online. Et ass nëmmen op Ärem Computer ze gesinn.

4. 

   
   
   Aktualiséiert d'Websäit a kuckt d'Ännerunge gemaach. Gidd d'folgend an Äert eidel Dokument: Hallo. Späichert d'Dokument. Frëscht déi eidel Websäit an Ärem Browser op, an Dir sollt d'Wuert "Moien" fett gesinn uewen op der Säit. Wann Dir Är nei HTML wärend dësem Tutorial wëllt testen, späichert d'.htm Dokument, a frëscht dann Är Browserfenster fir ze kucken wéi HTML kompiléiert gëtt.
   • Wann Dir d'Wierder "gesitt"an"'' Erschéngt an Ärem Browser, d'Datei ass net korrekt an HTML kompiléiert ginn. Probéiert en aneren Texteditor oder en anere Browser.

5. 

   
   
   Léiert d'Tags. HTML Befehle ginn a "Tags" geschriwwen, déi dem Browser soen, wéi Dir Är Websäit kompiléiert an affichéiert. Si ginn ëmmer an eenzel Zitater geschriwwen , a ginn net op der Websäit ugewisen wéi Dir se am Beispill hei uewen benotzt hutt:
   • ass eng "Startkaart" oder "oppe Kaart". Alles wat no dësem Tag geschriwwe gëtt gëtt als "fett" definéiert (fett op enger Websäit).
   • ass en "End Tag" oder "Schluss Tag", deen Dir mam Symbol / Zeeche ënnerscheede kënnt. Et bezeechent d'Enn vu fettem Text. Déi meescht (net all) Tags brauchen en Endmark fir ze funktionéieren, also gitt sécher datt Dir se abegraff.

6. 

   Bauen Äert Dokument. Läscht alles an Ärem HTML Dokument. Fänkt un mat dem folgenden Text, genau wéi et geschriwwe gouf (minus d'Kugelzuelen). Dëse HTML Code erzielt de Browser wéi eng HTML HTML Dir benotzt, an datt all Är HTML an d'Tags placéiert gëtt. an .

7. 

   Füügt de Kapp (Kapp) a Kierper Tags bäi. HTML Dokumenter sinn an zwee Deeler opgedeelt. De "Top" Sektioun ass fir speziell Informatioun, wéi den Titel vun der Säit. De "Kierper" Sektioun enthält den Haaptinhalt vun der Säit. Füügt zwou vun dëse Sektiounen an Äert Dokument bäi, an denkt drun d'Endtags mat anzebannen. Den nei hinzugefügten Text ass fett:

8. 

   Gitt Är Säit en Titel. Gréissten Deel vun de Kaarten am Kapp Sektioun sinn net wichteg mat engem Ufänger ze léieren. Den Titel Tag ass awer einfach ze benotzen a bestëmmt wat als Numm vun der Browserfenster oder op der Browser Tab ugewise gëtt. Setzt Är Iwwerschrëft Start an Enn Tags an den Head Tags, a schreift all Header déi Dir gär tëscht dësen Tags:
   Annonce

Deel 2 vu 4: Text Formatéieren

1. 

   Füügt Text zu Ärem Kierper bäi. Fir dës Sektioun wäerte mir nëmme mat Body Tags schaffen. Deen aneren Text wäert nach ëmmer an Ärem Dokument sinn, awer mir späichere Plaz andeems mir et net an dësem Tutorial widderhuelen. Schreift wat Dir wëllt tëscht de Kaarten an , an et wäert als éischten Inhalt op Ärer Säit erschéngen. Zum Beispill:
   • Ech hunn dem wikiHow Instruktioune gefollegt fir eng HTML Säit ze schreiwen.

2. 

   Setzt Iwwerschrëften fir den Text derbäi. Organiséiert Är Säit mat Iwwerschrëftstags, déi de Browser beoptragen Text tëscht hinnen a méi grousser Schrëftgréisst ze weisen. Dës Tags ginn och vu Sichmaschinnen an aneren Tools benotzt fir festzestellen ëm wat Är Websäit geet a wéi se organiséiert ass.
   ass déi gréissten Iwwerschrëft, an Dir kënnt méi kleng Iwwerschrëfte erstellen bis
   . Probéiert se op Ärer Säit:
   • Wëllkomm op menger Säit.

   • Ech hunn dem wikiHow Instruktioune gefollegt fir eng HTML Säit ze schreiwen.

   • Mäin Zil haut:

   • Fäerdeg Ziler:

   • Léiert wéi Dir Rubriken benotzt.

   • Onkomplett Ziler:

   • Léiert méi Text Formatéierung Tags.

3. 

   Léiert méi Textformatting Tags. Dir hutt de "staarke" Tag scho gesinn, awer et gi vill aner Weeër fir Ären Text ze formatéieren. Probéiert dës Tags, oder mat méi Tags gläichzäiteg fir déi selwecht Textstreng. Denkt drun Ännertags hanne bäizefügen!
   • Wichtegen Text, fett am Browser ugewisen.
   • Betount Text, kursiv am Browser ugewisen.
   • Text e bësse méi kleng wéi gewinnt. Dësen Text ännert automatesch d'Gréisst wann en an enger Rubrik benotzt gëtt.
   • Text ass net méi relevant, mat engem Kierperstreif ugewisen.
   • Text gëtt méi spéit agebaut wéi aner Dokumenter, mat Ënnersträiche gewisen.

4. 

   Organiséiert Text op Ärer Säit. Dir hutt vläicht gemierkt datt de "Enter" dréckt net genuch ass fir datt den Text op enger anerer Zeil kënnt. Dës Tags kënnen Iech hëllefen Abschnitter ze kreéieren an Zeilpausen, oder Ären Text op aner Weeër ze arrangéieren:

   • Kuerz fir "Paragraf" (Paragraf) Tag hält den ganzen Text tëscht dësen Tags an engem Paragraf, an trennt en vum Text uewen an drënner.

   • 
     Dësen Tag generéiert Zeilbriechungen. Füügt keen Endmark derbäi, well et stéiert keen aneren Inhalt. Benotzt dësen Tag a Gedichter oder Adresslinnen, net Paragrafen.

   • Wann Dir den Text ganz präzis weise musst, setzt dësen Tag den Text dobannen op eng feste Breet Schrëft (all Buschtaf huet déiselwecht Breet), an erlaabt Iech Intervalle ze kreéieren Eidel a Linnebriecher wéi Dir wëllt fir eng regulär Ännerung amplaz vun Tags.

   • Dësen Tag definéiert den Typ vum Text deen aus enger Quell zitéiert gëtt.

     Dir kënnt d'Quell méi spéit mat beschreiwen zitéieren Kaart.

5. 

   Invisiblen Ënnerschrëftstext derbäisetzen. Kommentar Tags ginn net op der Websäit ugewisen. Si erlaben Iech Iech an den HTML Dokument ze annotéieren ouni den Inhalt ze beaflossen. Füügt keen Ennmark derbäi.
   • D'Kaarte déi alleng ginn ouni d'Ennmarkéierung ginn "eidel Tags" genannt.

6. 

   Kombinéiert se zesummen. De beschte Wee fir dës Tags ze erënneren ass se op Ärer Websäit ze benotzen. Hei ass e Beispill mat de Kaarten an de Schrëtt déi Dir bis elo geléiert hutt. Probéiert virauszegesinn wéi se am Browser opdauchen, kopéiert se dann op Äert Dokument an fannt eraus.
   • Wëllkomm op menger Websäit.

   • Hoffen Dir genéisst dës Säit!

     Ech hunn et just fir Iech gemaach.

   • Deel 1: Wéi ech HTML entdeckt hunn

   • Ech hunn HTML scho geléiert an eent zweeStonnen, also elo sinn ech en Expert.
   Annonce

Deel 3 vu 4: Dobäi Links a Biller

1. 

   Léiert iwwer Attributer. Tags kënnen zousätzlech Informatioune bannen geschriwwen hunn, genannt Attributer. Dës Attributer ginn duerch zousätzlech Wierder bannent den Tags selwer, a Form duergestallt Eegeschaftsnumm = "spezifesche Wäert". Zum Beispill, all HTML Tag kann den Titelattribut hunn:

   • Den Aféierungsparagraf ass hei.

     Titel de Paragraf "Aféierung", deen erscheint wann Dir iwwer de Paragraf op der Websäit schwieft.

2. 

   Linken op aner Websäiten. Benotzung vu Kaarten fir en Hyperlink op all aner Websäit ze kreéieren. Setzt d'URL vun der Websäit fir ze verknäppt mam Href Attribut. Hei ass e Beispill dat Link op d'Websäit liest:
   • Är Besucher op Ärer Websäit kënnen op dësen Text klickt fir de Link ze verfollegen.

3. 

   Füügt en Id Attribut zum Tag bäi. En anert Attribut dat all HTML Tag ka benotzen ass den "id" Element. An all Kaart, schreift id = "vidu" oder benotzt all Numm dee keng Plazen enthält. Et produzéiert kee sichtbaren Effekt, awer mir benotze se am nächste Schrëtt.
   • Zum Beispill füügt déi folgend zu Ärem Dokument bäi:

     Dëse Paragraf gëtt als Beispill benotzt fir ze beschreiwen wéi d'Id Attribut funktionnéiert.

4. 

   Link op en Element mat enger bestëmmter Id. Elo kënne mir den Hyperlink Tag benotzen, , fir op eng aner Plaz op der selwechter Säit ze linken. Amplaz vun enger URL benotze mir d'Symbol #, gefollegt vum ID-Wäert op deen mir wëllen a Verbindung bréngen. Zum Beispill, Dësen Text verlinkt mam Text mat der Id "vidu."
   • All HTML Wäerter si kleng a kleng. "#VIDU" an "#vidu" wäerte béid op déi selwecht Plaz verknäppt.
   • Wann Är Säit kuerz genuch ass fir déi ganz Säit gläichzäiteg ze affichéieren, da mierkt Dir wuel näischt wann Dir de Link an Ärem Browser klickt. Ännert d'Gréisst vun der Fënster bis d'Scrollbar erscheint, a probéiert nach eng Kéier.

5. 

   Foto derbäi. Kaart ass en eidelen Tag, dat heescht datt keen Endmark gebraucht gëtt. All d'Informatioun déi de Browser brauch fir d'Bild ze weisen ass mat Attributer bäigefüügt. Hei ass e Beispill fir de wikiHow Logo ze weisen, mat enger Beschreiwung fir all Attribut hannert:
   • 
   • Eegeschaften src = "" erzielt de Browser wou d'Foto ass. (Bedenkt datt eng Foto vun engem anere Site publizéieren als onpassend ugesinn - an d'Foto verschwënnt wann d'Säit net méi aktiv ass.)
   • Eegeschaften Stil = "" Et kann vill Saache maachen, awer am wichtegsten ass et benotzt fir d'Breet an d'Héicht vun engem Bild a Pixel ze setzen. (Dir kënnt och déi getrennten Attributer Breet = "" an Héicht = "" amplaz benotzen, awer dëst kann zu komesche Gréisste Problemer féieren wann Dir CSS benotzt.)
   • Eegeschaften alt = "" ass eng kuerz Beschreiwung vum Bild deen de Benotzer gesäit ob d'Bild net gelueden ass. Dëst gëtt als Ufuerderung ugesinn, well et gëtt benotzt fir Bildschirmlieser fir Websäit Visiteuren déi blann sinn.
   Annonce

Deel 4 vu 4: Léiert Méi Är Websäit online bäizefügen an ze kréien

1. 

   Confirméiert Är HTML. HTML Validatioun kontrolléiert no Feeler an Ärem Code. Wann Äre Site net korrekt affichéiert, kann d'Validatioun Iech hëllefen de Feeler ze fannen deen de Problem verursaacht. Et kann Iech och méi iwwer HTML léieren andeems Dir feststellt datt de Code gutt am Display gesäit, awer et ass net méi recommandéiert wéinst neien Aktualiséierungen am HTML Standard. Benotzung vun ongültegen HTML mécht Äre Site net onnëtz, awer ka Problemer verursaachen oder onbestänneg a verschiddene Browser affichéieren.
   • Probéiert e gratis Online Validatiounsservice vu W3C, oder sicht en anert HTML 5 Validatiounstool online.

2. 

   Léiert méi Tags an Attributer. Et gi vill aner HTML Tags an Attributer, a vill Plazen fir se ze léieren:
   • Probéiert w3schools an HTML Dog fir méi Tutorials a komplett Lëschte vun Tags.
   • Fannt eng Websäit déi Iech gefält wéi et ausgesäit, a benotzt dann de Browser seng "View Page Source" Funktioun fir den HTML Code selwer ze kréien. Kopéiert et an Äert Dokument a studéiert wéi et funktionnéiert.
   • Liest aner Artikelen a léiert wéi Dir Dëscher an HTML erstellt, benotzt Metatags fir Är Chancen ze erhéijen et duerch Sichmaschinnen ze fannen oder eng Divisioun ze benotzen. setzt e Gebitt op der Säit) a Spann (benotzt fir de Stil vum Textelement ze spezifizéieren) fir de Stil duerch CSS ze hëllefen.

3. 

   Kritt Är Websäit online. Wielt e Service fir Är Websäit ze hosten, an da kënnt Dir esou vill HTML Säiten eroplueden wéi Dir wëllt op Är perséinlech Web Domain. Fir dëst ze maachen, musst Dir FTP Upload Software benotzen, awer vill Web Locatiounsservicer bidden och dëse Service un.
   • Wann Dir op Säiten oder Biller verlinkt déi direkt op Ärem Site sinn, musst Dir déi ganz Adress benotzen. Zum Beispill, wann Ären Domain Numm www.chuyengiahtmlsieudang.com ass, dann den Text ass an dësen Tags wäert Link op "www.chuyengiahtmlsieudang.com/nhatky/thuhai.html"

4. 

   Füügt Stiler mat CSS bäi. Wann Är HTML Säit e bësse monoton ausgesäit, probéiert d'Grondlage vun CSS ze léieren fir Faarwen, verschidde Schrëften bäizefügen a besser ze kontrolléieren iwwer wou Elementer placéiert sinn. D'Verknëppung vun engem CSS "Styleblatt" op eng HTML Säit erlaabt Iech staark Ännerungen direkt ze maachen, automatesch de Stil vun allen Text an engem gegebenen Tag unzepassen. Dir kënnt e bësse mat der Basis Formatéierungsschicht hei spillen oder daucht méi detailléiert Tutorials am HTML Dog sengem CSS Tutorial.

5. 

   Füügt JavaScript op Är Websäit bäi. JavaScript ass eng Programmiersprache fir vill Funktionalitéit op Är HTML Säiten ze addéieren. D'Javascript Kommandë ginn tëscht de Start- an Enn-Tags agefouert , a kënne benotzt ginn fir interaktiv Knäppercher bäizefügen, mathematesch Problemer auszerechnen a méi. Fannt méi eraus an de w3c Beispiller. Annonce

Berodung

• D'Doctype Deklaratioun (Dokumenttyp Deklaratioun benotzt) an dësem Tutorial benotzt ass "locker HTML 4.0.1 Iwwergangs" (HTML 4.0.1 net enk Iwwergang), en einfacht Format. fir Ufänger ze benotzen. Benotzen () eng Alternativ fir de Browser fir et am strengen HTML 5 Format ze kompiléieren, wat de recommandéierten (awer manner heefeg benotzte) Standardstil ass.

Opgepasst

• Den Zweck vun HTML ass Inhalt ze halen an engem globalen Format. Et huet keng Kontroll iwwer d'Presentatioun vun Ärer Websäit, sou wéi d'Hannergrondfaarf an déi exakt Plazéierung vun den Elementer. Och wann et nach ëmmer Tags sinn déi Iech erlaabt dëst ze maachen, ass et eng gutt Iddi CSS ze benotzen fir eng méi kontrolléierbar a konsequent Websäit ze kreéieren.

Wat Dir braucht

• En einfachen Texteditor, wéi NotePad oder TextEdit
• E Webbrowser, wéi Internet Explorer oder Mozilla Firefox
• (Optional) En HTML Editor wéi Adobe Dreamweaver, Aptana Studio oder Microsoft Expression Web