Etiquetas html por Chumo Angel

UNIVERSIDAD LAICA
“ELOY ALFARO”
Nivel:
3ro “A” Ingeniería en Sistemas

Nombre:
Angel Chumo
Especialidad:
Programación web

ETIQUETAS HTML

Es el lenguaje de marcado predominante para la
elaboración de páginas web. Es usado para describir la
estructura y el contenido en forma de texto, así como para
complementar el texto con objetos tales como imágenes.
El HTML se escribe en forma de “etiquetas”.

Entre las etiquetas mas utilizadas tenemos:

por: Angel Chumo 2

MARCAS BÁSICAS
Nombre Descripción Modo de uso
<html> Al principio y al final de todo documento <html>
cuerpo
</html>
<head> Cabecera del documento. Dentro del head <head> Etiqueta </head>
se ponen las
etiquetas:
<title> indica el título de la página para el <title> Titulo </title>
navegador.
<meta> Permite aportar meta información al <meta name = "description"
documento, para su mejor identificación e content = "Frase descriptiva
indexación por los motores de búsqueda. de los contenidos de la
página"> </meta name>
<body> Dentro de esta etiqueta se insertan los <body> Cuerpo </body>
contenidos del documento.

por: Angel Chumo 3

PROPIEDADES DE LA PAGINA
<body bgcolor> Define el color de fondo de la página. <body bgcolor = red">
</body bgcolor>
<body text> define el color por defecto del texto en la <body text = blue>
página. texto </body text>
<body link> define el color de los enlaces. <body link = green>
enlace </body link>
<body background> establece una imagen para el fondo de <body
la background="imagen.g
página. if"> dirección de
imagen </body
background>
<body alink> define el color de los enlaces activos. <body alink = blue>
</body alink>

por: Angel Chumo 4

FORMATO DE TEXTO
<b> Negrita (también sirve la etiqueta <b> texto </b>
<strong>… </strong>)
<i> Nursiva (también sirve la etiqueta <i> </i>
<em>…</em>)
<u> Subrayado <u> </u>

<font size> Marca el tamaño de los caracteres, <font size=”xxx”>
donde X es un texto </font>
valor del 1 a 7, o un valor relativo (+ 1-
7).
<font color> Define el color del texto, donde XXYYZZ <font color = blue >
es texto </font>
un valor formado por letras y números
que indica el color.
<font face> Determina el tipo de la fuente. <font face= arial>
texto </font>

por: Angel Chumo 5

FORMATO DE PÁRRAFO
<p> Salto de párrafo <p> párrafo </p>

<blockquote> Sangrado. <blockquote>
</blockquote>
<center> Centrar el texto. <center> </center>

<p align=center> Párrafo centrado. <p align=center>
texto </p align>
<p align=left> párrafo alineado a la izquierda. <p align=left> texto
</p align>
<p align=right> párrafo alineado a la derecha. <p align=right> texto
</p align>

por: Angel Chumo 6

CREACIÓN DE LISTAS
Lista no numérica
<ul> Abrir lista <ul>

<li> Primer elemento de la lista <li> elemento </li>

<li> Segundo elemento de la lista <li> elemento </li>

</ul> Cierra lista </ul>
Lista numérica

<ol> Abrir lista <ol>

<li> Primer elemento de la lista <li> elemento </li>

<li> Segundo elemento de la lista <li> elemento </li>

</ol> Cierra lista </ol>

por: Angel Chumo 7

LÍNEAS HORIZONTALES
SEPARADORAS
<hr> Línea horizontal. <hr>

<hr width="x%"> Anchura de la línea en porcentaje. <hr width="x%">

<hr width=x> Anchura de la línea en píxeles <hr width=x>

<hr size=x> Altura de la línea en píxeles. <hr size=x>

<hr align=center> Línea alineada en el centro. <hr align=center>

<hr align=left> Línea alineada a la izquierda. <hr align=left>

<hr align=right> Línea alineada a la derecha. <hr align=right>

<hr noshade> Línea sin efecto de sombra. <hr noshade>

por: Angel Chumo 8

IMÁGENES
<img src="dirección Indica la ruta de la imagen. <img src="dirección de
de la imagen” "> la imagen” ">
<img ... Establece un borde de X pixels en torno <img ... border=”X">
border=”X"> a la imagen.
<img ... Establece un tamaño de la imagen <img ... height="XX"
height="XX" (altura y width="YY">
width="YY"> anchura) en pixels.
<img ... alt="texto Se muestra un texto al pasar el <img ... alt="texto
explicativo"> cursorsobre la explicativo">
imagen.
<img ... Alineación inferior del texto respecto de <img ...
align="bottom"> la imagen. align="bottom">
<img ... hspace=X> Espacio horizontal entre la imagen y el <img ... hspace=X>
texto.
<img ... vspace=y> Espacio vertical entre la imagen y el <img ... vspace=y>
texto.

por: Angel Chumo 9

CREAR TABLA
table width = Determina la anchura de la tabla. Puede table width="XX%">
"XX%"> darse en píxeles
(no lleva el símbolo %), o en porcentaje
de la página.
<table height = Determina la altura de la tabla en <table height="XX>
"XX> píxeles.
<table border = Establece el grosor en píxeles del borde <table border="X">
"X"> de la tabla
<table cellspacing = Define el espacio en píxeles entre las <table
"X"> celdas cellspacing="X">
<table Define el espacio en píxeles entre el <table
cellpadding="X"> borde y el texto cellpadding="X">
<tr> determina cada una de las filas de la <tr> filas</tr>
tabla
<td> determina cada una de las columnas <td> columnas </td>
dentro de las filas

por: Angel Chumo 10

Etiquetas html por Chumo Angel

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Etiquetas html por Chumo Angel

Similar a Etiquetas html por Chumo Angel (20)

Último

Último (20)

Etiquetas html por Chumo Angel