SlideShare una empresa de Scribd logo
1 de 10
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)

pestaña de referencia
pestaña de referencia pestaña de referencia
pestaña de referencia
 
Css
CssCss
Css
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Diapositivas Html
Diapositivas HtmlDiapositivas Html
Diapositivas Html
 
CSS
CSSCSS
CSS
 
Diapositivas access
Diapositivas accessDiapositivas access
Diapositivas access
 
Herramientas insertar
Herramientas insertarHerramientas insertar
Herramientas insertar
 
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
 
Css3
Css3Css3
Css3
 
An Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java ScriptAn Overview of HTML, CSS & Java Script
An Overview of HTML, CSS & Java Script
 
Mapa conceptual word
Mapa conceptual wordMapa conceptual word
Mapa conceptual word
 
Word menu de diseño
Word menu de diseñoWord menu de diseño
Word menu de diseño
 
Html
HtmlHtml
Html
 
HTML
HTMLHTML
HTML
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
Todo sobre HTML5
Todo sobre HTML5Todo sobre HTML5
Todo sobre HTML5
 
Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
MySQL Views
MySQL ViewsMySQL Views
MySQL Views
 
Mapa conceptual de microsoft word
Mapa conceptual de microsoft wordMapa conceptual de microsoft word
Mapa conceptual de microsoft word
 

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
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
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
 

Etiquetas HTML

  • 1.
  • 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>