Descargar para leer sin conexión
Código HMTL
- 1. Mitchell Salazar Barradas Prepa1.A Maestra: Azucena Cervantes 06/05/2015 Código HTML
- 2. El códigofuente de un programa informático (o software) es un conjunto de líneas de texto que son las instrucciones que debe seguir la computadora para ejecutar dicho programa. Por tanto, en el código fuente de un programa está escrito por completo su funcionamiento.
- 3. Para definirdistintos tamaños de letra, en HTML se utiliza el elemento lleno <Hx> </Hx> donde x es un número que puede variar entre 1 y 6, siendo 1 el tamaño mayor.
- 4. Se escribiránasí: <H1> Texto de prueba(H1)</H1> <H2> Texto de prueba (H2)</H2> <H3> Texto de prueba(H3)</H3> <H4> Texto de prueba (H4)</H4> <H5> Texto de prueba (H5)</H5> <H6> Texto de prueba (H6)</H6> y este sería el resultado: Texto de prueba (H1) Texto de prueba (H2) Texto de prueba (H3) Texto de prueba (H4) Texto de prueba (H5) Texto de prueba (H6)
- 5. <html> <head> <title>Ejemplo del usode encabezados- aprenderaprogramar.com</title> </head> <body> <h1>Texto muy grande</h1> <h2>Texto grande</h2> <h3>Texto algo más grande de lo normal</h3> <h4>Texto normal</h4> <h5>Texto pequeño</h5> <h6>Texto muy pequeño</h6> </body> </html>
- 6. <html> <head> <title>Ejemplo del usode párrafos - aprenderaprogramar.com</title> </head> <body> <p style="text-align: center;">Este texto se alineará al centro</p> <p style="text-align: right;">Este texto se alineará a la derecha</p> <p style="text-align: left;">Este texto se alineará a la izquierda</p> </body> </html>
- 7. <html> <head> <title>Ejemplo del usode etiqueta <pre> - aprenderaprogramar.com</title> </head> <body> Escribo esta línea así Dejo dos líneas de separación y escribo tres más. </body> </html>
- 8. <html> <head> <title>Ejemplo del usode etiqueta <pre> - aprenderaprogramar.com</title> </head> <body> <pre> Escribo esta línea así Dejo dos líneas de separación y escribo tres más. </pre> </body> </html>
- 9. Permite establecerel tipo de letra que se utilizará la pagina web por ejemplo arial, verdana, Comic Sans MS
- 10. <font size="3" color="red">Tamaño:3 - color: rojo</font><br> <font face="serif" color="blue">Nombre de fuente: serif - color: azul</font><br> <font face="verdana" color="green" size="5">Nombre de fuente: verdana - color: verde</font> Código Tamaño: 3 - color: rojo Nombre de fuente: serif - color: azul Nombre de fuente: verdana - color: verde - tamaño: 4 Resultado
- 11. <font color="red">Tutexto</font> En esta etiqueta tambien se puede utilizar códigos de color sustituyendo la palabra del color: <font color="#80BFFF">Tu texto</font>
- 12. Las marquesinasson texto en movimiento. Ya funciona con ambos navegadores (hasta hace poco Netscape no lo implementaba, el 7 ya lo hace). La etiqueta es <MARQUEE>, un texto a desplazar y su cierre </MARQUEE>. Sin atributos quedará: <BODY> <MARQUEE> Aquí pongo el texto</MARQUEE> </BODY>
- 13. La etiqueta<IMG> le agregas WIDTH que es el ancho de la imagen y HEIGHT que es el alto de la imagen. Entonces tienes por ejemplo algo como: <img src='image.jpg' width='250' height='250'>
- 14. El atributoalt se puede usar para varios propósitos, la primera para que cuando se posicione el ratón sobre la imagen, salga un texto, generalmente explicando la imagen. La siguiente posibilidad es para meter palabras clave de cara a los buscadores, ya que es uno de los atributos que rastrean dentro de una página html. Otra posibilidad es que si no te carga la imagen, en vez de aparecer el típico recuadro con la cruz te puede salir (dependiendo del navegador) el texto que has colocado en el alt.
- 15. Código: http://es.wikipedia.org/wiki/C%C3%B3digo_fuente/2012.06/05/2015 Letra:https://www.uv.es/jac/guia/tamanyo.htm/2014.06/05/2015 Encabezados: http://aprenderaprogramar.com/index.php?option=com_content&view =article&id=489:encabezados-html-h1-a-h6-parrafos-aplicar-estilos-y- etiqueta-pre-texto-preformateado-ejemplo- cu00715b&catid=69:tutorial-basico-programador-web-html-desde- cero&Itemid=192/2012.06/05/2015 Font face: http://alfatips.com/temas/fontfacefontcolorfontsize/2013.06/05/2015 Marque: http://serbal.pntic.mec.es/apan/marque.htm/2014.06/05/2015 Tamaño de imagen: https://mx.answers.yahoo.com/question/index?qid=20080416193609 AAJAfpE ALT: http://www.desarrolloweb.com/faq/atributo-alt- imagenes.html#respuesta/2013.06/05/2015 Información extra: http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.