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

La actualidad más candente (15)

Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo tablas
Trabajo tablasTrabajo tablas
Trabajo tablas
 
Tablas
TablasTablas
Tablas
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Creacion de paginas web
Creacion de paginas webCreacion de paginas web
Creacion de paginas web
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
curso html
curso htmlcurso html
curso html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Pagina web 5
Pagina web 5Pagina web 5
Pagina web 5
 
MAPA CONCEPTUAL
MAPA CONCEPTUALMAPA CONCEPTUAL
MAPA CONCEPTUAL
 
Mapa conceptual de power point
Mapa conceptual de power pointMapa conceptual de power point
Mapa conceptual de power point
 
Mapa conceptual genny hernandez
Mapa conceptual genny hernandezMapa conceptual genny hernandez
Mapa conceptual genny hernandez
 
Pagina web 5.
Pagina web 5.Pagina web 5.
Pagina web 5.
 
Mapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganemMapa conceptual power point mac gyver ganem
Mapa conceptual power point mac gyver ganem
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Destacado

Alejo kinggggg prese n bueno
Alejo kinggggg prese n buenoAlejo kinggggg prese n bueno
Alejo kinggggg prese n buenoalejoELAMO
 
DOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataDOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataHarald Erb
 
Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paolachable
 
Actividad de aprendizaje 1
Actividad de aprendizaje 1Actividad de aprendizaje 1
Actividad de aprendizaje 1231425
 
Morning linedealfonsorodriguezveralar15nov15[1]
Morning linedealfonsorodriguezveralar15nov15[1]Morning linedealfonsorodriguezveralar15nov15[1]
Morning linedealfonsorodriguezveralar15nov15[1]Winston1968
 
Proyecto Soportado en las TIC
Proyecto Soportado en las TICProyecto Soportado en las TIC
Proyecto Soportado en las TIC160379
 
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...borduria
 
Normalizacion Modificada
Normalizacion ModificadaNormalizacion Modificada
Normalizacion ModificadaIrune Maury
 
Mitmachweb frankfurt 2010_print
Mitmachweb frankfurt 2010_printMitmachweb frankfurt 2010_print
Mitmachweb frankfurt 2010_printJan Schmidt
 
Morning linede alfonsorodriguezveralar24oct15[1]
Morning linede alfonsorodriguezveralar24oct15[1]Morning linede alfonsorodriguezveralar24oct15[1]
Morning linede alfonsorodriguezveralar24oct15[1]Winston1968
 
Haartransplantationen in der Türkei
Haartransplantationen in der TürkeiHaartransplantationen in der Türkei
Haartransplantationen in der TürkeiMedicus Reisen
 

Destacado (20)

Proyecto 6164
Proyecto 6164Proyecto 6164
Proyecto 6164
 
Portafolio de presentación unidad 4
Portafolio de presentación unidad 4Portafolio de presentación unidad 4
Portafolio de presentación unidad 4
 
41408 mi tiempo libre
41408 mi tiempo libre41408 mi tiempo libre
41408 mi tiempo libre
 
Alejo kinggggg prese n bueno
Alejo kinggggg prese n buenoAlejo kinggggg prese n bueno
Alejo kinggggg prese n bueno
 
DOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big DataDOAG News 2012 - Analytische Mehrwerte mit Big Data
DOAG News 2012 - Analytische Mehrwerte mit Big Data
 
Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3Paola proyecto BLOQUE 3
Paola proyecto BLOQUE 3
 
Märkte mit nextSalesroom
Märkte mit nextSalesroomMärkte mit nextSalesroom
Märkte mit nextSalesroom
 
Actividad de aprendizaje 1
Actividad de aprendizaje 1Actividad de aprendizaje 1
Actividad de aprendizaje 1
 
Hamburg 28.03.2010
Hamburg 28.03.2010Hamburg 28.03.2010
Hamburg 28.03.2010
 
Morning linedealfonsorodriguezveralar15nov15[1]
Morning linedealfonsorodriguezveralar15nov15[1]Morning linedealfonsorodriguezveralar15nov15[1]
Morning linedealfonsorodriguezveralar15nov15[1]
 
Proyecto Soportado en las TIC
Proyecto Soportado en las TICProyecto Soportado en las TIC
Proyecto Soportado en las TIC
 
Ppt mik
Ppt mikPpt mik
Ppt mik
 
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...
Protafoliodetrabajo/nuriadez/tecnologicodeMonterrey/recursos abiertos/innovac...
 
Normalizacion Modificada
Normalizacion ModificadaNormalizacion Modificada
Normalizacion Modificada
 
Pixton
PixtonPixton
Pixton
 
Mitmachweb frankfurt 2010_print
Mitmachweb frankfurt 2010_printMitmachweb frankfurt 2010_print
Mitmachweb frankfurt 2010_print
 
Morning linede alfonsorodriguezveralar24oct15[1]
Morning linede alfonsorodriguezveralar24oct15[1]Morning linede alfonsorodriguezveralar24oct15[1]
Morning linede alfonsorodriguezveralar24oct15[1]
 
Ambiente de excel
Ambiente de excelAmbiente de excel
Ambiente de excel
 
sipgate.io Partnertag
sipgate.io Partnertagsipgate.io Partnertag
sipgate.io Partnertag
 
Haartransplantationen in der Türkei
Haartransplantationen in der TürkeiHaartransplantationen in der Türkei
Haartransplantationen in der Türkei
 

Similar a Presentacion de etiquetas

Similar a Presentacion de etiquetas (20)

Documento numero 1
Documento numero 1Documento numero 1
Documento numero 1
 
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
 
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 Basicas de Html
Etiquetas Basicas de HtmlEtiquetas Basicas de Html
Etiquetas Basicas de Html
 

Presentacion de etiquetas

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