SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
Etiquetas HTML
SALTO DE LINEA <br> 
Sirve para dar un salto de línea envés de apretar intro 
Se coloca la etiqueta <br>; la etiqueta no precisa ninguna 
etiqueta de cierre . 
EJEMPLO: 
Queridos usuarios, 
Tengo el placer de comunicaros que hay una nueva sección. 
HABRIA QUE ESCRIBIR: 
Queridos usuarios, <br> tengo el placer de comunicaros que 
hay una nueva sección.
SEPARADORES <hr> 
Para insertar una regla horizontal hay que insertar la 
etiqueta <hr> dicha etiqueta no precisa de cierre. 
Es preciso especificar los nuevos atributos de la regla 
horizontal. 
Atributo Significado Posibles valores 
Align Alineación de la 
regla dentro de la 
pagina 
Left(izqierda) 
Width Ancho de la regla 
Size Alto de la regla 
noshade Eliminar el 
sombriado de la 
regla
FORMATEAR EL TEXTO <font> 
Las propiedades del texto pueden modifiarse a través 
de la etiqueta <font>, podemos insertar el texto entre 
las etiquetas <font> y </font>. 
Atributo Significado Posibles valores 
Face Fuente Nombre de la fuente, o fuentes 
Color Color del texto Nimero haxadecimal o texto predefinido 
Size Tamaño del texto Valores de 1 al 7, siendo por defecto el 3, o 
desplazamiento respecto al tamaño por 
defecto, añadiendo + o – delante del valor 
EJEMPLO: 
<font color =“#993366” size=“4” face=“Comic sans, MS,arial, Ms sans 
serif#>Bienvenidos a www.misitio web.com</font>
RESALTADO DEL TEXTO <br> 
Existen una serie de etiquetas que permiten aplicar 
diferentes estilos de texto que se encuentran entre 
ellas, y generalmente se utilizan para resaltarlo. 
Etiqueta Significado Ejemplo 
<b> Negrita Curso HTML aulaclic 
<i> Cursica Curso HTML aulaclic 
<u> Subreayado Curso HTML aulaclic 
<s> Tachato Curso HTML aulaclic 
<tt> Telepetico(maquina de escribir) Curso HTML aulaclic 
<big> Aumenta el tamaño de la fuente Curso HTML aulacli 
<small> Disminuye el tamaño de la fuente Curso HTML aulaclic
Estas son algunas etiquetas asociadas al tipo de información: 
Etiqueta Significado Ejemplo 
<cite> Cita Curso HTML aulaclic 
<code> Ejemplo de código Curso HTML aulaclic 
<dfn> Definicion Curso HTML aulaclic 
<del> Eliminado Curso HTML aulaclic 
<em> Enfasis Curso HTML aulaclic 
<ins> Insertado Curso HTML aulaclic 
<kbd> Teclado Curso aulaclic 
<samp> Muestra Curso HTML aulaclic 
<strong> Destacado Curso HTML aulaclic 
<sub> Subindice Curso 퐻푇푀퐿 aulaclic 
<sup> Superindece Curso 퐻푇푀퐿 aulaclic 
<var> Variable Curso HTML aulaclic
PARAFOS <P> 
El texto de una pagina puede agruparse en párrafos con la 
siguiente etiqueta <p> y </p>, te hacen el cambio de línea 
automáticamente. 
EJEMPLO: 
Bienvenidos a mi página. 
Aquí encontraras cursos de información muy importantes. 
Se debe poner: 
<p align=“center”>Bienvenido a mi página.</p> 
<p>Aquí encontraras cursos de forma muy interesante.</p>
TABLAS 
Para insertar una tabla hay que insertar las etiquetas 
<table> y </table> y habrá que especificar el numero de 
filas y columnas que habrá en tabla. 
Imagen y texto 
COLUMNA 
Texto dentro de una celda 
FILA CELDA
FILA <tr> 
Es necesario insertar las etiquetas <<tr> y </tr> por cada de 
las filas de la tabla. Deberan insertarse entre las etiquetas 
<table> y </table>. 
Para crear una tabla con cinco filas escribiríamos: 
<table> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
<tr>…</tr> 
</table>
COLUMNA O CELDA <td> 
Para hacer una tabla no basta con especificar con el 
numero de filas sino también las columnas, paraello se 
ponen las etiquetas <td> y </td>. 
Sabado domingo 
Curso HTML Curso Dreamweaver 
Para poner las columnas de la tabla pasada habría que escribir: 
<table border=“1”> 
<tr> 
<td>Sabado</td> 
<td>Domingo</td> 
</tr> 
<tr> 
<td>Curso HTML</td> 
<td>Curso Dreamweaver</td> 
</tr> 
</table>

Más contenido relacionado

La actualidad más candente (20)

DOM HTML Javascript
DOM HTML JavascriptDOM HTML Javascript
DOM HTML Javascript
 
Listado etiquetas html 5
Listado etiquetas html 5Listado etiquetas html 5
Listado etiquetas html 5
 
PresentacióN Html
PresentacióN HtmlPresentacióN Html
PresentacióN Html
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
HTML (Web) basics for a beginner
HTML (Web) basics for a beginnerHTML (Web) basics for a beginner
HTML (Web) basics for a beginner
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Listado de etiquetas y atributos html
Listado de etiquetas y atributos htmlListado de etiquetas y atributos html
Listado de etiquetas y atributos html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 
CSS
CSSCSS
CSS
 
Presentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTMLPresentación Introducción al lenguaje HTML
Presentación Introducción al lenguaje HTML
 
Curso Internet Básico para Mayores
Curso Internet Básico para MayoresCurso Internet Básico para Mayores
Curso Internet Básico para Mayores
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
HTML
HTMLHTML
HTML
 
Examen de informática2
Examen de informática2Examen de informática2
Examen de informática2
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
PESTAÑA INSERTAR WORD 2010
PESTAÑA INSERTAR WORD 2010PESTAÑA INSERTAR WORD 2010
PESTAÑA INSERTAR WORD 2010
 
Manual de word 2013
Manual de word 2013Manual de word 2013
Manual de word 2013
 

Destacado (20)

Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Html tablas e imagenes
Html tablas e imagenesHtml tablas e imagenes
Html tablas e imagenes
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
 
Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
 
Imágenes html
Imágenes htmlImágenes html
Imágenes html
 
Etiquetas en Html
Etiquetas en HtmlEtiquetas en Html
Etiquetas en Html
 
Modelo er
Modelo erModelo er
Modelo er
 
Modelamiento y simulación
Modelamiento y simulaciónModelamiento y simulación
Modelamiento y simulación
 
Simulacion uam
Simulacion uamSimulacion uam
Simulacion uam
 
Prueba de ks
Prueba de ksPrueba de ks
Prueba de ks
 
Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)Prueba de independencia (arriba y abajo)
Prueba de independencia (arriba y abajo)
 
Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5Introducción a Etiquetas HTML 5
Introducción a Etiquetas HTML 5
 
Metodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatoriosMetodos para comprobar numeros aleatorios
Metodos para comprobar numeros aleatorios
 
Con El Deporte Aprendemos Muchos Valores
Con El Deporte Aprendemos Muchos ValoresCon El Deporte Aprendemos Muchos Valores
Con El Deporte Aprendemos Muchos Valores
 
Pruebas de Uniformidad
Pruebas de UniformidadPruebas de Uniformidad
Pruebas de Uniformidad
 
Prueba de corridas arriba y abajo de la media
Prueba de corridas arriba y abajo de la mediaPrueba de corridas arriba y abajo de la media
Prueba de corridas arriba y abajo de la media
 
Tabla de etiquetas de HTML
Tabla de etiquetas de HTMLTabla de etiquetas de HTML
Tabla de etiquetas de HTML
 

Similar a Etiquetas HTML

Similar a Etiquetas HTML (20)

Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Etiquetas en html
Etiquetas en htmlEtiquetas en html
Etiquetas en html
 
TAREA DEL CSS
TAREA DEL CSSTAREA DEL CSS
TAREA DEL CSS
 
Manual de css hojas de estilo
Manual de css hojas de estiloManual de css hojas de estilo
Manual de css hojas de estilo
 
Manual de css......jpg
Manual de css......jpgManual de css......jpg
Manual de css......jpg
 
Gordo
GordoGordo
Gordo
 
programacion
programacionprogramacion
programacion
 
Texto del html
Texto del htmlTexto del html
Texto del html
 
Organigramas John Jayro
Organigramas John JayroOrganigramas John Jayro
Organigramas John Jayro
 
Etiquetas básicas de HTML
Etiquetas básicas de HTMLEtiquetas básicas de HTML
Etiquetas básicas de HTML
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Hojas de estilo (css)
Hojas de estilo (css)Hojas de estilo (css)
Hojas de estilo (css)
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
Presenpabo
PresenpaboPresenpabo
Presenpabo
 
Informática etiquetas html
Informática etiquetas htmlInformática etiquetas html
Informática etiquetas html
 
etiquetas html
 etiquetas html etiquetas html
etiquetas html
 
Resumen
ResumenResumen
Resumen
 
CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB CREACION DE PAGINAS WEB
CREACION DE PAGINAS WEB
 

Etiquetas HTML

  • 2. SALTO DE LINEA <br> Sirve para dar un salto de línea envés de apretar intro Se coloca la etiqueta <br>; la etiqueta no precisa ninguna etiqueta de cierre . EJEMPLO: Queridos usuarios, Tengo el placer de comunicaros que hay una nueva sección. HABRIA QUE ESCRIBIR: Queridos usuarios, <br> tengo el placer de comunicaros que hay una nueva sección.
  • 3. SEPARADORES <hr> Para insertar una regla horizontal hay que insertar la etiqueta <hr> dicha etiqueta no precisa de cierre. Es preciso especificar los nuevos atributos de la regla horizontal. Atributo Significado Posibles valores Align Alineación de la regla dentro de la pagina Left(izqierda) Width Ancho de la regla Size Alto de la regla noshade Eliminar el sombriado de la regla
  • 4. FORMATEAR EL TEXTO <font> Las propiedades del texto pueden modifiarse a través de la etiqueta <font>, podemos insertar el texto entre las etiquetas <font> y </font>. Atributo Significado Posibles valores Face Fuente Nombre de la fuente, o fuentes Color Color del texto Nimero haxadecimal o texto predefinido Size Tamaño del texto Valores de 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o – delante del valor EJEMPLO: <font color =“#993366” size=“4” face=“Comic sans, MS,arial, Ms sans serif#>Bienvenidos a www.misitio web.com</font>
  • 5. RESALTADO DEL TEXTO <br> Existen una serie de etiquetas que permiten aplicar diferentes estilos de texto que se encuentran entre ellas, y generalmente se utilizan para resaltarlo. Etiqueta Significado Ejemplo <b> Negrita Curso HTML aulaclic <i> Cursica Curso HTML aulaclic <u> Subreayado Curso HTML aulaclic <s> Tachato Curso HTML aulaclic <tt> Telepetico(maquina de escribir) Curso HTML aulaclic <big> Aumenta el tamaño de la fuente Curso HTML aulacli <small> Disminuye el tamaño de la fuente Curso HTML aulaclic
  • 6. Estas son algunas etiquetas asociadas al tipo de información: Etiqueta Significado Ejemplo <cite> Cita Curso HTML aulaclic <code> Ejemplo de código Curso HTML aulaclic <dfn> Definicion Curso HTML aulaclic <del> Eliminado Curso HTML aulaclic <em> Enfasis Curso HTML aulaclic <ins> Insertado Curso HTML aulaclic <kbd> Teclado Curso aulaclic <samp> Muestra Curso HTML aulaclic <strong> Destacado Curso HTML aulaclic <sub> Subindice Curso 퐻푇푀퐿 aulaclic <sup> Superindece Curso 퐻푇푀퐿 aulaclic <var> Variable Curso HTML aulaclic
  • 7. PARAFOS <P> El texto de una pagina puede agruparse en párrafos con la siguiente etiqueta <p> y </p>, te hacen el cambio de línea automáticamente. EJEMPLO: Bienvenidos a mi página. Aquí encontraras cursos de información muy importantes. Se debe poner: <p align=“center”>Bienvenido a mi página.</p> <p>Aquí encontraras cursos de forma muy interesante.</p>
  • 8. TABLAS Para insertar una tabla hay que insertar las etiquetas <table> y </table> y habrá que especificar el numero de filas y columnas que habrá en tabla. Imagen y texto COLUMNA Texto dentro de una celda FILA CELDA
  • 9. FILA <tr> Es necesario insertar las etiquetas <<tr> y </tr> por cada de las filas de la tabla. Deberan insertarse entre las etiquetas <table> y </table>. Para crear una tabla con cinco filas escribiríamos: <table> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> <tr>…</tr> </table>
  • 10. COLUMNA O CELDA <td> Para hacer una tabla no basta con especificar con el numero de filas sino también las columnas, paraello se ponen las etiquetas <td> y </td>. Sabado domingo Curso HTML Curso Dreamweaver Para poner las columnas de la tabla pasada habría que escribir: <table border=“1”> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> </table>