CURSO DE JAVASCRIPT

1. Introducción al curso

2. HTML Introducción al curso.

3. Que es HTML

4. Que es una etiqueta

5. Estructura HTML

6. Etiquetas para textos

<p> </p> //Parrafo

<strong> </strong> //negrita

<em> <em/> //Cursiva

<hr/>

<br/>

<span> </span> // Sirve para hacer maquetación posteriormente. Dentro de ella se pone
un identificador id= ”resaltado”, o el nombre de una clase ejemplo class=”rojo”.

<blockquote> </blockquote> // para hacer citas.

7. Listas en HTML: El objetivo principal de una lista es tener una serie de información
conjunta o una serie de datos que tiene relación y nos interesa mostrarlo de una manera
conjunta en formato de listado.
Tipos:
ORDENADAS:
<ol>
<li>Manzana</li>
</ol>
DESORDENADAS:
<ul>
<li>Naranja</li>
</ul>

Existen sublistas:

<ul>
<li>Manzana</li>
<ul>
<li>Roja</li>
<li>Verde</li>
 </ul>
</ul>

8. IMÁGENES

<1. img 4. src = “imágenes/perro.jpg” 2. alt = “Imagen de un perro” 3. title = “Foto de perro”
5. width= “255px” 6. heigth = “270px”/>

9. TABLAS

<table border = “1”>

<tr> //Fila

<th>Nombre</th> //Columna
<th>Edad</th> //Columna
<th>Pais</th> //Columna
</tr>

<tr> //2da Fila

<td>Alan</td> //Columna
<td col span= “2”>22</td> //Extenderla a 2 columnas
<td>Guatemala</td> //Columna
</tr>

</table>

10. FORMULARIO

<form>

<label for= “nombre”>Nombre: <label /> // El for hace mención al name deben de llamarse igual

<input type = “text” name = “nombre”/> // Damos un nombre al input

<placeholder = “Escribe tu nombre”> //Propiedad que desaparece al momento de escribir

<label for= “descripcion”>Descripcion: <label /> // El for hace mención al name deben de llamarse igual

<textarea name= “descripcion”><textarea/>

//Podemos insertarlo en una Etiqueta P

</form>