Cristian HTML

Nombre: Cristian Alexis Hernandez Lemus
Materia: Contenidos Digitales
Instituto Nacional de Educacion Diversificada
Carrera: Bachillerato CC-LL

Grado: 5to
HTML
<html>: representa la raiz de un documento HTML. El resto de elementos
descienden de este elemento.
Dado que el elemento <html> es el primero en un documento, aparte de los

comentarios, se llama el elemento raíz. A pesar de que esta etiqueta puede ser
implicita, o no requerida en HTML, sí es requerida para abrir y cerrar en XHTML.
EJEMPLO:
<html>
<head>… </head>
<body>… </body>
</html>
<head>: una de las partes principales en la estructura de un documento web, es la

sección de cabecera del mismo, la cual se define mediante la etiqueta
<head></head>.
EJEMPLO:
<head>
… elementos o etiquetas que componen el encabezado del documento html….
</head>
<title>: sirve para definir el titulo del documento, siendo requerida u obligatoria
en todos los documentos. El titulo es el único elemento de la sección encabezado
que es visible y normalmente los navegadores lo visualizan en la barra de titulo de
la ventana, o en caso de ser un navegador qu
e muestre pestañas, se muestra como titulo de la pestaña. También es usada por
los navegadores para añadir la página a su agenda de favoritos con el titulo
especificado y por ultimo los motores de búsqueda la utilizan para indexar la
pagina.
EJEMPLO:
<head>
<title>Titulo del documento</title>
<head>
<Body>: Todo lo que necesitamos que se vea en nuestra pagina web
deberemos escribirlo dentro de la etiqueta body. Eso es lo que llamamos el
“cuerpo” del documento.
Atributos:
Atributo Opciones Descripción
Aplicar un color como fondo de la

bgcolor Colores página. Por defecto el color del
fondo es blanco.
Dirección del archivo de Aplicar una imagen como fondo de

background
imagen la página.
Aplicar color del texto de la página.

text Colores Por defecto el texto es de color
negro.
link Colores Color de los enlaces no visitados
alink Colores Color del enlace activo
vlink Colores Color de los enlaces visitados
EJEMPLO:
<body>
<h1>La belleza de la vida</h1>
Esta mañana me desperté sientiéndome diferente...
</body>
 : El elemento p (párrafo) es el apropiado para distribuir el texto en párrafos.
Sus etiquetas son: y (la de cierre es opcional). Crea una caja: en bloque.
Está definido como: Elemento de frase. Puede contener: cero o más elementos en
linea
Atributos:
Atributo valor descripción
Genéricos
implícit título consultivo del

title texto
o elemento.
implícit información de estilo
style reglas de estilo
o en línea.
implícit identificador único a
id ID
o nivel de documento.
class
lista de clases separadas por implícit identificador a nivel
espacios o de documento
implícit dirección del texto
dir uno de los siguientes:"ltr" o "rtl"
o débil/neutral
implícit información sobre el
lang código de idioma
o idioma
EJEMPLO:

Este
atribut
descripción valor es un
o
Genéricos
title Texto informativo o título del Texto legible por personas.
elemento. Suele mostrarse a Sensible a M/m.. Por defecto: Lo
modo de "tool tip". fija el navegador.
id Le da un nombre al elemento Un nombre único. Sensible
que lo diferencia de todos los a M/m. Por defecto: Lo fija el
demás del documento. navegador.
class Asigna nombres de clases al Lista de clases separadas por
elemento. Por defecto, clases espacio en blanco. Sensible
CSS. a M/m. Por defecto: Lo fija el
navegador.
style Permite Declaraciones de estilo. Por
especificar información de defecto: Lo fija el navegador.
estilo. Por defecto, estilos
CSS.
lang Información sobre el idioma Un código de idioma. Por
del contenido del elemento y defecto: "desconocido". Lo fija el
del valor de sus atributos. navegador.
dir Indica la dirección de texto y Uno de los
tablas. siguientes: 'ltr' o 'rtl'. Por
defecto: En castellano 'ltr'. Lo fija
el navegador.
ejmplo. Hola mundo.

<hr>: En versiones previas de HTML representaba una línea horizontal. Aún

puede ser representada como una línea horizontal en los navegadores visuales.
Atributos:
EJEMPLO:
EJEMPLO:
 Este es un primer ejemplo, Hola mundo.


<hr/>
 Este es un segumdo parrafo, Hola mundo.

: Indica el tamaño, color, o fuente del texto que contiene.

Sus etiquetas son: y .
EJEMPLO:

Texto normal y …
 Texto distinto.

: Indica que el texto debe ser representado con una variable bold,
o negrita, de la tipografía que se esté usando.
Sus etiquetas son: y 
Atributo:
atribut
descripción valor por omisión
o
Genéricos
title Texto informativo o título Texto legible. Sensible Lo fija el
del elemento. Suele a M/m.. navegador.
mostrarse a modo de "tool
tip".
id Le da un nombre al Un nombre único. Lo fija el
elemento que lo diferencia Sensible a M/m. navegador.
de todos los demás del
documento.
class Asigna nombres de clases Lista de clases Lo fija el
al elemento. Por defecto, separadas por espacio navegador.
clases CSS. en blanco. Sensible
a M/m. cdata
style Permite Declaraciones de Lo fija el
especificar información de estilo. navegador.
estilo. Por defecto, estilos
CSS.
lang Información sobre Un código de idioma. Lo fija el
el idioma del contenido del navegador. PD.:
elemento y del valor de "desconocido".
sus atributos.
dir Indica la dirección de Uno de los Lo fija el
texto y tablas. siguientes: 'ltr' o 'rtl'. navegador. PD.:
En castellano 'ltr'.
EJEMPLO:

Texto normal y… Texto en negrita

<img>: representa una imagen en el documento.
EJEMPLO:
<img src=”mdn-logo.sm.png” alt=”mdn” >
<marquee>: se utiliza para insertar un area de texto en movimiento. También

se la conoce como marquesina.

Cristian HTML

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Cristian HTML

Cargado por

Copyright:

Formatos disponibles

Nombre: Cristian Alexis Hernandez Lemus

Materia: Contenidos Digitales

Instituto Nacional de Educacion Diversificada

Carrera: Bachillerato CC-LL

Dado que el elemento <html> es el primero en un documento, aparte de los

<head>: una de las partes principales en la estructura de un documento web, es la

Atributo Opciones Descripción

Aplicar un color como fondo de la

Dirección del archivo de Aplicar una imagen como fondo de

Aplicar color del texto de la página.

link Colores Color de los enlaces no visitados

alink Colores Color del enlace activo

vlink Colores Color de los enlaces visitados

Atributo valor descripción

implícit título consultivo del

<hr>: En versiones previas de HTML representaba una línea horizontal. Aún

<p> Este es un primer ejemplo, Hola mundo.

<font>: Indica el tamaño, color, o fuente del texto que contiene.

<img>: representa una imagen en el documento.

<img src=”mdn-logo.sm.png” alt=”mdn” >

<marquee>: se utiliza para insertar un area de texto en movimiento. También

También podría gustarte