Editando HTML (sección)

== Nociones básicas de HTML ==
El lenguaje HTML puede ser creado y editado con cualquier [[editor de texto]]s básico, como puede ser [[Gedit]] en [[GNU/Linux]], el [[Bloc de notas]] de Windows, o cualquier otro editor que admita texto sin formato como [[GNU Emacs]], [[Wordpad|Microsoft Wordpad]], [[TextPad]], [[Vim]], [[Notepad++]], [[Atom (software)|Atom]], [[Visual Studio Code]], entre muchos otros. 

Existen, además, otros editores para la realización de sitios web con características [[WYSIWYG]] (''What You See Is What You Get'', o en español: «lo que ves es lo que obtienes»). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple, ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML, la cual va generando todo el código a medida que se va trabajando. Algunos ejemplos de editores WYSIWYG son [[KompoZer]], [[Microsoft FrontPage]] o [[Adobe Dreamweaver]].

Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo, si se edita todo en HTML y el desarrollador olvida algún código o etiqueta, basta con dirigirse al editor visual o WYSIWYG y se continúa ahí la edición o viceversa, ya que hay casos en que resulta más rápido y fácil escribir directamente el código de alguna característica que el usuario desea adherir al sitio que buscar la opción en el programa mismo.

Existe otro tipo de editores HTML llamados WYSIWYM que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño web.

HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.

Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<code><></code>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:

* Se abren y se cierran, como por ejemplo: <nowiki><b>negrita</b></nowiki>, que se vería en su [[navegador web]] como '''negrita'''.
* No pueden abrirse y cerrarse, como <nowiki><hr /></nowiki>, que se vería en su navegador web como una línea horizontal.
* Otras que pueden abrirse y cerrarse, como por ejemplo <nowiki><p></nowiki>.
* Las etiquetas básicas o mínimas son:
<syntaxhighlight lang="html">
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Ejemplo1</title>
  </head>
  <body>
    <p>Párrafo de ejemplo</p>
  </body>
</html>
</syntaxhighlight>