Este documento proporciona una introducción a las etiquetas HTML más comunes y provee ejemplos de su uso. Explica las etiquetas básicas como <html>, <head> y <body> y etiquetas para encabezados, énfasis, citas, imágenes, tablas, y listas. También incluye ejemplos de código HTML para ilustrar el uso de estas etiquetas.
1. 1
BUENAS
Les habla Maria Alejandra Barragan Ramirez
En el dia de hoy voy hablar de
etiquetas aconsejadas para
utilizar en html. primero le hare
una breve introduccion de html
para que se pan un poco de esta
herramienta.
Html es un lenguaje de marcado de
hipertexto predominante para la
elaboración de páginas web. se
utiliza para las estructuras y
contenidos de textos. HTML se
escribe en forma de «etiquetas».
El lenguaje HTML puede ser creado
y editado con cualquier editor de
textos básico.
AHORA SI HABLARE DE LAS ETIQUETAS QUE DEBEN UTILIZAR EN
HTML:
siempre que se comienze a escribir un texto en html se
debe colocar corchetes angulares (<,>) y dentro de estos
va html; la etiqueta de cierre es abrir un corchete se
coloca un eslash, despues se pone html y por ultimo se
cierra el corchete. ademas se debe tener encuenta que no
se utilizen las comas, ni la letra ñ.
el principio se usa <html>- para
la declaraciòn
para colocar la cabezera del
escrito colocamos <head>.
Para colocar el cuerpo del texto
se utiliza <body>
UN EJEMPLO
PARA ENCABEZADOS Y TITULOS SE UTILIZAN LOS SIGUIENTES:
< tittle> titulo
ESTAS ETIQUETAS DEFINENE TITULOS DE
SECCION, NO SECCIONES COMPLETAS. SOLO
SE DEBE ENCERARA CON LAS ETIQUETAS,
<H1>... LOS TITULOS DE CADA SECCION.
LOS TITULOS VAN DE <H1> HASTA
<H6>
<h1> Título de primer nivel
2. 2
<h2> Título de segundo nivel
<h3> Título de tercer nivel
<h4> Título de cuarto nivel
<h5> Título de quinto nivel
<h6> Título de de sexto nivel
a continuacion les tengo un
Ejemplo de encabezados y titulo
OTRAS ETIQUETAS
<em> - es para hacer Énfasis
(Normal)
<strong> - para Énfasis (Fuerte)
<q> - para Citas cortas (En
línea)
<blockquote> - para Citas largas
<Cite> - para Origen de la cita
<abbr> - para Abreviatura
<acronym> - para Acrónimo
<br/>- para salto de línea
<a>- para hipervínculo
<img>- para Imagen
A qui les muestro un ejemplo de
lo que hasta ahora les he
explicado.
Un ejemplo de cita larga
Un de cita corta
BUENO,UNA TABLA HTML,ES UN GRUPO DE FILAS DONDE CADA UNA
CONTIENE UN GRUPO DE CELDAS.
Los bordes en este ejemplo son creados utilizando la
palabra"border", la cual es utilizada para mejorar la
visualización.
<tabla> Tabla
<tr> Fila de tabla
3. 3
<td> Dato de tabla
<thead> Encabezado de tabla
<tfoot> Pie de tabla
<tbody> Cuerpo de tabla
<caption> Texto explicativo de
tabla
<summary> Resumen de tabla
Aqui les muestro un ejemplo de
tablas html
POR ULTIMO LAS ETIQUETAS QUE SE DEBEN UTILIZAR PARA CREAR
LISTAS CON HTML:
<ul>- lista de elementos sin
orden especifico
<ol>- Lista ordena
<dl>-Lista de definición
<dt>-Termino a definir
<dd>-Definición de un termino
<li>- Elemento de lista
a qui les muestro un ejemplo de
lista desordenada
para finalizar con este tema ,
les muestro un ejemplo de lista
ordenada.
bueno muchas gracias, espero y este video tutorial les
haya servido para sus trabajos en html. hasta luego y nos
vemos en el proximo video tutorial.