Manual básico HTML – Práctica Cap 2.1

Vamos a poner en práctica todo lo aprendido hasta ahora.

Escribir en vuestro notepad lo siguiente:

<HTML>

<HEAD>

<TITLE> Mi primera pagina en HTML </TITLE>

</HEAD>

<BODY>
<H1> <CENTER> Esta sera la primera practica del curso HTML </CENTER></H1>
<HR>

<H3> Vamos a ir comprobando lo que hace cada etiqueta </H3>
<P>
Este sera un texto normal, sin tocar nada.
<P>
<B> Ahora lo ponemos en negrita </B>
<P>
<I> Y ahora en cursiva </I>
<BR><P>
<BR><P>
<BR><P>
<PRE>Hemos dejado varios espacios para mostrar este
texto preformateado que
respeta los espacios y los
retornos del carro.</PRE>
<BR><P>
<BR><P>
<TT>Y esta vez volvemos a dejar espacios
para mostrar un texto preformateado que no
respeta los espacios ni los saltos de
carro</TT>
<p>
Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo.

</BODY>

</HTML>

Ahora sólo teneis que guardarlo como extensión HTML y, posteriormente, cuando lo abrais pulsando sobre el se os desplegará en vuestro explorador algo así:

¿Os ha salido bien?

¡¡¡Enhorabuena!!!!, ¡¡¡ya habéis creado vuestro primer documento HTML!!!!

You may also like...

8 Responses

  1. Tristan dice:

    mmmm…. este codigo es un asco aprende mejor primero y luego intetna enseñar

  2. rikype dice:

    Bueno, agradezco su apreciación, sin embargo, parto de la base de que quien se interese por este manual básico no tiene ni idea de lo que es tan siquiera el HTML, de todas formas, no soy ningún experto aunque trato de ayudar a todo el que le interese, supongo, por lo que leo en su comentario, que usted sabe HTML, ¿seria tan amable de compartirlo con todos?, seguro que así yo también aprendo.

    Un saludo.

  3. Tristan dice:

    Mi primera pagina en HTML

    Esta sera la primera practica del curso HTML.

    Vamos a ir comprobando lo que hace cada etiqueta
    Este sera un texto normal, sin tocar nada.
    Ahora lo ponemos en negrita

    Y ahora en cursiva

    Hemos dejado varios espacios para mostrar este
    texto preformateado que
    respeta los espacios y los
    retornos del carro.

    Y esta vez volvemos a dejar espacios
    para mostrar un texto preformateado que no
    respeta los espacios ni los saltos de
    carro

    Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo.

  4. Tristan dice:

    mmmm…. esto no tiene para mostrar codigo.

    http://codepad.org/AGkLEkIJ

  5. rikype dice:

    Ciertamente el código que muestras es más limpio, pero mi intención es llegar a la gente que no tiene ni idea de HTML, por ejemplo, la etiqueta verdadera de letra en negrita es “b” y no “strong”, ya que en realidad esta última es para el llamado texto realzado.

    Cursivas es con “i”, “em” es para téxto con énfasis. Se ven igual pero no deberían ser lo mismo.

    También faltarían muchas etiquetas como “strike”, “blink”, “code”, “u”, “adress”, “acronym title”, “abbr title”, pero me parece mucho abarcar para el tipo de personas a las que quiero llegar.

    Sin embargo, reitero mi gratitud por colaborar y, asi mismo, me gustaría que comentara todos los errores que vaya comentiendo, que seguro que son bastantes, y así aprender de ellos.

    Saludos

  6. miquel dice:

    Yo no tengo ni idea de HTML y creo que has hecho bien en simplificarlo lo máximo posible y poco a poco incrementar la dificultad. No será un código tan limpio, pero al menos no me frustraré al primer intento. Gracias por el tutorial.

  7. rikype dice:

    Buenas Miguel

    Me alegro que te interese el manual, no creo que lleguemos a profundizar mucho, pero al menos no nos sonarán a chino cuando veamos algo de código HTML.

    Posteriormente tocaré PHP y CSS, también a un nivel básico, pero lo suficiente para hacer nuestros pinitos…

    Saludos!!

  8. saludos dice:

    hola dveras me da mucho gusto tu clase es de la mejor y mas ilustrativa,gracias xq de antemano en la forma como la enseñas se aprende mas rapido.muchas gracias nuevamente.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>