SlideShare uma empresa Scribd logo
1 de 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>

Mais conteúdo relacionado

Mais de Club Docente Digital

Mais 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
 

Último

FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
MiNeyi1
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 

Último (20)

Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 

(HTML) Códigos básicos de 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>