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!!!!
Escrito por rikype | 
9 de Octubre de 2008 con
8 comentarios.
Etiquetas: html, manual, Manual de HTML, practica, programacion, web
Lee más artículos sobre General y Programacion Web y Tutoriales
Comentarios
mmmm…. este codigo es un asco aprende mejor primero y luego intetna enseñar
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.
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.
mmmm…. esto no tiene para mostrar codigo.
http://codepad.org/AGkLEkIJ
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
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.
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!!
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 una respuesta