En aquest article, aprendràs a utilitzar HTML per escriure el teu primer lloc web! L'article proporcionarà exemples il·lustratius per a una millor comprensió. Reservem de seguida que l'article va ser dissenyat originalment per a aquells que tot just comencen a aprendre HTML. A més, us prometem que al final de llegir aquest article, teniu la garantia de crear el vostre primer lloc web.
HTML significa HyperText Markup Language, és a dir, un llenguatge per organitzar el text.
A diferència dels llenguatges de programació (JavaScript, PHP, etc.) que utilitzen scripts per realitzar accions en llocs web, el llenguatge de seqüenciació (HTML) utilitza etiquetes per marcar el contingut del lloc web.
Comencem a aprendre HTML des de zero
De la mateixa manera que l'anglès està format per lletres A, B, C, etc., l'HTML està format per "lletres" peculiars:,,
etc. Aquestes peculiars "lletres" del llenguatge HTML són anomenades etiquetes pels administradors web.
El següent és un exemple d'etiqueta HTML.
Etiquetes Creeu un subratllat al voltant de les vores d'aquest text.
Les etiquetes HTML combinades amb estils de llenguatge CSS us permeten crear llocs web de manera ràpida i eficient.
El lloc de l'HTML entre altres idiomes
Com sabeu, un bon lloc webconstruït en almenys 5 idiomes.
El lloc web modern està creat en idiomes:
- HTML (estructura i comanda).
- CSS (contingut d'estil).
- JavaScript (accions del navegador).
- PHP (acció del servidor).
- SQL (emmagatzematge de dades).
HTML és el principal llenguatge fonamental en què es basen els altres. Per tant, aprendre HTML hauria de ser el primer pas per a qualsevol persona que aprengui a crear llocs web al web.
Etiqueta
El llenguatge HTML ha canviat al llarg dels anys des del seu inici. En aquests moments, la majoria de llocs d'Internet es mouen a la darrera versió de l'idioma: HTML5. Però fins i tot en HTML5, els fonaments del llenguatge es mantenen sense canvis.
L'estructura d'una pàgina HTML és com un sandvitx. Igual que un sandvitx té dues llesques de pa, un document HTML té una etiqueta HTML d'obertura i tancament.
Aquestes etiquetes, com el pa d'un sandvitx, envolten tot el que hi ha dins.
Etiqueta
A mesura que continueu aprenent HTML, us haureu de familiaritzar definitivament amb l'etiqueta. Directament dins de l'etiqueta principal hi ha tot el contingut del lloc, inclosa l'etiqueta. Aquesta etiqueta és necessària i conté tota la configuració de la pàgina del lloc per a la qual està escrita. Aquests paràmetres no són visibles per als visitants del lloc, només els veuen els navegadors (Google Chrome, Mozilla Firefox, etc.).
El bloc de configuració de la pàgina web conté tots els elements "no representats" que ajuden el navegador a mostrar correctament el vostre lloc al web.
Totes les opcions quees pot configurar dins de l'etiqueta, ho veurem, però una mica més tard, quan arribi el moment.
Etiqueta
L'etiqueta, com l'etiqueta, es troba dins de l'etiqueta.
Aquesta etiqueta és necessària per mostrar al vostre lloc tota la informació que voleu mostrar.
Encapçalaments, paràgrafs, taules, imatges i enllaços són només una petita part dels elements que es poden contenir dins de l'etiqueta.
Estructura bàsica d'un document HTML:
… …
El teu primer lloc
Ara sabeu que podeu crear llocs web amb HTML i que s'utilitzen etiquetes bàsiques per a això:
- . Delimita els límits d'una pàgina web.
- . Conté la configuració per mostrar una pàgina web en un navegador.
- . Conté tots els elements de la pàgina web (imatges, vídeos, text, etc.) que voleu mostrar als visitants del lloc.
Altres etiquetes com,,, en parlarem aviat.
Seria genial que el lector no només llegís aquest article, sinó que també corria immediatament a perfeccionar les seves habilitats. Per perfeccionar les teves habilitats HTML, hauràs de crear el teu primer lloc web, que servirà de camp de proves per a les teves noves habilitats.
Se sap que els operadors mòbils ("MTS", "MegaFon" i així successivament) ens ofereixen serveis mòbils. De la mateixa manera, els serveis de creació i gestió de llocs ens són prestats per operadors d'allotjament. Per crear el vostre lloc web, aneu al lloc de qualsevol operador d'allotjament gratuït.
Els proveïdors d'allotjament verificats inclouen BEGET oreg, per exemple. Pots triar qualsevol persona.
Després d'un breu registre, després de 24 hores, es crearà automàticament el vostre primer lloc web a Internet, que serà visible per a tot el món, i podreu començar a practicar!
Estructura moderna del lloc
Ara que teniu el vostre lloc, comproveu quines etiquetes conté una etiqueta i com organitzen la informació als llocs.
La imatge de d alt és una representació esquemàtica de l'estructura que va incloure la darrera versió del llenguatge HTML: HTML5. Juntament amb l'HTML5, no només hi va haver etiquetes noves, sinó també el significat de la creació de llocs web. Totes les etiquetes que veieu a la imatge estan contingudes a l'etiqueta principal. Aquestes etiquetes us ajuden a "esbozar" l'estructura del vostre lloc i donar-li sentit.
Per exemple, dins de les etiquetes… és convenient col·locar el títol del lloc (etiquetes) i la descripció del lloc (etiquetes).
És convenient col·locar el menú (enllaços) del lloc (etiqueta) dins de les etiquetes.
És convenient col·locar qualsevol bloc gran d'informació relacionada amb el significat dins de les etiquetes. Pot ser diversos articles, cadascun dels quals està "embolicat" en etiquetes, o fotos (etiqueta) o taules (etiquetes
) i més.
És convenient col·locar qualsevol informació dins de les etiquetes que no encaixi amb el significat de.
Dins de les etiquetes, és habitual col·locar informació addicional, com ara informació de contacte, seccions addicionals del lloc, etc.
Així que ara ets una mica més hàbil en què estan fets els llocs web moderns. Posem un exemplel'agitació al meu cap va ser substituïda per la admiració de la perspicacia.
Per tant, quan obriu el gestor de fitxers al lloc del vostre operador d'allotjament i trobeu un document anomenat index.php, no dubteu a escriure-hi, com si des de zero, l'estructura del vostre lloc.
El meu primer lloc web
Títol de la pàgina
Descripció de la pàgina
Enllaç 1 | Enllaç 2 | Enllaç núm. 3
Títol d'algun article
Aquest és un bloc que conté qualsevol informació, i amb l'ajuda de CSS podeu pintar aquest bloc, i tot el lloc amb tot el seu contingut, com vulgueu. © Tots els drets reservats
Recordeu que vam dir que hi ha diferents configuracions per al lloc? Bé, aquí està:
- En fer servir els navegadors mostrem que el lloc pot contenir caràcters russos i anglesos (en cas contrari, quan obriu el lloc, veureu un krakozyabry terrible).
- s'utilitza per indicar el nom de la pàgina, que es mostrarà a la pestanya del navegador i al motor de cerca ("Yandex", Google i similars).
Per descomptat, sense l'estil CSS, el vostre lloc es veurà miserable (lletres negres sobre fons blanc), però assegureu-vos d'intentar escriure primer la vostra primera pàgina en HTML.
Felicitats! Acabes de crear la teva primera pàgina web al teu propi lloc web! Serà més interessant!
