2. HTML, siglas de HyperText Markup
Language (Lenguaje de Marcas de
Hipertexto), es el lenguaje que se utiliza
para la creación de páginas web. Nos permite
agrupar textos, imágenes y sonidos lo que es
una ventaja en comparación a los libros o
revistas impresos. Así como el uso de enlaces
a otras páginas
3. El código HTML consta básicamente de un elemento llamado
etiqueta o marca que nos van a servir para incluir desde texto ,
sonido, tablas,etc. Casi todas tiene 2 partes, el comienzo y el
fin entre ellas esta el elemento que caracterizan, las de
apertura se simbolizan así < y las de cierre así > pero cabe
mencionar que a las de cierre se les debe anteponer una /. Con
lo que nuestras etiquetas quedan de la sig. manera…
<etiqueta>…….</etiqueta>
Al programar nuestra página lo haremos en un editor de textos
en donde pondremos todas la etiquetas que se requieran pero el
usuario al abrir la página en un explorador en este solo no se
verán ya que este va a interpretar la etiquetas y sus atributos
para mostrar como resultado final la página pero sin etiquetas.
Existen diferentes tipos de navegadores Mozilla firefox, Opera,
K-meleon, Netscape, Maya, Internet explorer, browserX,
Chrome, Safari,etc.
Para guardar un archivo HTML debemos poner la extensión en
el nombre del archivo es decir , practica2.html
4. <HTML>
<HEAD> <TITLE>Este es el titulo que va en la pestaña de mi explorador </TITLE>
</HEAD>
<BODY>
<!-- aqui comenzo aprogramar mi página -->
<H1>TITULO----1 </H1>
<H2>TITULO----2 </H2>
<H3>TITULO----3 </H3>
<H4>TITULO----4 </H4>
<H5>TITULO----5 </H5>
<H6>TITULO----6 </H6>
<H2>
<P ALIGN =CENTER> "PROCESADOR"</H2>
<P ALIGN =CENTER>
<IMG SRC= "./procesador.jpg" >
<P>Esto es un parrafo con informacion
super importante. Notese que las lineas salen pegadas aún dejando
espacios, saltos de linea, etc. <BR>
<P>¡Si pongo esto si <B>cambia </B> de linea!
<P>Otro parrafo, y lo que querramos seguir anexando a nuestra página
Me voy al <A HREF= "http://cpi2013-1.blogspot.mx ">Ing. Castillo</A> esto es una liga.
.....................................................
.....................................................
</BODY>
</HTML>
5.
6.
7. Etiquetas de texto más utilizadas
<B> texto en negrita </B>
<I> texto en cursiva </I>
<U> texto subrayado </U>
<SUB> subíndice </SUB>
<SUP> superíndice </SUP>
<S> texto tachado </S>
<BLINK> texto interminente </BLINK>
<TT> monoespaciada </TT>
Tamaño de fuente
<FONT size=4> TEXTO </FONT >
<FONT size=+1> TEXTO </FONT >
Color de fuente
<FONT color="red"> TEXTO </FONT >
<FONT color="#ff000"> TEXTO </FONT >
<FONT face="Arial"> TEXTO </FONT >
Si se lo agregamos a nuestra página nos quedaría de la siguiente manera:
<FONT color="#ff000"face ="ARIAL" size= "10PT">
CON ESTA ETIQUETA CAMBIE TIPO DE LETRA, TAMAÑO Y EL COLOR DE LA
LETRA !!!!!!!!!!!!!!!!</FONT>