Tutorial ràpid i brut de HTML

HTML5 és el llenguatge de marques que s'utilitza per escriure pàgines que apareixen a la web. Segueix regles que potser no semblin obertes al principi. Tanmateix, en HTML5, només hi ha algunes coses que necessiteu saber per començar a escriure un document HTML, que podeu fer en qualsevol programa de processament de textos.

Etiquetes d'obertura i tancament

Amb poques excepcions, totes les instruccions, etiquetes anomenades, vénen en parelles. S'obren i tanquen a HTML5. Qualsevol cosa entre l'etiqueta d'obertura i l'etiqueta de tancament segueix les instruccions donades per l'etiqueta d'obertura. L'única diferència en la codificació és l'addició d'una barra inclinada cap endavant a l'etiqueta de tancament. Per exemple:

Headline Goes Here

Les dues etiquetes aquí indiquen que tot el contingut entre els dos hauria d'aparèixer en el títol de mida h1. Si oblideu afegir l'etiqueta de tancament, tot el que segueixi l'etiqueta d'obertura apareixerà a la capçalera mida h1.

Les etiquetes bàsiques en HTML5

Els elements bàsics necessaris per a un document HTML5 són:

La declaració doctype no és una etiqueta. Explica a l'ordinador que arribi HTML5. Va a la part superior de cada pàgina HTML5 i pren aquest formulari:

L'etiqueta HTML indica a l'ordinador que tot el que apareix entre l'etiqueta d'obertura i tancament segueix les regles d'HTML5 i s'ha d'interpretar d'acord amb aquestes regles. A l'interior de l'etiqueta, normalment trobareu l'etiqueta i l'etiqueta.

Aquestes etiquetes proporcionen l'estructura del vostre document, donen als navegadors quelcom familiar per usar i, si alguna vegada canvia els vostres documents a XHTML, es requereixen en aquesta versió del llenguatge.

L'etiqueta principal és important per a l'optimització de SEO o per a la cerca. Escriure una bona etiqueta de títol és el més important que podeu fer per atreure lectors a la vostra pàgina. No es mostra a la pàgina, però es mostra a la part superior del navegador. Quan escriviu el títol, utilitzeu paraules clau que s'apliquin a la pàgina però que sigui llegible. El títol entra dins de les etiquetes d'obertura i tancament.

L'etiqueta del cos conté tot el que veus a la pantalla de l'ordinador quan obriu una pàgina web. Gairebé tot el que escriu per a una pàgina web apareix entre les etiquetes d'obertura i tancament. Posa aquests conceptes bàsics junts i tens:

El cap del títol es dirigeix ​​aquí. Tot aquí a la pàgina web. Tingueu en compte que cada etiqueta té una etiqueta de tancament corresponent.

Etiquetes d'encapçalament

Les etiquetes d'encapçalament determinen la mida relativa del text d'una pàgina web. Les etiquetes h1 són les majors, seguides de mida per les etiquetes h2, h3, h4, h5 i h6. Utilitzeu-les per destacar el text d'una pàgina web com a títol o capçalera. Sense etiquetes, tot el text apareix de la mateixa mida. Les etiquetes de titulars s'utilitzen d'aquesta manera:

Subhead Goes Here

Això és. Podeu configurar i escriure una pàgina web que consisteixi en text amb titulars i subtítols.

Després de practicar amb això un temps, haurà d'aprendre a afegir imatges i com ingressar enllaços a altres pàgines web. HTML5 és capaç de molt més que aquestes primeres bases bàsiques d'introducció.