Apreneu HTML bàsic per començar a construir un lloc web
Conegueu HTML bàsic per crear el vostre lloc web. L'HTML bàsic no és difícil d'aprendre. Aprendre HTML és probablement el més important que mai farà si voleu crear el vostre propi lloc web personal. Heu d'aprendre HTML per dissenyar bones pàgines perquè és l'idioma en què es basa el lloc web a Internet.
Els llocs web són una bona manera de mostrar alguna cosa a la vostra vida. HTML bàsic us permetrà mostrar al món el que vulgueu mostrar al vostre lloc web. Afegir colors, canviar la mida del text i incloure imatges al vostre lloc web són només algunes de les coses que podeu fer quan apreneu HTML bàsic.
Per aprendre HTML bàsic, cal tenir en compte que es tracta simplement d'una sèrie de lletres que són abreviatures del que en realitat són. Per exemple, H1 significa un encapçalament d'un paràgraf que és el primer de cinc mides i BR és un salt de línia.
Una cosa important a recordar, mentre aprèn HTML bàsic, és que en una pàgina web les etiquetes HTML han de tenir un ordre determinat i la majoria d'etiquetes HTML han de tenir una etiqueta d'inici i final per al navegador per reconèixer l'ordre. Una etiqueta final és simplement la mateixa que l'etiqueta inicial, excepte que comença amb el símbol / . Un encapçalament semblaria a aquest Heading Here H1>
. Hi ha una etiqueta d'inici, H1 , l'encapçalament i una etiqueta final, / H1 .
Conegueu HTML bàsic de la manera correcta i recordeu que les etiquetes han d'anar en un ordre determinat. L'estructura bàsica d'una pàgina web és la següent:
Aquí podeu posar informació important sobre el document, com ara marcs, idioma i instruccions especials.
HEAD>
Publica la teva història, imatges, enllaços i tota la resta aquí.
Encapçalament del vostre paràgraf. H1>
Aquí és on introduïu el text del vostre document. P>
Així és com escriure un enllaç:
http://www.nameofpage.com "> Títol o el que vols dir.
BODY>
HTML>
També podeu introduir un enllaç al centre d'una frase. Si voleu dir "Microsoft té algunes demostracions meravelloses". Es veuria així:
http://www.microsoft.com/en/us/default.aspx "> Microsoft té algunes demostracions meravelloses que us ajudaran a aprendre HTML bàsic.
No només podeu crear enllaços a altres pàgines, sinó també crear enllaços a un altre lloc de la mateixa pàgina. Si volgués que tornés al començament d'aquest article, diria alguna cosa com "Tornar" i fent clic a l'hipervincle es tornaria al principi. Aquesta és una mica més difícil perquè hi ha dues parts. Primer de tot, creeu el vostre enllaç:
nameofdocument #There"> Tornar << /A>
La paraula "Hi ha" és la paraula que vull tornar a fer, per la qual cosa ara he d'anar a aquesta paraula i crear i ancorar perquè l'enllaç que acabo de crear sap a on anar:
Quan apreneu HTML bàsic, podeu escriure el vostre lloc web a l'editor de text que inclou Windows, programes com NoteTab i Arachnophilia o un que inclou el vostre navegador web . De qualsevol manera si només segueixes les regles des de quan vas aprendre HTML bàsic tot sortirà bé.
Etiquetes HTML bàsiques
- Comentaris d'autor que el navegador no ha vist.
... HTML> - Inici i finalitzeu sempre la pàgina amb aquesta etiqueta.
... HEAD> - Capçalera del document.
... BODY> - Cos del document.
... H1>
- Mida més petita de l'encapçalament.
... H2>
- Petita mida d'encapçalament.
... H3>
- Mida mitjana del títol petit.
... H4>
- mida de títol mitjà-gran.
... H5>
- mida d'encapçalament gran.
... H6>
- mida del títol més gran.
... - Inicia un enllaç d'hipertext.
... ADDRESS> - Informació sobre autor.
... BLOCKQUOTE>
- Cometes llargues.
... PRE>
- Text preformatat.
- Crea un quadre per introduir text.
- Crea un menú de desplaçament.
- Crea elements per seleccionar.
... OL>
- Llista ordenada.
Exemple d'una llista ordenada:
- vermell
- blau
- verd
... UL>
- Llista desordenada.
Exemple d'una llista desordenada:
- vermell
- blau
- verd
... DL>
- Llista de glossaris.
... CITE> - Cita.
... CODE>
- Font del codi.
... DFN> - Terme definit.
... EM> - Èmfasi.
Exemple d'èmfasi en vermell:
vermell, blau, verd
... I> - Italic.
Exemple de cursiva:
vermell, blau, verd
... KBD> : text del teclat.
... SAMP> - Text de mostra.
... STRONG> - Un gran èmfasi.
Exemple d'èmfasi fort:
vermell, blau, verd
... TT> - Text de màquina d'escriure.
... VAR> - Variable.
... B> - Negreta.
- Descriu el document.
- Trencament de línia.
- Línia horitzontal.
- Imatge.
- Paràgraf.
- Element de la llista.
- Marca un terme d'una llista.
- Marca la definició a la llista.