Está en la página 1de 11

Fundamentos de Desarrollo Web

(HTML)
Prof: Alejandro Amézquita
¿QUÉ ES HTML?
 Actualmente la mayoría de las personas han visto cientos de páginas web pero
muchos se preguntarán ¿Qué es HTML? ¿Para qué me sirve? ¿Cómo
funciona? ¿Es difícil escribir en HTML? ¿Dónde puedo escribir HTML?
 “HTML es un lenguaje de marcado que se utiliza para el desarrollo de
páginas de Internet. Se trata de la siglas que corresponden a HyperText
Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.
Que son las Etiquetas HTML
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >,
que tienen funciones y usos específicos y se utilizan para escribir código HTML.
Las etiquetas o tags son la forma de escribir código HTML.
En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma:
<etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es
la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de
etiquetas para distintos usos.
Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre,
es importante aclarar que no todas las etiquetas tienen su correspondiente etiqueta de
cierre.
Etiqueta <HTML>
Cuando escribes código en HTML, estás escribiendo etiquetas HTML. Todas las
etiquetas HTML están hechas con un número de partes específicas, incluyendo:
El carácter “menor que” <
Una palabra o carácter que determina qué etiqueta se está escribiendo
Cualquier número de atributos HTML que se quiera usar, escritos de la forma
nombre=”valor”
El carácter “mayor que” >
Ejemplo:
<html>
</html>
Etiqueta <HEAD>
HEAD traducido del ingles al español significa "cabeza", por eso a esta parte del
documento la llamamos cabecera. En el documento HTML comienza con la
etiqueta <head> y se indica su final con la etiqueta </head>, se escribe así:
<html>
  <head>
    Todo lo que esté aquí pertenece al HEAD
  </head>
  <body>
  </body>
</html>
Etiqueta <TITLE>
La etiqueta title es un fragmento de código HTML en el que se incluye el título
de una página web, que normalmente es un texto que describe lo que
encontraremos dentro de esa página.
Este fragmento de código se sitúa dentro la etiqueta <head> del código fuente
<head>
  <title>Título de la página</title>
</head>
Etiqueta <BODY>
 El elemento body es el contenedor para todos los aspectos representables de un
documento. Este es el lugar donde los autores arrojan todos los elementos y
contenidos que sus visitantes alcanzarán. El elemento body es parte de la
estructura básica de un documento.
Etiquetas <P>
 El elemento p representa un párrafo. Se considera párrafo a un bloque de texto
compuesto de una o más oraciones que se refieren a un tema en particular y
que normalmente se separa de otros por un espacio en blanco.

 <p>Aquí va el Parrafo</p>
Propiedades de la Etiqueta <P>
 Align: La alineación horizontal del texto dentro de este elemento y de todos sus
descendientes. Existen cuatro valores posibles (insensibles a
mayúsculas/minúsculas):

 left: el texto se alinea a la margen izquierda.


 center: el texto es centrado.
 right: el texto se alinea a la margen derecha.
 justify: el texto es justificado o alineado a ambas márgenes.
Etiquetas de Encabezados <H>
 El elemento h1 representa un encabezado de nivel 1. Los encabezados (desde h1 a
h6) son títulos que definen secciones implícitas en el documento y organizan el
contenido en una estructura jerárquica.
Propiedades de la Etiqueta <H>
 La alineación horizontal del encabezado. Existen cuatro valores posibles
(insensibles a mayúsculas/minúsculas):

 left: el encabezado se alinea a la margen izquierda.


 center: el encabezado es centrado.
 right: el encabezado se alinea a la margen derecha.
 justify: el encabezado es justificado o alineado a ambas márgenes.

También podría gustarte