Ordinadors, Programació
HTML: els elements bàsics per a principiants
HTML - llenguatge de marcat d'hipertext que s'ha fet d'Internet tal com la coneixem i l'amor. És gràcies a aquesta meravellosa eina llocs veuen bé i modern i ofereix la comoditat del seu ús. HTML és simplement Reuneix els elements d'una pàgina web en una opció fàcil d'utilitzar. El seu treball és comparable al fet que ho fan els editors de text com MS Word o OpenOffice. Ells al seu torn una massa sense rostre de les lletres en un document que té paràgrafs, text en negreta, cursiva, taules i fins i tot imatges. Més o menys el mateix que fa HTML, amb l'única diferència que els seus documents es mostren en el navegador, i les possibilitats d'aquesta eina és molt més ampli que l'editor de text. S'utilitza per marcar les etiquetes - comandos especials que descriuen una estructura de la pàgina web. S'inclouen entre parèntesis angulars -
editors visuals
Només principiants aplanant el camí per a l'estudi de l'HTML, sovint comencen el seu treball amb programes per crear llocs web sense cap coneixement. Simplement, poden posar els elements a la pantalla tal com apareixeran al navegador. Pel que sembla, aquí està - la font de la gràcia eterna, permet desfer-se de la majoria dels desenvolupadors web. Però no és tan simple, perquè els editors visuals tenen molts defectes que fan que sigui impossible utilitzar-los en projectes seriosos.
Aquests programes creen una gran quantitat d'etiquetes innecessàries que fan que la versió final de la pàgina molest i subòptima. Per descomptat, en aquesta era d'internet d'alta velocitat és de menor importància que en el passat, però hi ha una sèrie de raons per les que un lloc web concís i ben escrit és un enfocament més pràctic que la seva contrapart, creat en l'editor visual. pàgina web feta en un programa d'aquest tipus serà mal tractat pels motors de cerca com importants per a ells cada kilobytes de codi i el codi molest i il·lògica amb un munt d'errors semàntics gairebé no tenir-los al gust. A més, els editors sovint darrere dels temps, es tornen irrellevants, i per gastar recursos en el seu desenvolupament no és pràctic perquè cap professional no utilitzarà aquests productes. Per tant, qualsevol persona que vulgui treballar en la creació de llocs, ha de conèixer els conceptes bàsics d'HTML.
etiquetes
Com es va esmentar anteriorment, les etiquetes descriuen l'estructura de la pàgina de navegador web. La majoria d'ells tenen etiquetes d'obertura i tancament, però no tots. Per exemple,
També hi ha etiquetes individuals, que no necessiten ser tancat. En ells era dins, així com atributs. Atribut es pot establir per a la majoria d'etiquetes HTML i estableix les propietats de l'element. Es designa a l'etiqueta d'obertura són aquestes: atribut = "...", on en lloc dels punts és el valor de l'atribut. El coneixement de l'etiqueta és el primer i més important pas per al desenvolupament d'HTML. Els fonaments d'aquest art també impliquen una comprensió de l'estructura de la pàgina web.
l'estructura del document
Cada document HTML té una extensió corresponent, per exemple, index.html. Pel que el navegador pugui entendre el que ha de fer, i visualitzar correctament una pàgina. Tot els arxius que s'utilitzen per crear el lloc, és aconsellable mantenir en el mateix directori que en el futur facilitarà en gran mesura la seva vida. Fonaments de llenguatge de marcat d'hipertext HTML impliquen una clara comprensió de l'estructura del document. S'inicia amb l'etiqueta , diu la versió del navegador d'HTML, que s'utilitza en el present document. De moment, tòpica cinquena versió del llenguatge, així que no hi ha necessitat d'inventar res, podem inserir de forma segura L'etiqueta per sobre de la part superior de qualsevol pàgina.
A continuació, aneu a l'estructura principal aparellat, que constitueix el "esquelet" del lloc. La primera etiqueta en la qual va posar a tota la resta - ... html>. Tot el que està més enllà, no és reconegut pel navegador com una pàgina web, de manera que s'obre i es tanca el document. Es requereix aquesta etiqueta per a qualsevol document. També conté diverses etiquetes obligatòries, que seran discutits més endavant.
cap
Dins de l'etiqueta
... head> conté informació de caràcter tècnic, que no es mostrarà a la pàgina, però, però, és una part important del document HTML. Lloc notificació establert en aquest lloc, se seleccionen i es va introduir en la codificació del nom de la pàgina. Està continguda dins de l'etiqueta obligatòriaenllaç
coneixement bàsic d'HTML també implica l'ús d'estils en cascada o CSS. Estableixen propietats dels elements que es mostraran a la pàgina. L'enfocament modern a aquest problema consisteix en la imposició de característiques com ara el color, l'altura i la ubicació de l'element, en un arxiu extern per a més comoditat. Per connectar el css-file utilitza l'etiqueta . En la seva forma final, es veu alguna cosa com això: , el que indica href en la ubicació de l'arxiu, i el tipus - del seu tipus.
cos
És en aquesta part del document HTML-creat per la part visible de la pàgina. Tot el que es fa dins el "cos", apareix en pantalla pel navegador. Al
- - s'utilitza per extreure una subcadena, per a ser assignat a un estil particular, es descriu en el css;
- - crea un enllaç a una pàgina web; saltar direcció s'especifica l'atribut href;
- - una de les etiquetes modernes més populars; Qualsevol que va decidir aprendre els conceptes bàsics de la HTMLl llenguatge de prestar especial atenció a aquesta, ja que és un element de bloc, que es fa sobre la base de la major part dels llocs web d'avui en dia (els paràmetres per al blocs'estableixen en css, i altres unitats poden col·locar-se dins d'aquesta etiqueta);
- selecciona un paràgraf de text; el contingut del paràgraf es troba entre les etiquetes d'obertura i tancament;
- - una llista numerada, els elements dels quals són com parell d'etiquetes
- ;
-
- - una llista amb vinyetes, que, així com en els elements numerats es denota per l'etiqueta
- ;
-
-
- capçaleres del document (la figura indica el nivell de la capçalera, és a dir,
- el títol principal, i les variacions posteriors són els seus subtítols, per cert, els nivells de les partides
,
és gairebé impossible de trobar en els espais oberts d'Internet) també és important recordar que una pàgina només pot tenir una capçalera
;
- - text en negreta;
- - cursiva;
-
- inserir imatges a la pàgina web (que és una sola etiqueta, que no ha de tancar, però cal especificar l'atribut alt, que especifica el text d'una imatge); -
- inserir un vídeo en una pàgina web;
Això no és tot les etiquetes necessàries per crear la seva pròpia pàgina web, però són suficients per establir les bases d'HTML per a principiants.
CSS
el desenvolupament del llenguatge HTML ha portat al fet que els atributs de pes cada etiqueta obzavolsya, i els requisits per a l'aparició de pàgines web significar un increment substancial. Codi ha fet molt pesat i incòmode, que complicat d'entendre, i molt menys per a adaptar o canviar. A més, a continuació, ha de suar, canviant cada costat, si el seu lloc deu pàgines, en el qual una gran quantitat de titulars, marcat en verd, i de cop i volta que volia fer-vermell. Amb l'arribada de Cascading Style Sheets, aquest procés s'ha convertit en simple i lògica, i el codi HTML s'ha tornat molt més fàcil de llegir.
L'aplicació de CSS
Per crear pàgines web, ha de conèixer els conceptes bàsics d'HTML i CSS, de manera que ara és sense el coneixement dels fulls d'estil en cascada per fer en aquesta zona no és res. S'estableixen els atributs de cada element, que s'apliquen a tot el document. Per tant, es pot establir el color un cop per tots els elements
o Ra, escriure una sola regla. Tenint en compte els requisits actuals per a l'aparició de pàgines web, l'ús de fulls d'estil és una necessitat.
Per tal de connectar l'arxiu css amb el document, hi ha un enllaç d'etiqueta. Lleugerament per sobre d'ella va descriure principi del seu ús, però no és l'única opció que combina tots els estils en un sol lloc. Hi ha la etiqueta