COLEGIO NACIONAL NICOLAS ESGUERRA                MAURICIO ALEJANDRO CERON GUALTEROS                      JUAN PABLO CHINCH...
EJEMPLOS      Google chrome      Mozilla firefox      Opera      Internet explorer      SafariEditoresUn editor es un prog...
EtiquetasLas etiquetas o marcas delimitan cada uno de los elementos que componen undocumento HTML. Existen dos tipos de et...
MI PRIMERA PÁGINALo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedesdirigirte al menú Inicio, ...
Próxima SlideShare
Cargando en…5
×

Colegio nacional nicolas esguerra

411 visualizaciones

Publicado el

1 comentario
0 recomendaciones
Estadísticas
Notas
  • Jogando.net/MU *15*

    Boa tarde amigos,

    Venham conhecer nossos Servidores de Mu
    Online Season 6 http://www.jogando.net/mu/
    >>muitos kits novos;
    >> Nossos GMs online em todos os servers
    Fazem eventos todos os dias:
    Fazemos sua Diversão com qualidade,há mais de 5 anos
    Servers ON 24 horas por dia.
    Vários Server esperando por você.Venha se divertir de verdade.
    >>>CURTA nossa Fan page no Facebook e concorra a prêmios.
    SORTEIO de 2 pacotes de 100 JCASHs mais 15 dias VIP Premium
    >>>Conheçam também Animes Cloud -> http://www.animescloud.com, mais de 20.000 videos online,feito exclusivo para sua diversão.
    Site http://www.jogando.net/mu/ Benvindos ao nosso servidor.
    Wartemix Divulgadora Oficial !
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
411
En SlideShare
0
De insertados
0
Número de insertados
114
Acciones
Compartido
0
Descargas
1
Comentarios
1
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Colegio nacional nicolas esguerra

  1. 1. COLEGIO NACIONAL NICOLAS ESGUERRA MAURICIO ALEJANDRO CERON GUALTEROS JUAN PABLO CHINCHILLA OJEDAQué es HTMLEl HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben laspáginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permiteescribir texto de forma estructurada, y que está compuesto por etiquetas, quemarcan el inicio y el fin de cada elemento del documento.Un documento hipertexto no sólo se compone de texto, puede contener imágenes,sonido, vídeos, etc., por lo que el resultado puede considerarse como undocumento multimedia.Los documentos HTML deben tener la extensión html o htm, para que puedan servisualizados en los navegadores (programas que permiten visualizar las páginasweb).Los navegadores se encargan de interpretar el código HTML de los documentos, yde mostrar a los usuarios las páginas web resultantes del código interpretado.NAVEGADORESComo hemos dicho, el navegador instalado en el ordenador del usuario es el queinterpreta el código HTML de la página que visita por lo que a veces puede ocurrirque dos usuarios visualicen la misma página de forma distinta porque tieneninstalados navegadores distintos o incluso versiones distintas del mismonavegador.Los navegadores de hoy en día pretenden ser compatibles con la última versiónde HTML. Es necesario realizar extensiones de los navegadores para que puedanser compatibles con esta última versión.Dos de los navegadores que continuamente están realizando extensiones sonInternet Explorer y Netscape Navigator, que realizan extensiones incluso antes deque se establezcan los estándares, intentando incluir las nuevas funcionesincluidas en los borradores.
  2. 2. EJEMPLOS Google chrome Mozilla firefox Opera Internet explorer SafariEditoresUn editor es un programa que nos permiten redactar documentos. Hoy en díaexisten un gran número de editores que permiten crear páginas web sin lanecesidad de escribir ni una sola línea de código HTML. Estos editores disponende un entorno visual, y generan automáticamente el código de las páginas. Alpoder ver en todo momento cómo quedará la página en el navegador, se facilita lacreación de las páginas, y el uso de menús permite ganar rapidez.Estos editores visuales pueden generar en ocasiones código basura, es decir,código que no sirve para nada, en otras ocasiones puede ser más efectivo corregirdirectamente el código por lo que resulta necesario saber HTML para poderdepurar el código de nuestra páginas.Algunos de los editores visuales con los que podrás crear tus páginas web sonMacromedia Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjectsFusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, delos cuales algunos tienen la ventaja de ser gratuitos.
  3. 3. EtiquetasLas etiquetas o marcas delimitan cada uno de los elementos que componen undocumento HTML. Existen dos tipos de etiquetas, la de comienzo de elemento y lade fin o cierre de elemento.La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuestapor el identificador o nombre de la etiqueta, y puede contener una serie deatributos opcionales que permiten añadir ciertas propiedades. Su sintaxis es:<identificador atributo1 atributo2 ...>Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y puedentomar cualquier valor propio del usuario, o valores HTML predefinidos.La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta porel identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis es:</identificador>Cada uno de los elementos de la página se encontrará entre una etiqueta decomienzo y su correspondiente etiqueta de cierre, a excepción de algunoselementos que no necesitan etiqueta de cierre. También es posible anidaretiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y decierre.A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..> anidadadentro de la etiqueta <p..>.:<p align="center"><font color="#993366" size="4" face="Comic Sans MS,Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p>Este código daría como resultado el siguiente texto: Bienvenidos a www.aulaclic.comEs importante anidar bien las etiquetas, las etiquetas no se pueden cruzar, ennuestro ejemplo hemos empezado por la etiqueta <p..>, antes de cerrar estaetiqueta hemos puesto la <font..> por lo que antes de cerrar la etiqueta <p..>debemos cerrar la etiqueta etiqueta <font..>
  4. 4. MI PRIMERA PÁGINALo primero que tienes que hacer es abrir el Bloc de notas. Para abrirlo, puedesdirigirte al menú Inicio, Programas, Accesorios, opción Bloc de notas.Seguidamente introduce, en el documento en blanco, el texto siguiente:<HTML><head><title>MI PRIMERA PAGINA</title></head><body bgcolor="#FFCC99"><font color="#CC3300" size="5">Hola, estoy haciendo pruebas.</font></body></html>Guarda el documento con la extensión htm, con el nombre miprimpag.htm. Puedesguardarlo a través del menú Archivo, opción Guardar.Pulsando dos veces sobre el icono del archivo miprimpag.htm, éste deberíaabrirse automáticamente en el navegador que tengas instalado en tu ordenador.

×