1.

- Que es HTML y una etiqueta

2.- Estructura HTML
3.- Etiquetas para textos
4.- Listas
5.- Imagenes
6.- Tablas
7.- Formularios
8.- Ejercicio completo y mas
9.- Javascript

*una pagina web puede estar conformada por una multitud de lenguajes de
programacion, por una multitud de tecnologias y muchas cosas.

* Para crear una pagina web no es necesario pensar por lo mientras en los
componentes que han de llevar si no mas bien la base y para cualquier proyecto web
la base es HTML.

HTML es un lenguaje de etiqueta de marcado que nos permite crear la estructura

base de nuestro proyecto

Para darle diseno se utiliza un lenguaje de estilo CSS hoja de estilo en cascada

*una etiqueta sirve para representar un elemento por ejemplo existen etiquetas para
imagenes para videos para textos, parrafos etc
cada etiqueta tiene sus atributos

*dentro de la etiqueta head se pueden integrar datos que no seran visibles en

nuestra estructura html
*dentro de una pagina web nosotros podemos tener una serie de listas que nos
despliega cierta informacion que deseamos mostrar
en HTML existen dos tipos de listas las ordenadas y las desordenadas.
*podemos crear sublistas dentro de otra lista
*los formularios en html se utilizan para enviar un texto al servidor

etiquetas
<p> -> parrafos
<h1>-> encabezados ... <h6>
<br>-> salto de linea
<hr>-> salto de linea marcado
<strong>-> remarcado de texto
<em>-> cursiva
<span> -> etiqueta para enmaquetacion
<i> -> etiqueta para poner en cursiva
<blockquote>-> etiqueta utilizada para realizar citas
<ol>-> lista ordenada
<li>-> elementos de la lista
<ul>->lista desordenada
<img>-> etiqueta utilizada para adjuntar imagenes
<img alt="">-> alt se utiliza cuando la imagen no carga se muestre un texto
<img title="">-> title es un atributo que se utiliza para cuando pasemos el mouse
encima de la foto nos muestre un texto
<Table>->etiqueta para hacer tablas
<tr>etiqueta dentro de una etiqueta table para hacer filas
<td>etiqueta dentro de una etiqueta tr para agregar columnas
<td colspan="1"> atributo colspan utilizado para expandir la columna
<th>etiqueta utilizada para resaltar el encabezado de una tabla
<table border=""> el atributo border se utiliza para agregar un borde a la tabla
<form> etiqueta utlizada para enviar cualquier tipo de datos al servidor
<form action="">el atributo action se utiliza para indicar hacia que servidor se
enviaran los datos
<form method="">atributo methos indicar que metodo se utilizara si get post etc
<input type="text"/> etiqueta utilizada dentro de un formulario de tipo texto
<label></label>etiqueta utilizada para indicar un texto cerca de un input
<input type="text" name="nombre"/>atributo name indica un nombre dentro del campo
de texto
<label for=""></label>atributo for nos indica ah que input pertenece la etiqueta
label
<input type="text" name="nombre" placeholder="escribe tu nombre" /> atributo
placeholder pone un texto dentro del campo de texto
<textarea name="descripcion"></textarea> etiqueta de campo de texto grande
<input type="radio" name="genero" value="nada">nada<br/> etiqueta utilizada para
opciones de tipo radio
<input type="radio" name="genero" value="nada">nada<br/> atributo value para
asignar un valor al radio
<select> etiqueta utilizada como selector de opciones
<option> etiqueta dentro de un select como muestra de opciones
<option value="'>el atributo value es utilizado para que este represente un valor
<target ="_blank"> etiqueta utilizada para abrir enlaces en nuevas pestanas