Com crear un lloc web en poques hores

Crear un lloc web no ha de ser difícil. En aquest article, explicarem els conceptes bàsics de la creació de pàgines HTML i com crear una llista de mini-inclou. Pròxim, parlarem de com utilitzar l'html>-etiqueta per destacar el text. En definitiva, us mostrarem com crear un lloc web en poques hores. També cobrirem algunes altres tècniques útils.

Creació d'una pàgina html

HTML és el llenguatge utilitzat per crear pàgines web. Defineix l'estructura de la pàgina web i CSS controla com es mostra el contingut. No és difícil crear una pàgina HTML bàsica. Aquí teniu una guia pas a pas per començar. Un cop tingueu una pàgina HTML bàsica, esteu preparats per crear-ne de més complexos i dinàmics. Per començar, necessitareu un editor de text i un navegador web.

També podeu utilitzar un processador de textos com MS Word per crear el contingut de la vostra pàgina web. Podeu utilitzar hiperenllaços per connectar el text entre ells. També podeu desar el fitxer com a fitxer html, una pàgina web. Aquest mètode funciona bé, però les pàgines que creeu d'aquesta manera són enormes i no es veuen bé en una finestra del navegador. L'únic inconvenient d'aquest mètode és que heu d'aprendre a utilitzar les eines disponibles.

HTML és un llenguatge de marques, el que significa que cal incloure etiquetes per donar format al contingut de la pàgina. Cada etiqueta representa un dels elements de la pàgina. Una etiqueta s'identifica amb un suport angular. Alguns elements només requereixen una etiqueta, mentre que altres requereixen dos. Una etiqueta de tancament conté una barra inclinada. Per exemple, l'etiqueta de paràgraf crea un element anomenat paràgraf. El text entre les etiquetes d'obertura i tancament constitueix el text del paràgraf. De la mateixa manera, l'etiqueta ul crea una llista no ordenada.

Creació d'una llista de mini-inclosos

La creació d'una secció de mini-inclou és una manera eficaç d'enllaçar diversos elements a la mateixa pàgina web. Una pàgina HTML es pot dividir en diverses subseccions, amb cada secció que conté una llista d'elements. Aquests elements tenen finalitats diferents. Podeu utilitzar l'atribut type per mostrar l'ordre alfabètic. També podeu utilitzar lletres minúscules per crear una llista d'elements amb les lletres a, b, o c.

Afegir un element és fàcil. Un document HTML senzill conté etiquetes que defineixen el seu contingut. Aquestes etiquetes solen venir per parelles. L'etiqueta d'obertura s'utilitza per llistar els elements que hi ha dins, mentre que l'etiqueta de tancament tanca l'element. L'etiqueta d'obertura, o cap, inclou informació descriptiva sobre el document. Aquesta informació pot incloure un títol, informació del full d'estil, guions, o meta informació. L'etiqueta de tancament, per altra banda, tanca l'element.

Utilitzant l'html>-etiqueta

L'html>-L'etiqueta s'utilitza per definir l'àrea de contingut principal d'un document HTML. L'àrea de contingut principal consta de text relacionat amb el tema central o la funcionalitat de la pàgina. Ha de ser únic d'altres continguts del lloc. Altres continguts poden aparèixer a la pàgina en forma de barres laterals, enllaços de navegació, informació de copyright, logotips del lloc, i formularis de cerca. Una pàgina HTML ha de seguir l'html>-etiqueta per ser considerada una pàgina HTML.

L'atribut href= obre l'element d'enllaç. Després del “=” signe, hauríeu d'enganxar l'URL de l'enllaç. També podeu utilitzar diverses línies de paràgraf en un encapçalament. El suport de tancament és imprescindible. Això evitarà que els vostres enllaços siguin mal interpretats. Per facilitar la lectura de la pàgina html, afegeix un enllaç al teu lloc web. L'html>-L'etiqueta us permetrà afegir enllaços que apunten a una altra pàgina web.

Un fitxer HTML tindrà una extensió .html que indicarà al vostre ordinador que és un fitxer HTML. El millor és utilitzar un guionet en comptes d'espais, ja que els espais impediran que un navegador web trobi el fitxer. Un cop hàgiu acabat de crear una pàgina HTML, l'hauràs de guardar. Pròxim, navegueu a la carpeta amb el fitxer HTML i feu-hi clic amb el botó dret. Hauria de semblar semblant a la captura de pantalla següent.

Utilitzant l'html>-etiqueta per destacar el text

Podeu utilitzar la marca> etiqueta per ressaltar el text dels documents HTML. És un HTML relativament nou 5 característica, i defineix una part destacada d'un paràgraf. La marca> L'etiqueta funciona canviant la propietat del color de fons del document HTML subjacent. La marca> L'etiqueta admet tant els atributs globals com els d'esdeveniments. Ressaltarà el text en groc o negre. També és possible canviar el color del text al fitxer CSS subjacent.

La majoria de lectors de pantalla no anuncien l'element de marca, però podeu utilitzar la propietat de contingut CSS o els pseudoelements.before and.after per fer evident quin text voleu destacar. Els anuncis són detallats i afegeixen informació innecessària a la pàgina, per tant, hauríeu d'utilitzar-los amb moderació. Per exemple, podeu utilitzar anuncis per ressaltar un terme de cerca o bloquejar cometes. Els anuncis són compatibles amb tots els navegadors principals.

A més de l'estil de color de fons, podeu utilitzar el 'highlightme’ classe per ressaltar el text del vostre document HTML. L'estil de color de fons és compatible amb tots els navegadors. També podeu utilitzar la paraula "groc".’ en lloc del codi de colors. Podeu utilitzar el mateix codi per ressaltar un paràgraf o una secció de text. També podeu utilitzar classes CSS per ressaltar el text.

Utilitzant l'html>-etiqueta per crear una llista de mini-inclou

L'html>-L'etiqueta s'utilitza per crear una llista de mini-incloure. Conté l'etiqueta de tancament corresponent i el nom de l'element és en minúscula. Els documents HTML es codifiquen mitjançant la codificació de caràcters UTF-8, que admet la inclusió de caràcters Unicode. Quan utilitzeu l'html>-etiqueta, Assegureu-vos de seleccionar UTF-8 al fitxer “guardar-com a” quadre de diàleg.

Utilitzant l'html>-etiqueta per afegir una llista de mini-inclou a una pàgina HTML és fàcil. Podeu utilitzar aquesta etiqueta per a qualsevol element que admeti una llista no ordenada. Fins i tot podeu utilitzar una llista no ordenada per a un menú de navegació. L'element dl inclou una llista de parells de termes i descripcions. Els elements d'una llista ordenada es mostren amb un comptador creixent a l'esquerra. També podeu ometre l'element dl si l'element de la llista va seguit immediatament d'un altre element.

Una altra manera d'inserir una llista de mini-inclou és afegir un element de peu de pàgina en un document HTML. Aquest element representa el peu de pàgina del contingut de secció més proper. Normalment conté informació sobre l'autor, dades de copyright, o enllaços a documents relacionats. Utilitzant l'html>-etiqueta per crear una llista de mini-inclou en una pàgina HTML

Utilitzant l'html>-etiqueta per destacar blocs de text individuals

HTML5 destaca blocs de text individuals amb la marca> element. Aquesta etiqueta HTML5 canvia el color del contingut de la font a una certa tonalitat de groc o negre, permetre al lector distingir el text important. També es pot utilitzar per indicar seccions de contingut que necessiten més atenció que altres textos. La marca> L'element admet els atributs globals i els atributs d'esdeveniments en HTML. Quan s'utilitza correctament, aquesta etiqueta HTML5 pot millorar la llegibilitat d'una pàgina web.

L'estàndard HTML4 deixa de funcionar les etiquetes de nivell de caràcter d'estil físic. S'ocupen de la presentació, i és millor utilitzar CSS per a aquests propòsits. HTML5 els ha reintroduït. Ja no estan obsolets, però encara no són l'única manera de ressaltar blocs de text individuals. Utilitzeu CSS per ressaltar blocs de text individuals amb HTML5! Aquest senzill mètode destacarà blocs de text individuals dins d'un contingut.

Flotar: Podeu utilitzar aquesta propietat CSS per fer flotar un element a la vora esquerra o dreta de l'element que la conté. Es pot utilitzar per crear una graella o columnes. També podeu utilitzar una propietat CSS anomenada float per fer flotar un iframe o una imatge al marge esquerre o dret del navegador.. Aquests atributs faciliten ressaltar blocs individuals amb CSS.