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

PPTX
(HTML) Códigos básicos de html
PPTX
Inf2-exc-1-diego alvarez
PPTX
Páginas web (1)
PPTX
Páginas web en formato HTML
PPTX
Vals}(1)
PDF
Lenguaje HTML ETIQUETAS
DOC
Guia básica html
PPTX
Etiquetas de html
(HTML) Códigos básicos de html
Inf2-exc-1-diego alvarez
Páginas web (1)
Páginas web en formato HTML
Vals}(1)
Lenguaje HTML ETIQUETAS
Guia básica html
Etiquetas de html

Similar a (HTML) Códigos html (20)

DOC
Guia html
DOCX
PPTX
Inf1a _ex2_adilenecardenas
PDF
PPTX
Códigos HTML.pptx para informatica 10/04/24
PPTX
Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño
PPSX
PPTX
Codigo html
PPTX
ODP
PPTX
HInf2 exc12 p1_a_unidad 3_html_jessica
PDF
Manual html
DOCX
PPSX
PDF
Etiqueta de html
DOCX
Comando básicos HTML.
PPTX
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
Guia html
Inf1a _ex2_adilenecardenas
Códigos HTML.pptx para informatica 10/04/24
Códigos HTML.pptx fecha 10/04/24 magdalena ortega de nariño
Codigo html
HInf2 exc12 p1_a_unidad 3_html_jessica
Manual html
Etiqueta de html
Comando básicos HTML.
TALLER DE PROGRAMACIONNNNNNNNNNNNNNNNNNN
Publicidad

Más de Club Docente Digital (20)

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

Último (20)

PDF
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
DOCX
PLAN DE CASTELLANO 2021 actualizado a la normativa
PDF
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf
DOCX
Programa_Sintetico_Fase_4.docx 3° Y 4°..
PDF
TOMO II - LITERATURA.pd plusenmas ultras
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PDF
EL aprendizaje adaptativo bajo STEM+H.pdf
PDF
2.0 Introduccion a processing, y como obtenerlo
PDF
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
PDF
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Introducción a la historia de la filosofía
PDF
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
PDF
Atencion prenatal. Ginecologia y obsetricia
PDF
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
PDF
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
PPTX
MATEMATICAS GEOMETRICA USO TRANSPORTADOR
La Formacion Universitaria en Nuevos Escenarios Ccesa007.pdf
PLAN DE CASTELLANO 2021 actualizado a la normativa
Nadie puede salvarte excepto Tú - Madame Rouge Ccesa007.pdf
Programa_Sintetico_Fase_4.docx 3° Y 4°..
TOMO II - LITERATURA.pd plusenmas ultras
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Aumente su Autoestima - Lair Ribeiro Ccesa007.pdf
Escuelas Desarmando una mirada subjetiva a la educación
EL aprendizaje adaptativo bajo STEM+H.pdf
2.0 Introduccion a processing, y como obtenerlo
Introduccion a la Investigacion Cualitativa FLICK Ccesa007.pdf
Aqui No Hay Reglas Hastings-Meyer Ccesa007.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Introducción a la historia de la filosofía
Esc. Sab. Lección 7. El pan y el agua de vida.pdf
Atencion prenatal. Ginecologia y obsetricia
Los hombres son de Marte - Las mujeres de Venus Ccesa007.pdf
La Inteligencia Emocional - Fabian Goleman TE4 Ccesa007.pdf
MATEMATICAS GEOMETRICA USO TRANSPORTADOR

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