Clases de PHP 23022017

PNF EN ELECTRICIDAD

Curso Básico de HTML

Facilitador
Ing. Nestor Molina

¿QUÉ ES Y PARA QUÉ SIRVE HTML?
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de
marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el
físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de
Hipertexto(Conocido también como link o ancla) el cual permite conectar dos elementos entre si y
el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas
en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación
como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador,
por lo tanto algún error desintaxis que se presente éste no lo detectará y se visualizara en la forma
como éste lo entienda.

Tim Berners-Lee
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los
sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office
(Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html.Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. Un ejemplo
sencillo de código HTML podría ser:

Esto es un párrafo. Bienvenidos a esta página web.

Este ejemplo está formado por 3 etiquetas HTML. Como podemos observar cada una de las
etiquetas debe acabar con su homóloga de cierre. En este caso la etiqueta debe cerrarse con, la etiqueta con y la etiqueta

con

.

Este sencillo ejemplo mostraría por pantalla lo siguiente.

La estructura de un documento HTML
Un documento HTML comienza con la etiqueta ,, y termina con .
Dentro del documento hay dos zonas principales: el encabezamiento, delimitado por las marcas
y , que sirve para definir algunos valores válidospara todo el documento, y el
cuerpo, delimitado por las etiquetas y , donde reside la información del
documento.
El elemento contenido dentro del encabezamiento permite especificar el título
de un documento HTML. Este título no forma parte del documento en sí pues no se ve en la pantalla
principal, sino que sirve como título de la ventana del programa que la muestra.Existen muchos otros elementos que se engloban dentro del encabezamiento pero para la estructura
básica del lenguaje HTML en su nivel básico no son necesarios.
El cuerpo de un documento HTML contiene el texto, imágenes, etc. que, con la presentación y los
efectos que se decidan, se presentarán ante el usuario. Dentro del cuerpo se pueden aplicar una serie
de efectos a través de diferentes marcas oetiquetas (también otros autores las denominan
"directivas").
Así pues, la estructura de un documento HTML es la siguiente:






[Aquí se sitúan otras etiquetas que hacen posible visualizar la página]


Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados enesto, como por
ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un
archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa
cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que
trabaja

este

lenguaje.

A continuación les mostraremos las etiquetas más comunes que deben aprenderse parahacer una
página Web.
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos
comparten una estructura en común. Un documento de HTML empieza con la etiqueta ,
que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el
cuerpo encerrados respectivamente por los elementos ...