Hvordan til at lære HTML

Learning HTML

1. 1
   Forstå markup tags. Markup tags informere din browser hvordan du får vist siden og dens indhold. De normalt kommer med en start-tag og en ende tag, med elementet indhold mellem tags.
   • En venstre-vinkel beslag eller mindre end-tegn ( < ) begynder tag og en ret vinkel beslag, eller større end-tegn ( > ) ender tag.
   • At fortælle om et tag er en start eller en slutkode, opmærksom på, at enden tag har en skråstreg / efter den første konsol: <tag> element indhold < / tag>.
2. 2
   Forstå formatet af et HTML-dokument. Der er to sektioner til et HTML-dokument. Hele dokumentet starter og slutter med tag, som er der for at informere din browser at den skal fortolke koden som HTML. Dokumentet er derefter delt op i to dele: hoved (koden indenfor tags) og kroppen head> (inden for de tags):
   Her er et eksempel på en meget grundlæggende HTML-dokument:
   <title> How to Learn HTML - Google </title>
This is a minimal HTML document
   
3. 3
   Lær anvendelser af hovedet tag. Hovedet kommer først, og den indeholder alle de ikke-indholdet kode, herunder:
   
   • Titlen på siden, for eksempel:
     
     • <title> How to Learn HTML - Google </title>
       
   • Meta tags, der bruges til at give metadata om en webside. Disse data kan bruges af søgemaskiner, når robotten gennemsøger internettet for at finde og liste 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 bruges til at linke siden til andre filer, for eksempel - (CSS stilarter af elementerne på siden) og favicon'er (et ikon tilknyttet webside, vises ved siden af url i adresselinjen og andre steder):
     
     • <link class="misspell" type="text/css" stylesheet">href="Iw==">
     • <link class="misspell" href="Iw==">
       
   • Scripttags bruges til at forbinde side Javascript filer (selv om dette ikke nødvendigvis at være i hovedafsnittet). Disse tags kan også indeholde JavaScript-kode i stedet for en ekstern fil:
     
     • <script class="misspell" src="c2NyaXB0cy5qcw==" language="javascript" type="text/javascript"></script>
4. 4
   Lær anvendelser af body-tagget. Kroppen kommer efter hovedet, og indeholder alt indhold koden - det indhold, der rent faktisk vises i browservinduet, herunder de mest almindelige tags:
   
   • Mærkaten for et afsnit:
     • <p>element content</p>
   • Mærkaten for fed:
     • <strong>element content</strong>
<b>element content</b>
   • Mærkaten for kursiv:
     • <i>element content</i>
<em>element content</em> (for fremhævning)
   • Mærkaten for overstregning:
     • <s>element content</s>
   • Mærkaten for ^hævet:
     • <sup>element content</sup>
   • Mærkaten for _sænket:
     • <sub>element content</sub>
   • Mærkaten for præformatteret tekst (vises præcis, hvordan du indtaster det herunder eventuelle blanke i elementet indholdet):
     • <nowiki> element content </nowiki>
   • Mærkaten for et telt (rulletekst) (Forældet):
     • <marquee> element content </marquee>
   • Mærkaten for koden tekst (vises like this ):
     • <code> element content </code>
   • De tags for overskrifter:
     
     • <h1>header text</h1>: det største header
       <h2>header text</h2> (den ^2.-niveau header)
       <h3>header text</h3> (den ^3.-niveau header)
       <h4>header text</h4> (4 ^th vater)
       <h5>header text</h5> (den mindste header)
       
   • Mærkaten for links og ankre:
     
     • Links:
       <a href="Iw==">text/image to display as the link</a>
       For eksempel:
       <a href="aHR0cDovL2dvb2dsZS5jb20=">Google</a>
     • Ankre (punkter i siden for at være knyttet til internt, som dette:
       <a name="Tips">element content, in this case the Tips section</a>
   • De tags for lister:
     • Nummereret og punktopstillinger lister:
       • Punktopstillinger (Uordnet):
         <ul><li>Item 1</li><li>Item2</li><li>Item 3</li></ul>
         
       • Nummererede lister (Bestilt):
         <ol><li>Item 1</li><li>Item 2</li><li>Item 3</li>
     • Definition lister:
       <dl><dt>Coffee</dt><dd>- Hot Beverage</dd><dt>Leite</dt><dd>- Cold Beverage</dd></dl>
   • De tags for tabeller:
     <table>table marks</table>
     
     • Rækker: <tr>
     • Kolonneoverskrifter: <th>
     • Celler: <td>
       Eksempel:
       <table><tr><th>Mês</th><th>Savings</th></tr><tr><td>January</td><td>75€</td></tr></table>
   • Lær de tags, der ikke behøver en afsluttende tag - dvs der er kun brug for én tag. Disse kaldes tomme tags, fordi der ikke er noget element indhold. I skal disse tags skal lukkes med en omvendt skråstreg /, Men stadig er der kun behov for én tag i både HTML og XHTML:
     
     • Mærkaten for et linjeskift: <br>
     • Mærkaten for en horisontal regel: <hr>
     • Mærkaten for billeder: <img src="eW91cl9pbWFnZV91cmw=">
5. 5
   Lær alle de andre tags. Der er forskellige ressourcer på internettet, som du kan bruge, kan lide eller Codecademy, eller du kan udvide din viden ved at kigge i HTML-kilden websider. Du kan gøre dette ved at højreklikke på siden og vælge "Vis kilde" eller lignende, eller ved at gå til Vis sektionen i menuen på din browser.
6. 6
   Lær de attributter og parametre til tags. Som før, kan du enten bruge læringsressourcer på internettet eller i bøger, eller du kan prøve at lære ved trial and error, og ved at se, hvordan de egenskaber bruges i andre websider.
   
   • Nogle almindelige attributter og parametre omfatter: