Cartilla HTML V2

3
Daniel Alexander Santacruz Ricardo – Tecnl. Sistemas e Informática Empresarial Cartilla HTML. CARTILLA HTML En esta cartilla vamos a explicar de manera breve algunas de las etiquetas utilizadas en los ejercicios de clase de programación Web: <!DOCTYPE HTML> Etiqueta utilizada para definir el encabezado de todo documento desde la versión HTML 3.2. <a> Etiqueta utilizada para referirse a enlaces, se usa para definir un destino o un origen de un enlace (Generalmente se utiliza <a href=”_”> para otras páginas web de internet). <article> Etiqueta utilizada para representar una composición auto-contenida en un documento, página, una aplicación o en el sitio. <aside> Etiqueta utilizada para representar una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido. <b> Etiqueta utilizada en textos, se usa para representar un texto con fuente en negrita. <body> Etiqueta utilizada para definir el cuerpo de un documento (Página web), dentro de esta etiqueta se incluyen todos los contenidos que se visualizarán en ella. <br> Etiqueta utilizada para dar saltos de línea, (Generalmente se utiliza </br> en programas como Dreamweaver y cumple la misma función) <center> Etiqueta utilizada para centrar algo, usualmente es implementada en textos. <div> Etiqueta utilizada para definir una sección dentro del documento.

description

Segunda versión de la cartilla de etiquetas, actualizada con las etiquetas empleadas en el segundo corte en la asignatura Programación Web

Transcript of Cartilla HTML V2

Page 1: Cartilla HTML V2

Daniel Alexander Santacruz Ricardo – Tecnl. Sistemas e Informática Empresarial

Cartilla HTML.

CARTILLA HTML

En esta cartilla vamos a explicar de manera breve algunas de las etiquetas utilizadas en los ejercicios de clase de programación Web:

<!DOCTYPE HTML> Etiqueta utilizada para definir el encabezado de todo documento desde la versión HTML 3.2.

<a> Etiqueta utilizada para referirse a enlaces, se usa para definir un destino o un origen de un enlace (Generalmente se utiliza <a href=”_”> para otras páginas web de internet).

<article> Etiqueta utilizada para representar una composición auto-contenida en un documento, página, una aplicación o en el sitio.

<aside> Etiqueta utilizada para representar una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido.

<b> Etiqueta utilizada en textos, se usa para representar un texto con fuente en negrita.

<body> Etiqueta utilizada para definir el cuerpo de un documento (Página web), dentro de esta etiqueta se incluyen todos los contenidos que se visualizarán en ella.

<br> Etiqueta utilizada para dar saltos de línea, (Generalmente se utiliza </br> en programas como Dreamweaver y cumple la misma función)

<center> Etiqueta utilizada para centrar algo, usualmente es implementada en textos.

<div> Etiqueta utilizada para  definir una sección dentro del documento.

<fieldset> Etiqueta utilizada para agrupar los controles de un formulario por medio de un recuadro. De esta forma, el formulario es más fácil de entender para los usuarios.

<footer> Etiqueta utilizada para representar un pie de página para el contenido de sección.

<font> Etiqueta utilizada para especificar tamaño, color y tipo de fuente para un texto, suele incluir dentro de la etiqueta “face” para definir tipo de fuente, “size” para definir tamaño y “color” para definir color.

<form> Etiqueta utilizada para crear un formulario que le permita al usuario ingresar datos. Los datos del formulario serán enviados a un archivo procesador de datos que se encuentra en el servidor.

Page 2: Cartilla HTML V2

<h1> Etiqueta utilizada para hacer encabezado de una sección, esta tiene diferentes niveles de encabezados desde <h1> siendo el más importante, hasta <h6> siendo el menos importante.

<head> Etiqueta utilizada para definir la cabecera del documento y contiene información del mismo, (metadatos, scripts, estilos, ubicación de documentos de estilos, título de la página, etc.).

<header> Etiqueta utilizada para representar un grupo de ayudas introductorias o de navegación.

<html> Etiqueta utilizada para contener todo el documento HTML (excepto la declaración del tipo de documento que se encuentra al principio del mismo).

<i> Etiqueta utilizada en textos, se usa para representar un texto con estilo de fuente itálica.

<iframe> Etiqueta utilizada para insertar un marco dentro de otro documento.

<input> Etiqueta utilizada para el ingreso de datos por parte del usuario.

<label> Etiqueta utilizada para adjuntar información a los controles.

<link> Etiqueta utilizada para definir un enlace entre el documento y algún recurso externo.

<meta> Etiqueta utilizada para añadir información sobre la página. Esta información puede ser utilizada por los buscadores.

<p> Etiqueta utilizada para representar un párrafo, suele incluir dentro de la etiqueta “align” para darle una alineación al texto que contenga esta etiqueta.

<section> Etiqueta utilizada para representar una sección genérica de un documento, es decir, sirve para agrupar contenidos que comparten un mismo tema; típicamente, estos llevan un título de sección.

<table> Etiqueta utilizada para definir una tabla, suele complementarse con la etiqueta <tr> (define una fila), <th> (define un encabezamiento), <td> (define una celda).

<td> Etiqueta utilizada para definir una celda que contiene datos dentro de una tabla.

<textarea> Etiqueta utilizada para crear un control de entrada de texto multilínea.

<title> Etiqueta utilizada para definir el título de un documento, etiqueta obligatoria en la sección head.

<tr> Etiqueta utilizada para definir una fila dentro de una tabla, usualmente contiene etiquetas <th> o <td>.

<u> Etiqueta utilizada en textos, se usa para representar un texto con un estilo de fuente subrayado.

Page 3: Cartilla HTML V2

<ul> Etiqueta utilizada para crear una lista desordenada, suele incluir dentro de la etiqueta “disc” (circulo relleno), “circle” (circulo vacío) y “square” (cuadrado vacío).