Codigo HTML

Mitchell Salazar Barradas
Prepa 1.A
Maestra: Azucena Cervantes
06/05/2015
Código HTML

 El código fuente 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.

 Para definir distintos 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.

 Se escribirán así:
<H1> Texto de
prueba(H1)</H1>
<H2> Texto de prueba (H2)</H2>
<H3> Texto de prueba(H3)</H3>
y este sería el resultado:
Texto de prueba (H1)

<html>
<head>
<title>Ejemplo del uso de 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>

<html>
<head>
<title>Ejemplo del uso de párrafos -
</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>

<html>
<head>
<title>Ejemplo del uso de etiqueta <pre> -
</head>
<body>
Escribo esta línea así
Dejo dos líneas de separación
y escribo tres más.
</body>
</html>

<html>
<head>
<title>Ejemplo del uso de etiqueta <pre> -
</head>
<body>
<pre>
Escribo esta línea así
Dejo dos líneas de separación
y escribo tres más.
</pre>
</body>
</html>

 Permite establecer el tipo de letra que se utilizará
la pagina web por ejemplo arial, verdana, Comic
Sans MS

<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

 <font color="red">Tu texto</font>
En esta etiqueta tambien se puede utilizar códigos
de color sustituyendo la palabra del color:
 <font color="#80BFFF">Tu texto</font>

 Las marquesinas son 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>

 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'>

 El atributo alt 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.

 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.

Codigo HTML

Recomendados

Recomendados

Más contenido relacionado

Similar a Codigo HTML

Similar a Codigo HTML (20)

Más de Mitchell Salazar

Más de Mitchell Salazar (7)

Codigo HTML