domingo, 28 de agosto de 2016



[2016-23-08]

CLASE 26:

NUEVAS ETIQUETAS:

En Cabeceras: 
  • <font face="  "size= " ">= Tipo de letra y Tamaño de la letra. </font>
  • <big>= Tamaño Grande.
  • <small>= Tamaño pequeño.
  • <sup></sup>= Supíndice(Texto o palabras quedan arriba)
  • <sub></sub>Subíndice(Texto o palabras quedan abajo)
  • <FRAMESET></FRAMESET>= Dicen al navegador dónde empiezan y dónde acaban los marcos, y el tipo y forma de estos. Entre una y otra irán las definiciones de los diferentes frames.
  • <!DOCTYPE html>= Indica al navegador donde se visualiza el documento, y que está escrito en la versión HTML5.
  • lang="es-ES"en la etiqueta de inicio <html>=Idioma.
  • <meta charset="utf-8">= Dentro del elemento "head". Así, se indica la codificación de caracteres del documento, en esta ocasión UTF-8 (8-bit Unicode Transformation Format, Formato de Transformación Unicode de 8 bits). 
Comentarios:

"<!__"y"__>" = Estructura base para realizar un comentario,este No se mostrará en la                                             Página Web pero si en el código de Fuente.

Párrafos con Estilo:

Atributos: 

  • "span"= Abarcar, Contenedor de línea, aplica estilo al texto y agrupa elementos en                    línea.
  • "class"= Asigna nombres de clases al elemento clases en CSS.
Datos y Párrafos:
  • <pre>= Preformatear el texto. Permite visualizar todos los elementos de                                    Tabulaciones, espacios en blanco etc.
Formatos de Texto:

Diferentes elementos:
  • <strong>=<b> : Negrilla.
  • <em>=<u>: Cursiva. La etiqueta <em> se utiliza con texto enfatizado. La Diferencia es que es más importante en la Semántica.
  • <mark>: Resalta el texto de un Navegador.
TABLAS:
  • Caption: Título.
  • th: Tres celdas Cabeceras: "thead"= Una o más filas de Cabeceras.                                                                      "tbody"= Una o más filas de Datos del cuerpo de la tabla.                                               "tfoot" = Una o más filas de Datos del pie de la tabla.
  • Padding: Separar Contenido de la Celda.

TOMADO DE: 





Tips para crear Cajas de Texto:

<input type="text"name="email"

<input type="email"name="email"> : Cajas de Texto para Correos electrónicos. Se necesita que el navegador (Mozilla, Safari ,Chrome) estén actualizados en su última versión.

<label>email</label><input type="text"value="hola"> . Value= Nombre que le vamos a                                                                                                              mostrar al Cliente.

Ejemplo: Caja de texto que al oprimirla muestra una serie de opciones.

Edad= <select name="edad">
            <option value="18">18</option>


            <option value="100">Fin del Tiempo</option>

Ejemplo: Botón que al oprimirlo realiza una acción.

<input type="button"value="Aceptar"onclick="javascript:alert('hola');">

ANCLAS:

<a></a>

1. Definir: <a name="ancla"></a>

2. Llamar: <a href="#ancla">Documentos</a>

No hay comentarios:

Publicar un comentario