Buscar palabras clave en la documentación    Buscar Ayuda

Doc. Ref. 15981
Título: Fundamentos del HTML
Autor: Soltec
Última actualización: 31/07/2018


Fundamentos del HTML

HTML es el lenguaje "de Marcas de Hipertexto" en el que está programado el contenido de las páginas web y que es capaz de interpretar el explorador o navegador web. Conocer a fondo el HTML es complicado. Sin embargo, conociendo algunos conceptos básicos, es posible realizar modificaciones en documentos ya generados sin demasiada dificultad. Para ello basta con utilizar un editor de texto como el bloq de notas de windows.

Estructura del archivo:

Un documento HTML se compone de texto normal y una serie de marcas que indican las características de este texto. Estas marcas se reconocen por que están colocadas entre los caracteres "<" y ">"

El archivo completo siempre tiene una estructura del tipo:

    <HTML>
    <HEAD>
    … datos de la cabecera ...
    </HEAD>
    <BODY>
    ... texto que aparecerá en el documento ...
    </BODY>
    </HTML>

El ejemplo anterior visualizaría un documento cuyo contenido sería:

... texto que aparecerá en el documento ... 

Modificar características del texto:

- El tipo de letra del documento se suele definir en la cabecera. No es prudente modificar la cabecera ya que los cambios pueden afectar a todo el documento. La cabecera contiene a menudo referencias CSS (Hojas de estilo) que definen características del texto. Programar estilos es mucho más complejo que el HTML básico

- Para hacer un párrafo, el texto se debe incluir entre las marcas "<p>" y "</p>"

Ejemplo:

<p>Texto del párrafo</p>

- Para hacer letra negrita se utiliza "<b>" para comenzar y "</b>" para terminar

Ejemplo:

<p>Este párrafo tiene una <b>palabra</b> en negrita</p> 

Resultado:

Este párrafo tiene una palabra en negrita

- Para hacer un hipervínculo se utiliza "<a href="vinculo">" y "</a>"

Ejemplo:
<p>Pulse <a href="http://www.google.com"> aquí </a> para ir a Google</p>
Resultado:
Pulse aquí para ir a Google

A no ser que se modifique los estilos, por defecto los hipervínculos aparecen en azul y subrayados.

Los retornos de carro en el código HTML no generan nada en el resultado. Para hacer un retorno de carro hay que terminar el párrafo con "</p>" y comenzar el siguiente con <p> o bien forzarlo con la marca "<br/>". Por defecto, en HTML, los párrafos quedan separados por una línea en blanco.

Ánimo!

Esperamos que estos conceptos básicos animen a aprender algo más de HTML. Cualquier profesional que tenga relación con el el mundo on-line debería tener conocimientos básicos que le permitan hacer modifiaciones sencillas en archivos HTML En Internet se puede encontrar muchos sitios web con ayudas. Un buen sitio es: w3schools.com

Tags Relacionados:

programacion texto hipertexto marca lenguaje estilo CSS