Fundamentos Principales

HTML
ETIQUETAS
MULTIMEDIA
 IMAGEN

<img src=“ejemplo.jpg">
 ATRIBUTOALT

<img src = “https://www.ejemplo.com” alt = “imagen de

ejemplo”>
 ¡ADVERTENCIA!

NO MOSTRAR IMÁGENES EN LA PAGINA WEB A MENOS QUE:

1) LA IMAGEN SEA DE NUESTRA PROPIEDAD

2) TENGAMOS PERMISO ESCRITO EXPLICITO DEL

DUEÑO/A DE LA IMAGEN

3) TENGAMOS PRUEBAS DE QUE LA IMAGEN ES DE

DOMINIO PUBLICO
 <FIGURE>

<figure>
<img src="http://www.ejemplo.com">

<figcaption>
Esta es una imagen de ejemplo para la clase.
</figcaption>
</figure>
ETIQUETAS CON ATRIBUTOS

Imagen

Figure

Figcaption
 <VIDEO>

<video src = “ejemplo.mp4” > Video de ejemplo</video>

 ATRIBUTO CONTROLS

<video src = “ejemplo.mp4” controls> Video de ejemplo

</video>
=
<video src = “ejemplo.mp4” controls = “controls” > Video de
ejemplo </video>
FORMULARIOS

<form> </form>
 ATRIBUTOS

ACTION = Será la URL de la página que queremos que carguedespués

de que se envíe la información de un formulario

METHOD = Define la manera de enviar los datos al servidor

<form action = “URL” method = “post” >

 TIPOS DE ENTRADA

<input>
<select> </select>
<option> </option>
<button> </button>
<textarea> </textarea>
 ATRIBUTOS DE INPUT

TYPE = Indicará quetipo de campo se estácreando

NAME = Especifica el nombre de unelemento, sirve de identificador

VALUE = Permite incluir un textoinicial en la caja de

texto para que sea modificado por el usuario
 EJEMPLOS DE TYPE

• TEXT = Para campos de texto

• PASSWORD = Para campos de contraseña

• RADIO = Para casillas de selección

• SUBMITE= Para botones de envió

• FILE = Para campos de selección de envió

<LABEL>
Relaciona el control con la etiqueta
TABLAS
 ELEMENTOS PRINCIPALES

Etiqueta contenedora que tendrá en su interior

<table> toda la tabla.
Table Row. Etiqueta contenedora de cada fila de
<tr> la tabla.

<td> Table Data

. Cada una de las celdas de la tabla.

Table Header
. Cada una de las celdas de
<th> cabecera de la tabla.
 SECCIONES DE LA TABLA

Etiqueta Descripción

Etiqueta contenedora de la cabecera de la tabla.

<thead> Parte superior de la tabla.

Etiqueta contenedora del cuerpo de la tabla. Parte

<tbody> central de la tabla.

Etiqueta contenedora del pie de la tabla. Parte

<tfoot> inferior de la tabla.

Establece un título de la tabla, independientemente

<caption> de su posición.
CODIGO DESORDENADO
 REPASO

• ETIQUETAS MULTIMEDIA

• ATRIBUTOS DEL FORM

• ATRIBUTOS INPUT

• LABEL

• TABLA

• SECCIONES
BASIC MUCHAS GRACIAS
POR ASISTIR !!

NOS VEMOS EN LA
PROXIMA CLASE