Está en la página 1de 3

HTML

<html> <head> <title> <body> Parrafo Encabezado Imgen Hipervnculo Imagen con hipervnculo Seleccin de elementos especficos Bloques Numeracin <p> <h1>

HTML: Da la estructura a un sitio Web HREF= hypertext reference SRC= source

<!DOCTYPE HTML>

<img src=http://www.linkdeimagen> <a href=linkimagen> Texto </a> <a href=sitio.com> <img src=linkimagen> </a> <span> <div> <ol> <li> </li> </ol> <ul> <li></li> </ul> <ol> <li> Titulo </li> <ul> <li> Texto </li> </ul> <li> Titulo2 </li> <ul> <li> Texto </li> </ul> <ol> <!-- Esto es un comentario --> <p style=font-size: 12px> <h2 style=color:red> <h2 style=font-family:Garamond> <body style=background-color:red> <body style =background-image: url (http...);> <h1 style=text-align:center> <strong> <em> <u> <hr width=100%> <hr sizeE= 10> <hr width=50% size=10>

Vietas

1.- Titulo *Texto 2.- Ttulo2 *Texto Comentario Tamao de fuente Color de fuente Familia tipogrfica Color de fondo Fondo con imagen Alineacin Bold Italica Subrayar Crear linea

CSS
Fila Celda Celda de datos Cabecera de tabla Cuerpo de tabla Ttulo de tabla (va despues de <table>) <table border=1px> <tr> <td>King Kong </td> <td> 1933 </td> </tr> <tr> <td>Dracula </td> <td> 1532 </td> </tr> </table> <TABLE> <tr> <td> <th> <thead> <tbody> <th colspan= 3> Sintaxis CSS

CSS = Cascading Style Sheets Es la piel o la apariencia de nuestra pgina Web index.html + stylesheet.css selector { propiedad: valor; } <head> <link type=text/css rel=stylesheet href=stylesheet.css/> </head> /*Soy un comentario!*/ Medida relativa: un em es igual al tamao de fuente predeterminado en cualquier pantalla que el usuario utilize. Ejemplo: <p style= font-size: 1em> Un em </p> Podemos indicar a CSS que pruebe con varias opciones por si alguna no esta disponible. Ejemplo: font-family: Tahoma, Vernada, san-serif; Solo para enlaces (a)

HTML + CSS

Comentario

KING KONG DRCULA

1933 1532

em

Valores de respaldo

text-decoration

Botn border-radius margin: auto text-align: center

<div> Modifica esquinas de objetos de HTML Deja los mrgenes iguales a ambos lados de este elemento de HTML. Cuando los mrgenes son iguales, el objeto queda centrado. Centra elementos de texto HTML CSS div { height: 50px; width: 120px; border: solid 2px #6495ED; background-color: #BCD2EE; border-radius: 5px; margin: auto; text-align: center; }

<body> <div> < a href=http...> Da click <br> <span> Aqu </span> </a>

También podría gustarte