Post on 16-Apr-2017
Ing. Dulce Mónica Castillo
Corona
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
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
<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>
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>