SlideShare une entreprise Scribd logo
1  sur  12
Códigos HTML
De estructura
Pagina nueva
Atributo de texto
• <hx> donde x que va creciendo de 1 a 6 <h1>;
<h2>... <h6>
• <b> Letra en negrita
• <i> Letra en cursiva
• <u> Letra en subrayado
• <s> Letra tachada
• <tt> Letra máquina de escribir
• <br>Salto de línea
<Hx> </Hx> define tamaños de letra
• Este puede variar entre 1 y 6, siendo 1 el
tamaño mayor. <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<title>Este es tamaño 1</title>
</head>
<body>
<h1>Este es tamaño 1</h1>
<h2>Este es tamaño 2</h2>
<h3>Este es tamaño 3</h3>
<h4>Este es tamaño 4</h4>
<h5>Este es tamaño 5</h5>
<h6>Este es tamaño 6</h6>
</body>
</html>
Negrita cursiva y subrayada
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<title>Tamaños de letra con h </title>
</head>
<body>
<b> Letra en negrita </b>
<p>
<i> Letra en cursiva </i>
</p>
<p>
<u> Letra en subrayado </u>
</p>
</body>
</html>
Tachada, maquina y salto de línea
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252">
<title>Tachada maquina y salto de linea</title>
</head>
<body>
<s> Letra tachada </s>
<br>
<tt> Letra máquina de escribir </tt>
<br>Salto de línea
</body>
</html>
Edición De Texto
• Face: fuente. nombre de la fuente, o fuentes.
• Color: color del texto. número hexadecimal o
texto predefinido.
• Size: tamaño del texto. valores del 1 al 7, siendo
por defecto el 3, o desplazamiento respecto al
tamaño por defecto, añadiendo + o – delante del
valor
<font color=#FF0000 size=4 face=Arial>Aquí se
encuentra el contenido de la web</font>
Párrafo con detalles
• <font color=#FF0000 size=4
face=Arial>Aquí se encuentra el contenido
de la web</font>
Texto con Movimiento
• <marquee id="ejemplo" direction="up">AQUI
VA EL TEXTO QUE DESEES </marquee>
• <a href="javascript:void(0);"
onclick="getElementById('ejemplo').direction='
down';">Hacia abajo</a>
• <a href="javascript:void(0);"
onclick="getElementById('ejemplo').direction='
up';">Hacia arriba</a>
Botón ajustable
• <input type="button" value="Abrir un enlace"
onclick="window.open('Aqui la direccion que
quieres que se abra')" />
Buscador Google
• <form action="http://www.google.com/search" method="get"
target="_blank">
• <table width="100%" align="center" cellpadding="0" cellspacing="0"
bgcolor="#FFFFFF">
• <tr>
• <td width="100%" align="right" valign="top">
• <p align="left">
• <input type="text" name="q" size=45 maxlength="255" value="">
• <input type="submit" name="btnG" value="Buscar En Google">
• </td> <p> </tr> </table>
• </form>

Contenu connexe

Similaire à (HTML) Códigos html (7)

Html- Andrea Sofia
Html- Andrea SofiaHtml- Andrea Sofia
Html- Andrea Sofia
 
Etiquetas que dan formato
Etiquetas que dan formatoEtiquetas que dan formato
Etiquetas que dan formato
 
Semana 3 Introduccion CSS
Semana 3   Introduccion CSSSemana 3   Introduccion CSS
Semana 3 Introduccion CSS
 
Elementos básicos html y css
Elementos básicos html y cssElementos básicos html y css
Elementos básicos html y css
 
Elaboración del periódico en HTML y en GLOGSTER
Elaboración del periódico en HTML  y en GLOGSTER Elaboración del periódico en HTML  y en GLOGSTER
Elaboración del periódico en HTML y en GLOGSTER
 
HTML
HTMLHTML
HTML
 
html
htmlhtml
html
 

Plus de Club Docente Digital

Plus de Club Docente Digital (20)

(WW) wordwall Clase 1
(WW) wordwall  Clase 1(WW) wordwall  Clase 1
(WW) wordwall Clase 1
 
(CR) Entrevista a auqui
(CR) Entrevista a auqui(CR) Entrevista a auqui
(CR) Entrevista a auqui
 
(CR) La Divina Revelación
(CR) La Divina Revelación(CR) La Divina Revelación
(CR) La Divina Revelación
 
(CR) Los registros akáshicos
(CR) Los registros akáshicos(CR) Los registros akáshicos
(CR) Los registros akáshicos
 
(CR) El hombre del 3036
(CR) El hombre del 3036(CR) El hombre del 3036
(CR) El hombre del 3036
 
(CR) El Basilisco de Roko
(CR) El Basilisco de Roko(CR) El Basilisco de Roko
(CR) El Basilisco de Roko
 
Clase 6 del bubble al el guion literario
Clase 6   del bubble al el guion literarioClase 6   del bubble al el guion literario
Clase 6 del bubble al el guion literario
 
Clase 5 tema, argumento y trama
Clase 5   tema, argumento y tramaClase 5   tema, argumento y trama
Clase 5 tema, argumento y trama
 
(CR) Enfermedades raras
(CR) Enfermedades raras(CR) Enfermedades raras
(CR) Enfermedades raras
 
(W3) el fondo del video de introducción
(W3) el fondo del video de introducción(W3) el fondo del video de introducción
(W3) el fondo del video de introducción
 
(CR) Secretos de la luna
(CR) Secretos de la luna(CR) Secretos de la luna
(CR) Secretos de la luna
 
(PA) Del argumento al guion
(PA) Del argumento al guion(PA) Del argumento al guion
(PA) Del argumento al guion
 
(CR) Otros profetas
(CR) Otros profetas(CR) Otros profetas
(CR) Otros profetas
 
(W3) Ensayando el rodaje
(W3) Ensayando el rodaje(W3) Ensayando el rodaje
(W3) Ensayando el rodaje
 
(HTML) Google drive como hosting
(HTML) Google drive como hosting(HTML) Google drive como hosting
(HTML) Google drive como hosting
 
(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive
 
(PA) De la escaleta al argumento
(PA) De la escaleta al argumento(PA) De la escaleta al argumento
(PA) De la escaleta al argumento
 
Como usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atubeComo usar el paint para hacer tutoriales con atube
Como usar el paint para hacer tutoriales con atube
 
(W3) Del bubble al pitch
(W3) Del bubble al pitch(W3) Del bubble al pitch
(W3) Del bubble al pitch
 
(W3) Ensayando el discurso
(W3) Ensayando el discurso(W3) Ensayando el discurso
(W3) Ensayando el discurso
 

Dernier

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Dernier (20)

1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 

(HTML) Códigos html

  • 4. Atributo de texto • <hx> donde x que va creciendo de 1 a 6 <h1>; <h2>... <h6> • <b> Letra en negrita • <i> Letra en cursiva • <u> Letra en subrayado • <s> Letra tachada • <tt> Letra máquina de escribir • <br>Salto de línea
  • 5. <Hx> </Hx> define tamaños de letra • Este puede variar entre 1 y 6, siendo 1 el tamaño mayor. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Este es tamaño 1</title> </head> <body> <h1>Este es tamaño 1</h1> <h2>Este es tamaño 2</h2> <h3>Este es tamaño 3</h3> <h4>Este es tamaño 4</h4> <h5>Este es tamaño 5</h5> <h6>Este es tamaño 6</h6> </body> </html>
  • 6. Negrita cursiva y subrayada <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Tamaños de letra con h </title> </head> <body> <b> Letra en negrita </b> <p> <i> Letra en cursiva </i> </p> <p> <u> Letra en subrayado </u> </p> </body> </html>
  • 7. Tachada, maquina y salto de línea <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Tachada maquina y salto de linea</title> </head> <body> <s> Letra tachada </s> <br> <tt> Letra máquina de escribir </tt> <br>Salto de línea </body> </html>
  • 8. Edición De Texto • Face: fuente. nombre de la fuente, o fuentes. • Color: color del texto. número hexadecimal o texto predefinido. • Size: tamaño del texto. valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamaño por defecto, añadiendo + o – delante del valor <font color=#FF0000 size=4 face=Arial>Aquí se encuentra el contenido de la web</font>
  • 9. Párrafo con detalles • <font color=#FF0000 size=4 face=Arial>Aquí se encuentra el contenido de la web</font>
  • 10. Texto con Movimiento • <marquee id="ejemplo" direction="up">AQUI VA EL TEXTO QUE DESEES </marquee> • <a href="javascript:void(0);" onclick="getElementById('ejemplo').direction=' down';">Hacia abajo</a> • <a href="javascript:void(0);" onclick="getElementById('ejemplo').direction=' up';">Hacia arriba</a>
  • 11. Botón ajustable • <input type="button" value="Abrir un enlace" onclick="window.open('Aqui la direccion que quieres que se abra')" />
  • 12. Buscador Google • <form action="http://www.google.com/search" method="get" target="_blank"> • <table width="100%" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> • <tr> • <td width="100%" align="right" valign="top"> • <p align="left"> • <input type="text" name="q" size=45 maxlength="255" value=""> • <input type="submit" name="btnG" value="Buscar En Google"> • </td> <p> </tr> </table> • </form>