SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
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>

Más contenido relacionado

Similar a (HTML) Códigos html

Similar a (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
 

Más de Club Docente Digital

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 literarioClub Docente Digital
 
(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ónClub Docente Digital
 
(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsive(HTML) Expresion web y web responsive
(HTML) Expresion web y web responsiveClub Docente Digital
 
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 atubeClub Docente Digital
 

Más 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

Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdflizcortes48
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías productommartinezmarquez30
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxMAURICIO329243
 
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfDescripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfCarol Andrea Eraso Guerrero
 
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
Explicación del  Modelo de Stephen Toulmin para elaborar argumentosExplicación del  Modelo de Stephen Toulmin para elaborar argumentos
Explicación del Modelo de Stephen Toulmin para elaborar argumentosINESDVERA
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAlejandrino Halire Ccahuana
 
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...JAVIER SOLIS NOYOLA
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVChema R.
 
Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Gonella
 
LOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejorLOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejormrcrmnrojasgarcia
 
Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Gonella
 
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOS
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOSCALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOS
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOSdarlingreserved
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacionviviantorres91
 
Presentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEPresentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEJosé Hecht
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Carol Andrea Eraso Guerrero
 

Último (20)

Cuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdfCuadernillo de actividades eclipse solar.pdf
Cuadernillo de actividades eclipse solar.pdf
 
historieta materia de ecologías producto
historieta materia de ecologías productohistorieta materia de ecologías producto
historieta materia de ecologías producto
 
El Bullying.
El Bullying.El Bullying.
El Bullying.
 
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptxLa-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
La-cosmovision-del-curriculo-educativo-en-Venezuela (1).pptx
 
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdfDescripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
Descripción Und Curso Inf.Médica - Diseño ExpAprendizaje2.pdf
 
¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx¿Amor o egoísmo? Esa es la cuestión.pptx
¿Amor o egoísmo? Esa es la cuestión.pptx
 
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
Explicación del  Modelo de Stephen Toulmin para elaborar argumentosExplicación del  Modelo de Stephen Toulmin para elaborar argumentos
Explicación del Modelo de Stephen Toulmin para elaborar argumentos
 
Amor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdfAmor o egoísmo, esa es la cuestión por definir.pdf
Amor o egoísmo, esa es la cuestión por definir.pdf
 
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO.  Autor y dise...
CARTEL CONMEMORATIVO DEL ECLIPSE SOLAR 2024 EN NAZAS , DURANGO. Autor y dise...
 
tema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XVtema5 2eso 2024 Europa entre los siglos XII y XV
tema5 2eso 2024 Europa entre los siglos XII y XV
 
AO TEATRO, COM ANTÓNIO MOTA! _
AO TEATRO, COM ANTÓNIO MOTA!             _AO TEATRO, COM ANTÓNIO MOTA!             _
AO TEATRO, COM ANTÓNIO MOTA! _
 
Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2Apunte de clase Pisos y Revestimientos 2
Apunte de clase Pisos y Revestimientos 2
 
LOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejorLOS AMBIENTALISTAS todo por un mundo mejor
LOS AMBIENTALISTAS todo por un mundo mejor
 
Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1Apunte de clase Pisos y Revestimientos 1
Apunte de clase Pisos y Revestimientos 1
 
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOS
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOSCALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOS
CALCULADORA CIENTIFICA - ANALISIS DE ARTEFACTOS
 
Actividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 EducacionActividades eclipse solar 2024 Educacion
Actividades eclipse solar 2024 Educacion
 
Unidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIUUnidad 2 | Teorías de la Comunicación | MCDIU
Unidad 2 | Teorías de la Comunicación | MCDIU
 
Presentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUEPresentación MF 1445 EVALUACION COMO Y QUE
Presentación MF 1445 EVALUACION COMO Y QUE
 
Acuerdo segundo periodo - Grado Sexto.pptx
Acuerdo segundo periodo - Grado Sexto.pptxAcuerdo segundo periodo - Grado Sexto.pptx
Acuerdo segundo periodo - Grado Sexto.pptx
 
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
Desarrollo de habilidades del siglo XXI - Práctica Educativa en una Unidad-Ca...
 

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