Taller html

¿Que es HTML?

• HyperText Markup Language (Lenguaje de Etiquetas de HyperTexto) es un estandar que sirve como referencia para el desarrollo web y esta regulado por la W3C (organización que se dedica a la estandarización de todo referente a web)

<html><body><h1>Hola </h1></body>

</html>Más información aquí: http://www.w3schools.com/

Estructura básica

<html><head><title>Titulo de pagina</title></head><body><h1>Titulo</h1><p>El contenido va aqui</p></body>

</html> Nota: No se pone ninguna tilde por que estas se considerancaracteres especiales.

Caracteres especiales

á = áé = éí = íó = óú = úñ = ñ

Á = ÁÉ = ÉÍ = ÍÓ = ÓÚ = ÚÑ = Ñ

© = ©® = ®ü = ü“ = "

Estructura básica

Donde:<html> apertura el inicio de la página<head> contenido de la cabecera de la página, se usa para

insertar hojas de estilo .css y complementos javascript<title> título de la página<body> cuerpo de la pagina, el contenido principal va aquí<h1> título principal, tiene variantes de tamaño (<h2> , <h3>)<p> párrafo

Nota: todo lo que se abre <> se cierra </>Ejemplo: se abre <body> se cierra </body>

Tablas

<table><tr>

<td>Contenido aquí</td></tr>

</table>

Nota: Las <tr> que vienen a ser las filas, son las que mandan

Tablas

<table> Apertura de la tabla<tr> Filas<td> Columnas

width= anchoheight= altoborder= borde de la tablaalign= alineaciónbgcolor= color de fondo

Enlaces / Imágenes

Estructura enlaces: <a href><a>Ejemplo: <a href=“https://www.facebook.com”

target=“_blank”>Facebook</a>

Estructura imagen: <img>Ejemplo: <img src=“imagen.jpg” height=“100”

width=“100”>

Enlaces / Imágenes

Enlace:href= ruta del enlacetarget= si se abre en la misma ventana o en otra

Imagen:src= ruta de la imagenheight= alto de la imagenwidth= ancho de la imagen

Taller html

Technology

Transcript of Taller html