Hoe kan ik HTML leren

Leren HTML

1. 1
   Begrijp markup tags. Opmaakcodes informeren uw web browser hoe de pagina en de inhoud ervan weer te geven. Ze komen meestal met een start-tag en een eind-tag, met het content element in tussen de tags.
   • Een links-hoeksteun, of minder-dan-teken ( < ) begint de tag en een haakse beugel, of groter-dan-teken ( > ) eindigt de tag.
   • Te zeggen of een tag is een begin of een eind-tag, er rekening mee dat de eind tag heeft een slash / na de eerste schijf: <tag> content element < / tag>.
2. 2
   Begrijp het formaat van een HTML-document. Er zijn twee secties om een ​​HTML document. Het hele document begint en eindigt met de tag, die is er om uw browser te informeren dat hij de code als HTML te interpreteren. Het document wordt dan opgesplitst in twee delen: de kop (de code binnen de tags) en het lichaam head> (binnen de tags):
   Hier is een voorbeeld van een zeer eenvoudige HTML-document:
   <title> How to Learn HTML - Google </title>
This is a minimal HTML document
   
3. 3
   Leer de toepassingen van de hoofd-tag. Het hoofd komt eerst, en bevat alle niet-gehalte code, inclusief:
   
   • De titel van de pagina, bijvoorbeeld:
     
     • <title> How to Learn HTML - Google </title>
       
   • Meta tags, die worden gebruikt om metadata over een webpagina. Deze gegevens kunnen worden gebruikt door de zoekmachines wanneer de robot doorzoekt het internet te vinden en een lijst van websites:
     
     • <meta name="description" content="A description of your page">
     • <meta name="keywords" content="list of keywords, each separated by a comma">
     • <meta name="robots" content="options for enabling/disabling certain abilities of a web-crawler for search engines">
     • <meta content="en-gb" http-equiv="Content-Language">
     • <meta content="text/html" http-equiv="Content-Type">
       
   • Link tags worden gebruikt om de pagina te linken naar andere bestanden, bijvoorbeeld - (CSS-stijlen van de elementen in de pagina) en favicons (een pictogram in verband met de webpagina, verschijnt naast de url in de adresbalk en andere plaatsen):
     
     • <link class="misspell" type="text/css" stylesheet">href="Iw==">
     • <link class="misspell" href="Iw==">
       
   • Script tags worden gebruikt om de pagina te linken naar je Javascript bestanden (hoewel dit niet per se hoeft te worden in de head-sectie). Deze tags kunnen ook bevatten de JavaScript-code in plaats van een extern bestand:
     
     • <script class="misspell" src="c2NyaXB0cy5qcw==" language="javascript" type="text/javascript"></script>
4. 4
   Leer het gebruik van de body-tag. Het lichaam komt na de kop, en bevat alle inhoudscode - de inhoud die daadwerkelijk wordt weergegeven in het venster, zoals de meest voorkomende tags:
   
   • De tag voor een paragraaf:
     • <p>element content</p>
   • De tag voor vet:
     • <strong>element content</strong>
<b>element content</b>
   • De tag voor cursief:
     • <i>element content</i>
<em>element content</em> (voor nadruk)
   • De tag voor strikethrough:
     • <s>element content</s>
   • De tag voor ^superscript:
     • <sup>element content</sup>
   • De tag voor _subscript:
     • <sub>element content</sub>
   • De tag voor opgemaakte tekst (precies hoe je het in te voeren met inbegrip van eventuele witruimte in het element content wordt weergegeven):
     • <nowiki> element content </nowiki>
   • De tag voor een grote tent (lichtkrant) (verouderde):
     • <marquee> element content </marquee>
   • De tag voor code tekst (weergegeven like this ):
     • <code> element content </code>
   • De labels voor de rubrieken:
     
     • <h1>header text</h1>: de grootste header
       <h2>header text</h2> (het 2 ^e level header)
       <h3>header text</h3> (het ^3e niveau header)
       <h4>header text</h4> (de 4 ^e niveau header)
       <h5>header text</h5> (de kleinste header)
       
   • De tag voor de links en ankers:
     
     • Links:
       <a href="Iw==">text/image to display as the link</a>
       Bijvoorbeeld:
       <a href="aHR0cDovL2dvb2dsZS5jb20=">Google</a>
     • Ankers (punten in de pagina die moet worden gekoppeld aan intern, zoals deze:
       <a name="Tips">element content, in this case the Tips section</a>
   • De labels voor lijsten:
     • Opsommingen en lijsten:
       • Opsommingen (ongeordende):
         <ul><li>Item 1</li><li>Item2</li><li>Item 3</li></ul>
         
       • Genummerde lijsten (besteld):
         <ol><li>Item 1</li><li>Item 2</li><li>Item 3</li>
     • Definitie lijsten:
       <dl><dt>Coffee</dt><dd>- Hot Beverage</dd><dt>Leite</dt><dd>- Cold Beverage</dd></dl>
   • De tags voor tabellen:
     <table>table marks</table>
     
     • Rijen: <tr>
     • Kolomkoppen: <th>
     • Cellen: <td>
       Voorbeeld:
       <table><tr><th>Mês</th><th>Savings</th></tr><tr><td>January</td><td>75€</td></tr></table>
   • Leer de tags die niet een afsluitende tag nodig hebben - dat wil zeggen er is slechts nodig voor een label. Dit zijn de zogenaamde lege tags, omdat er geen content element. In, deze tags moeten worden afgesloten met een backslash /, Maar nog steeds is er slechts behoefte aan een tag in HTML-en XHTML:
     
     • De tag voor een regeleinde: <br>
     • De tag voor een horizontale regel: <hr>
     • De tag voor afbeeldingen: <img src="eW91cl9pbWFnZV91cmw=">
5. 5
   Leer alle andere tags. Er zijn verschillende bronnen op het internet die u kunt gebruiken, willen of Codecademy, of u kunt uw kennis uit te breiden door te kijken naar de HTML-broncode van webpagina's. U kunt dit doen door rechts te klikken op de pagina en selecteer "View Source" of soortgelijke, of door naar de sectie View in het menu van uw browser.
6. 6
   Leer de attributen en parameters voor de tags. Net als voorheen, kunt u gebruik maken van leermiddelen op het internet of in boeken, of je kunt proberen te leren met vallen en opstaan ​​en door te zien hoe de attributen en parameters worden gebruikt in andere webpagina's.
   
   • Enkele veel voorkomende attributen en parameters zijn onder meer: