Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Trabajodetic 10

    Cargado por

    angel
    7 vistas5 páginas

    Título original

    Trabajodetic10 (1)

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    7 vistas5 páginas

    Trabajodetic 10

    Cargado por

    angel

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    1.

    InvestigaquNavegadoresestndisponiblesentuPC,familiarizateconcadaunodeellos
    yescribesunombreacontinuacin:
    Navegador1:GoogleChrome
    Navegador2:MozillaFirefox
    2.Desdetunavegadoraccedealapginahttp://roble.pntic.mec.es/jtal0007/xmlfp/,analiza
    losdiferenteselementosquelacomponenyrespondealassiguientespreguntas:
    Cabecera(Titulo),columnas(mendeobcionescontenidos)yelpier
    a)Tienelapginaenlacesolinks?
    Si,http://docencia.taboadaleon.es/lenguajesdemarcas.html

    b)Enumeradiferentesmanerasdereconoceraunlinkoenlace:
    Cuandopasaelratnporencimadeelenlaceyapareceunamano,cuandoenel
    procesadordetextoaparecelaletraenazulycuandohttp://yenmendeopciones

    c)PosicionaelMousesobreunenlaceydi,sinhacerclicsobreelmismo,culesla
    direccinalaqueapunta:
    Apuntahaciaarriba.

    d)PulsaelbotndelMouseenelenlacequehaselegidoyaccedealanuevapgina.
    Regresa,pulsandoeliconoquedireccionaalapginaanterior.

    Nota:Nocierreslaventanadelnavegador
    3.SealaenelsiguientecdigolasetiquetasdelaestructurabsicadeunapginaHTML.
    <!DOCTYPEhtml>Tipodedocumento

    <html>Iniciodeldocumento
    <head>Cabecera:inicia
    <metahttpequiv="ContentType"content="text/htmlcharset=iso88591"/>
    <title>IntroduccinaHTML</title>Titulo
    </head>Cabeceratermina

    <body>Cuerpo:inicia
    Estaesmiprimerapgina,aunquetodavaesmuysencilla.Comoel
    lenguajeHTMLnoesdifcil,prontoestarencondicionesdehacercosasms
    interesantes.
    </body>Cuerpo:termina
    </html>Finaldeldocumento

    4.AbrelaherramientaNotePad++.Transcribeelcdigodelejercicioanterior.Guardael
    archivoconelnombreActividad1.html.


    5.Menciona,culessonlasdiferentesformasdeguardarunapginaWeb,yqueseguarda
    encadacaso.
    1.PincharenpersonalizaycontrolaGoogleChromeycliqueasenguardarpgina
    como.
    2.Ctrl+s
    6.Visualizalapginacreadaenelej.4:
    1. Hazactivalaventanadelnavegador
    2. CargalapginaActividad1.html:MenArchivo\Abrir

    7.ModificaelcdigoActividad1.htmldemaneratalqueelcuerpodelcdigoquedeas:
    <body>
    Estaesmiprimerapgina,aunquetodavaesmuysencilla.
    Comoel
    lenguajeHTMLnoesdifcil,prontoestarencondicionesde
    hacer
    cosasmsinteresantes.
    <p>Estaetiquetapermitegenerarunprrafonuevo.</p>
    <p>Estaetiquetapermitegenerarunsegundoprrafo.</p>
    </body>
    Grabaloscambiosconelnombreactividad7.htmlyvisualizalapginamodificadaenel
    navegador.
    Observaladiferenciaentreeltextosinetiquetasyeltextoconlaetiqueta<p></p>al
    presentarseenelnavegador.
    La<p>significaprrafo,pudiendofragmentareltextodeprrafo

    8.Insertecomoltimoprrafoelsiguientetexto:
    LosHTMLsonarchivosdetextoquepuedensereditadoslibrementeconelBlocdeNotas
    deWindows,aunqueparahacerlodeestamaneraesnecesarioconocerlaestructuradel
    lenguaje.
    9.Modificaelttulodelapginawebactividad7.html.ElnuevottuloserCursodeHTML.
    10.Grabaloscambiosrealizados.Visualizalapginayelcdigohtml(Men:Ver\Cdigo
    fuenteoctrl+U)endistintosnavegadores.
    Nota:Recuerdeactualizarlaversindelapgina.
    11.Crea,enunarchivonuevo,laestructuranecesariadeunapginaweb.Escribeel
    siguientetextodentrodelasetiquetascorrespondientes:
    1. Ttulo:Prctica1deHTML
    2. Primerprrafo:BienvenidosaMipginaWeb
    3. Segundoytercerprrafo:Escribirunabrevepresentacindetupersona.
    Grabaelarchivoconelnombremi_presentacin.htmlyvisualizalapgina.
    12.Enelprocesadordetextoteclearelsiguientecdigo
    <!DOCTYPEhtml>

    <html>
    <head>
    <title>HTMLbsico</title>
    </head>
    <bodybgcolor="#AADCA9">
    <h2align="center">Ejemplodeetiquetasparapresentar
    texto</h2>
    <hr>
    <divalign="center">
    <h1>Encabezadodenivel1</h1>
    <h2>Encabezadodenivel2</h2>
    <h3>Encabezadodenivel3</h3>
    <h4>Encabezadodenivel4</h4>
    <h5>Encabezadodenivel5</h5>
    <h6>Encabezadodenivel6</h6>
    <p>Parrafodentrodel&ltDIV&gtcentrado,porlo
    cual,heredalaalineacin</p>
    <hrwidth="50%"size="5">
    </div>
    <hr>
    <blockquote>Prrafoscondiferentesalineaciones
    </blockquote>
    <p>Parrafofueradel&ltDIV&gtcentrado,porlocualtoma
    laalineacinizquierdapordefecto</p>
    <palign="right">Parrafoalineadoaladerecha</p>
    <palign="center">Parrafocentrado</p>
    <hr>
    conestalnea
    comprobamosqueelHTMLnorespetanilos
    espaciosnilossaltosde
    lnea
    <pre>
    Perosiincluimoslaetiqueta&ltPRE&gt
    nosmuestraelTEXTOtalycomo
    loescribimos
    </pre>
    <p>HTMLseparalaspalabrasdeltextoconunblanco,si
    queremosaadirmsblancos,debemoshacerreferenciaala
    entidadquelorepresenta(&ampnbsp)comoporejemplo:
    &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&
    nbsp
    &nbsp&nbsp&nbsp&nbspesto
    </p>
    <p>Paracualquierconsultadirigirsea
    <address>departamentodeInformtica</address>
    </p>
    </body>

    </html>

    GuardarelarchivocomoActividad12.htmlenformatotextoyvisualizaloconelNavegador.

    EtiquetadeHTML:

    Significadosegnlaetiqueta:

    <!DOCTYPEhtml>

    Indicaeltipodetexto.

    <head>

    Cabeceradelapgina

    <title>

    Ttulodelacabecera

    <bodybgcolor="#AADCA9">

    Elcolordeldocumento

    <h2align="center">

    Tamaodeletracentrada

    <hr>

    Indicauncambiotemticoenelcontenido

    <htmllang="es">

    Indicaelidiomadeltexto

    <metahttpequiv="ContentType"
    content="text/html"charset="utf8"/>

    Indicaeltipodetextoyloscaracteres

    <divalign="center">

    Una seccin de un documento que se


    mostrar en azul:

    <h1>

    Indica los diferentes ttulos

    <p>

    Indica que ese texto es un parrafo

    <hrwidth="50%"size="5">

    Indica el cambio temtico en el


    contenido y el porciento de anchura y
    altura

    <blockquote>

    Una seccin en la que se cita de otra


    fuente:

    <pre>

    La etiqueta <pre> define el texto


    preformateado.

    <address>

    Si el elemento <address> es el interior


    del elemento <body>, que representa
    la informacin de contacto para el
    documento.

    <body>

    Cuerpo

    <html>

    Indica el tipo de texto del archivo

    <font>

    La etiqueta <font> especifica el tipo


    de letra, tamao de fuente, y el color
    del texto

    <img>

    La etiqueta <img> define una imagen


    en una pgina HTML.

    También podría gustarte