Escriure en HTML: conceptes bàsics d'HTML

És més fàcil del que penseu

Un bon CMS fa que sigui fàcil publicar articles al vostre lloc web. Però, què exactament publiques? Diversos paràgrafs de text. I si aquest text no està formatat correctament, el vostre bon article apareixerà trencat al vostre lloc web.

Les bones novetats: si aprèn a escriure en HTML, el vostre article es veurà genial. Amb uns conceptes bàsics, escriureu en HTML en molt poc temps.

HTML: idioma del navegador web

"HTML" significa "Llenguatge de marques d'hipertext". Bàsicament, és un llenguatge per marcar el vostre text , de manera que pot fer coses de luxe com ara en negreta o enllaçar-se a algun altre lloc.

HTML és el llenguatge bàsic del vostre navegador. Utilitzem molts llenguatges de programació per a Internet (PHP, Perl, Ruby i altres), però en última instància, tots esgoten HTML. (Bé, o JavaScript, però mantinguem aquest senzill.)

El vostre navegador pren l'HTML i el converteix en una pàgina web molt bonica.

Aprèn a escriure en HTML i sabrà exactament què està dient al navegador.

HTML marca un text ordinari

HTML és un llenguatge de marques , de manera que la majoria de "HTML" és simplement text. Per exemple, això és perfectament bo HTML:

Hola. Sóc HTML. Emocionant. Sí. Increïble

Però espera, dius. Això no sembla un llenguatge informàtic ! Sembla anglès!

Sí. Ara coneixeu el gran secret. HTML (quan s'utilitza correctament) és un text llegible.

Conegueu l'experiència del processador de textos

Per descomptat, volem més que text pla. Volem, diguem, cursiva .

Ja sap com obtenir cursiva en un programa de processador de textos (com Microsoft Word o LibreOffice). Premeu el petit botó I.

Tot el que escriviu des d'aleshores està en cursiva. Podeu escriure per a pàgines. Com atureu aquest festival d'èmfasi? Premeu el botó I de nou. Ara la vostra font tornarà a la normalitat.

Si tornes a la meitat de les paraules en cursiva i afegeixes un text, també serà en cursiva. Hi ha una mena de zona de cursiva entre el punt de partida, on heu activat la cursiva i el punt final, on heu desactivat.

Malauradament, aquests punts finals són invisibles.

Els extrems invisibles poden causar molta dolor. Tot és molt senzill per activar la cursiva i, a continuació, fer una mica de pas amb el cursor i trobar que encara està en cursiva. Intenteu desactivar-los de nou, però d'alguna manera s'ha mogut de nou , de manera que apagar-los realment els alterna ... és un embolic.

Usos HTML & # 34; etiquetes & # 34;

HTML també utilitza punts finals. La diferència és que, en HTML, podeu veure aquests extrems. Els heu d'escriure. S'anomenen etiquetes .

Suposem que vulgueu picar aquest exemple anterior. Voleu cursivar la paraula "Emocionant". Escriurà emocionant . Com això:

Hola. Sóc HTML. emocionant . Sí. Increïble

L'estalviareu al vostre editor de text i, a continuació, copieu i enganxeu el codi HTML al quadre "nou article" del vostre CMS. Quan el navegador mostrava la pàgina, es veuria així:

Hola. Sóc HTML. Emocionant . Sí. Increïble

A diferència d'un processador de text, no veieu la cursiva a mesura que escriviu. Escriuen les etiquetes. El navegador llegeix les etiquetes, les fa invisibles i segueix les instruccions.

Pot ser molest per veure totes aquestes etiquetes, però l'editor de text correcte fa que sigui molt més fàcil.

Etiquetes d'obertura i tancament

Mireu de nou les etiquetes i . El gira en cursiva, igual que el primer clic del botó I. El s'activa en cursiva, com el segon clic.

En lloc de fer clic a un botó, escriviu petites etiquetes. Una etiqueta d'obertura per iniciar cursiva, una etiqueta de tancament per aturar-los.

Tingueu en compte la diferència entre les etiquetes. El tancament té una /, una barra inclinada. Totes les etiquetes de tancament en HTML tindran aquesta barra inclinada.

No oblideu l'etiqueta de tancament

Les etiquetes de tancament són molt importants. Què passa si oblideu el tancament , així?

Hola. Sóc HTML. emocionant. Sí. Increïble

És com si hagués oblidat fer clic a la meva altra vegada per activar la cursiva. Obtindreu això:

Hola. Sóc HTML. Emocionant. Sí. Increïble

Una sola etiqueta perduda pot convertir tot el vostre article, o fins i tot la resta de la pàgina, en un riu de cursiva.

Probablement, aquest sigui l'error de principiant més fàcil i més inquietant que podeu fer. Però és fàcil de solucionar. Només has d'aparèixer a l'etiqueta de tancament.

Ara apreneu algunes etiquetes

Felicitacions Vostè entén HTML bàsic!

Text ordinari marcat amb etiquetes d'obertura i tancament. Això és més que això.

Ara veieu algunes etiquetes HTML bàsiques. (És possible que vulgueu obtenir un editor de text decent primer).