Hyper Text Markup Language: diferència entre les revisions
Contingut suprimit Contingut afegit
mCap resum de modificació Etiqueta: editor de codi 2017 |
Cap resum de modificació |
||
Línia 46:
Excepte unes poques etiquetes, la majoria requereixen ser tancades escrivint la mateixa etiqueta precedida d'una barra "/". Exemple: <code><html>…</html></code>
== Nocions bàsiques d'HTML ==
El llenguatge HTML pot ser creat i editat amb qualsevol [[editor de text]] bàsic, com pot ser [[Gedit]] en [[GNU/Linux]], el [[Bloc de notes]] de Windows, o qualsevol altre editor que admeti text sense format com [[GNU Emacs]], [[Wordpad|Microsoft Wordpad]], [[TextPad]], [[Vim]], [[Notepad ++]], entre d'altres.
Existeixen, a més, altres editors per a la realització de llocs web amb característiques [[WYSIWYG]] (''What You See Is What You Get'', o en català: «el que veus és el que obtens»). Aquests editors permeten veure el resultat del que s'està editant en temps real, a mesura que es va desenvolupant el document. Ara bé, això no significa una forma diferent de fer llocs web, sinó que és una forma una mica més simple, ja que aquests programes, a més de tenir l'opció de treballar amb vista preliminar, tenen la seva pròpia secció HTML, la qual va generant tot el codi a mesura que es treballa. Alguns exemples d'editors WYSIWYG són [[KompoZer]], [[Microsoft FrontPage]] o [[Adobe Dreamweaver]].
Combinar aquests dos mètodes resulta molt interessant, ja que es complementen entre si. Per exemple, si s'edita tot en HTML i el desenvolupador oblida algun codi o etiqueta, només cal dirigir-se a l'editor visual o WYSIWYG i es continua aquí l'edició o viceversa, ja que hi ha casos en què resulta més ràpid i fàcil escriure directament el codi d'alguna característica que l'usuari vol afegir al lloc que buscar l'opció en el programa mateix.
Hi ha un altre tipus d'editors HTML anomenats [[WYSIWYM]] que donen més importància al contingut i al significat que a l'aparença visual. Entre els objectius que tenen aquests editors és la separació del contingut i la presentació, fonamental en el disseny web.
HTML utilitza etiquetes o marques, que consisteixen en breus instruccions de començament i final, mitjançant les quals es determina la forma en què ha d'aparèixer al seu [[navegador web|navegador]] el text, així com també les imatges i els altres elements.
Tota etiqueta HTML està tancada entre els signes menor que i major que (<nowiki><></nowiki>), i algunes tenen atributs que poden prendre algun valor. En general les etiquetes s'aplicaran de dues formes especials:
* Obrint-se i tancant-se, com ara: <nowiki> <b> negreta </b> </nowiki>, que es veuria al seu [[navegador web]] com '''negreta'''.
* Sense obrir-se i tancar-se, com <nowiki> <hr/> </nowiki>, que es veuria al seu [[navegador web]] com una línia horitzontal.
Les etiquetes bàsiques o mínimes que conformen un document HTML són:
<source lang = "html5" line = "1">
<! DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8" />
<title> Exemple 1 </title>
</head>
<Body>
<p> Paràgraf d'exemple </p>
</body>
</html>
</source>
== Referències==
| |||