Videotutorial de HTML - Parte 1, documento básico y formato de texto

  • Por
En este videotutorial de HTML veremos los aspectos más elementales del lenguaje de etiquetas. Aprenderemos el documento básico y formatear párrafos y textos.
Estamos creando una serie de vídeos para apoyar el Manual de HTML de DesarrolloWeb.com, en los que vamos a explicar visualmente este lenguaje de etiquetado, base de la construcción de páginas web. En este caso presentamos la primera parte del manual de HTML, en la que vamos a introducirnos en el lenguaje desde cero.

En esta primera entrega de los vídeos de HTML veremos al mismo tiempo los contenidos de varios de los artículos del mencionado manual de HTML, que nos servirán de introducción al lenguaje: qué es una etiqueta y cómo crearlas, el documento HTML básico, el formato de párrafos y unas primeras nociones sobre formateo de texto.

En el vídeo, a la vez que damos las pertinentes explicaciones sobre el lenguaje, iremos creando varios ejemplos para ilustrar lo que os vamos contando.

Creo que es bueno comentar que en el propio texto del manual hay muchas cosas que no se cuentan en el vídeo, como consejos a la hora de trabajar o posibles problemas que os podréis encontrar al aprender HTML. Así que estos vídeos tienen que servir como apoyo al texto, para que los conocimientos que os vamos a pasar sean más completos.

Sin más, os dejamos con el vídeo de la primera parte del Manual de HTML.

Este mismo vídeo lo hemos subido a Youtube, para que esté disponible desde otra localización donde las personas puedan tener menos problemas para visualizarlos. Así pues, aquí tenéis de nuevo esta primera parte del Videotutorial de HTML:

Autor

Miguel Angel Álvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

victorphp

23/6/2009
video html
En este comentario, presento mis felicitaciones por esta alluda didactica y explicativa de como poder crear paso a paso una pagina web en el lenguaje nativo html.

Guillermo Faretta

14/7/2009
Tutorial html
Excelente. Muy claro, ordenado, fácil de entender. Felicitaciones. Gracias por poner un material tan interesante al servicio de otros usuarios.

Luis Riquelme

20/7/2009
felicitaciones
Muy, muy bueno me aclaro muchos conceptos, muchas gracias al o los autores
Luis Riquelme

eip

25/7/2009
HTML
muy bueno, gracias por hacerlo :)

Alain Jimenez

27/7/2009
Felicitaciones
Bueno, muchas gracias estas iniciando un excelente proyecto ojalá que no quede solo en HTML, sino que tambien en PHP, MySQL, Flash, Script, Programacion, etc

Salu2 desde Perú

lautaro

01/8/2009
Peticion
Hey me pueden habilitar los videotutoriales de html por favor, los comence a ver pero ya no estan habilitados.

jos_rodriguez_chacn

04/8/2009
Consulta
Utilizo FIREFOX 3.1.5 y no puedo ver el video tutorial, será que debo descargar algún plugin o algo, gracias?

05/8/2009
No se puede ver el videotutorial
Al parecer se ha eleminado el videotutorial, a ver si lo podeís arreglar que parece muy interesante.

Gracias
Salu2

OTONIEL PALACIOS

09/8/2009
videotutoriales
Se les ruega que habiliten los videotutoriales. necesitamos aprender

midesweb

14/8/2009
Vídeo restaurado
Hola compañeros!

Hemos restaurado el vídeo, que nos lo borraron de Vimeo, porque decían que era comercial. Afortunadamente, los hemos podido restaurar en otro servicio de hosting, ya que no son para nada comerciales y no se venden ni nada de eso y gracias a ello otros servidores, como DailyMotion no se oponen a su publicación.

Gabriel F

22/8/2009
un enorme GRACIAS!
señores les quiero enviar un enorme gracias por tomarse el trabajo de realizar estos tutoriales que estan muy claros y que sirven a los que como yo no tenemos muchos conocimientos de lenguaje html etc. en la actualidad estoy haciendo varios blogs usando la plataforma wordpress porque no se diseñar "desde cero" pero con estos videos creo que estoy mas cerca de hacerlo. nuevamente gracias y felicitaciones por el éxito de su sitio

Santiago

14/9/2009
Muchas gracias
Felictaciones, excelente ilustración por video!!!
Una pregunta: ¿si yo tengo dentro del boby varios párrafos y quiero QUITARLES EL SALTO DE LINEA DOBLE como lo hago?
Estaré muy agradecido por su respuesta.
Nota: Recien ahora estoy creando mi página web con su ayuda.

Santiago

14/9/2009
Lo mejor de la Web
Solo me bastó ver el video de nuevo y asunto arreglado sobre el "salto de línea", obviamente que era muy sencillo pero gracias a su ayuda, gracias de nuevo!!!

carlos

15/9/2009
Saludos
Hola! ante todo agradecerles por la informacion que nos brindan.
Y tambien felicitarlos por el trabajo bien ralizado de los tutoriales.

Bueno la verdad es que estoy aprendiendo mucho de ustedes, pero, no consigo ver los videos...Por favor podrian poner los videos, por favor.

Saludos y gracias

walddys

23/9/2009
Felicidades
Hola llevo 1 año tratando de estudiar html, y gracias a ustedes estoy cumpliendo un deseo gracias, por darle esperanzas a los demás.

JOSE

01/10/2009
EXCELENTE EL TRABAJO
Me parece lo bastante claro el videotutorial y todo el material encontrado en este portal, para quienes nos interesa aprender a crear paginas web

consultoris

06/1/2010
desarrolloweb.com
Les esyoy agradecido porque es una herramienta que ayuda en mi trabajo y que muchas veces no requiere de un profesional completo.
Donato

fran

28/1/2010
ENHORABUENA
voy a comenzar un curso de diseño de web y me exigen unos minimos conocimientos de HTML , realmente gracias a los video tutoriales y a los manuales y a las excelentes explicaciones del autor (miguel angel). me estan siendo de muchisima ayuda.
¿ para cuando el 3 video tutorial de html?
mil gracias

sofy77

04/2/2010
EXCELENTE!
Muy bueno los manuales y el video tutorial, es la primera vez que entiendo con claridad HTML.

GRACIAS!!
SIGAN ASI!
Atte Sofy77.

eliza

18/2/2010
GENIAL
¡MIL GRACIAS¡

jesoten

13/3/2010
video tutorial htlm
oye muy bueno tu tutorial de verdad una pedagogia excelente ,gracias y si crees que hace falta mas pues esperamos con gusto

byron

16/4/2010
video
es excelente que que se explica muy bien , por lo que los felicito

merchyvg

22/4/2010
Posibilidad de descarga los Videostutoriales de HTML
Hola:
Os agradecería que me informaseís si existe la posibilidad de descarga los Videostutoriales de HTML y si es posible como hacerlo, los encuentro muy interesantes pero tengo un lígero problema no tengo conexión a internet solo por Wifi y me gustaría tenerlos para consultarlos fuera de la red.
Agradeciendos la molestía de antemano
Merchy
NB:
Podeis mandarme dicha información por e-mail

AcA

27/4/2010
Video
Me gusto mucho el video y esta bien hecho.
Ahora a por el siguiente xD

noodie

28/4/2010
gracias
os escribo para decir ke muchas gracias por este tutorial, tanto el video como el texto
lo andaba buscando
muchas gracias

2paul

01/5/2010
gracias
Gracias por proporcionarme conocimientos basicos de html. Creo gracias a vos mis estudios en el proximo año no me sonaran a chino porque estudiare la informatica ( desarrollo) thanks

Alexis Solano

27/5/2010
Buen Trabajo
Me parece muy bueno el tutorial.Es bastante detallado y f?l de comprender,adem?los videos son un gan apoyo.Exelente trabajo;sigan adelante.

Chepe

29/5/2010
Reproducción muy lenta
Me gusta el vídeo, pero esta muy lenta la reproducción. Lo tendrán en Youtube?

jonmejia

07/6/2010
TUTORIAL HTML
Muy bueno el video. Todo muy bien explicado, fácil de entender. Me está resultando muy llevadero el empezar a programar. Muchas gracias por todo.

Pablo

26/6/2010
Muy bueno
Muy bueno el tutorial, solo una recomendación, repites mucho los temas de un video y otro, lo que hace el video un poco monótono, debido a que esto es un tutorial en teoría la gente debe haber visto los anteriores y el que no se supone ya sabe lo básico, solo eso demasiado repetitivo, repites muchos conceptos, lo que hace que sea muy largo el video y no se avance mucho porque volvemos a lo anterior.

Pero ante todo Muchas gracias, estoy aprendiendo aqui todo lo de html y voy a seguir los tutoriales de diseño web que hay aquí, no solo este de html. un saludo buen trabajo.

midesweb

27/6/2010
Me repito...
Hola Pablo!

Gracias por tu comentario. Como dices, a veces me repito un poco y es que estos vídeos están pensados para las personas que no tengan ninguna idea, para que puedan obtener una base con la que poder empezar y sentirse seguros en adelante.
Pienso que a veces es mejor pasarse, por decir las cosas varias veces e insistir en los temas que quiero queden bien claros, que quedarse cortos. Pero quizás en el formato de vídeo haya que ser más directo.

En cualquier caso, los siguientes vídeos del Videotutorial de HTML, por tratarse de temas más avanzados, creo que son más directos.

Agradecemos las críticas tanto como los elogios y somos conscientes que nos ayudan a mejorar.

midesweb

27/6/2010
Vídeos para descarga
Hola!

Respondo para los que nos preguntan sobre la versión para descarga del vídeo, o si los vamos a subir a Youtube:

- Los materiales están en Dailymotion, porque nos permiten vídeos de cualquier duración. Luego cambiamos a Youtube, porque muchas personas tienen problemas con este sitio. Sobre todo en Sudamérica tengo referencias que me dicen que Dailymotion va tan lento que no permite ver estos vídeos tan largos.
Espero que cuando nuestros vídeos en Youtube sean un poco populares nos permitan convertirnos en partners y poder subir los vídeos de cualquier duración a Youtube. Editarlos de nuevo para partirlos en menos de 10 minutos y subirlos a Youtube supone muchas horas de trabajo que por ahora no tengo posibilidad de dedicar.

- Sobre la versión para descarga de los vídeos estoy pensando que cuando terminemos el videotutorial de HTML (que nos falta muy poco) vamos a reunir todos los materiales y ofrecerlos para descarga, pero aun no sé cómo lo vamos a hacer. Los vídeos en total son decenas de horas y gigas y aviso que estoy pensando en alguna forma de obtener un rendimiento económico a tantas horas de trabajo para hacer este curso. De cualquier forma, os garantizo que siempre estarán a disposición gratuitamente por streaming en estos conocidos sitios de vídeo.

ofi

03/7/2010
correo
muy bueno me enseño mucho en lo que es html

pablo

15/7/2010
felicitaciones!!!
hola, soy de Argentina, me parecio espectacular el video la forma de explicar, muy bueno, la verdad... Felicidades, espero ver los siguientes, porque esta muy interesante:)

gif

29/7/2010
Resumen videotutorial
en este video tutorial tubimos un completo contenido de lo aprendido en todos los cursos de html hasta haora :

las siguientes etiquetas
<U>subrayado
<b>negrita
<br>espacio
<p>parrafo
<sub>subindice
<sup>superior
<i>italica
<html>comienzo
<title>titulo
<p aling="center"> alinear al centro
<p aling="right"> derecha
<p aling="left"> izquierda
<head> cavezera
<h1 a h6> encavezados


hace un tiempo atras no reconocia ninguna de estas etiquetas pero veo que aun falta mucho por aprender deseo seguir adelante


gracias





<strong>resaltado

ether

21/8/2010
excelente
hasta ahora estoy siguiendo los manuales y videos.
entiendo todo y me sale todo perfecto.
gracias por vuestro trabajo.
me hubiese sido imposible , adquirir estos conocimientos atraves de una academia, me parecia todo muy dificil.
desde casa a ratitos, lo llevo extraordinariamente bien.
no lo considero tan dificil, de momento estoy con el animo de seguir aprendiendo mas.
un cordial saludo.

LuCaS

21/8/2010
Me encantó el manual HTML.
El manual, con sus aclaraciónes, detalles, y toda la info que proporciona es increíblemente buenísimo.
Los felicito por hacer este gran manual.
Proximamente, veré sus otros manuales para aprender mucho más.
Saludos desde Tigre, Buenos Aires, Argentina.

: )

angel moreno

26/10/2010
EXCELENTE
MUY BUEN VIDEO BIEN EXPILICADO...FELICITACIONES!!!!!! ESPERO ASI SIGAN QUE SON DE GRAN AYUDA PARA INICIARNOS EN EL LENGUAJE



MUCHAS GRACIAS....

midesweb

16/12/2010
Vídeo subido a Youtube, para los que tenían problemas de acceso
Acabo de subir el vídeo de HTML a Youtube, por lo que espero que sirva para que las personas que tenían problemas de acceso en DailyMotion puedan disfrutar también de este curso.

Ah! por cierto, gracias a todos los que han enviado comentarios!

alvaro

17/2/2011
videotutorial html
Este video tutorial es excelente; continua con otras aplicaciones similares y esta calidad OK.

ambrosio arcos

02/3/2011
video muy interesante
me parece bastante bien explicado y creo que conseguire hacerme una buena web cuando lo aprenda nien gracias

josu

15/3/2011
Gracias
De momento muy agradecido (que lo sepa utilizar o no, eso ya no depende de vosotros)

fantasmita2jh

01/4/2011
muy bueno
gracia por crear esta plataforma para todo tipo de personas estudiantes o no . se pasaroonnnnnn

u3dd

07/4/2011
Opinión del video curso
Sencillos y claros. Gracias

serjapo

01/5/2011
video html
muy bueno para personas que estamos empezando de cero, lo recomiendo.....

aIGdTjMEQCWi

26/2/2012
RWDQkPUl
A mi modo de ver los gorpus funcionan bien, pero no lo acabo de ver como red social. No creo que este pensado especificamente para eso. Sin embargo, si creo que puede tener un potencial importante como entorno para la gestion del conocimiento

dani

10/3/2012
Problema
Hola,he seguido el tutorial pero cuando escribo algo en body no me aparece,no se cual puede ser el problema,lo tengo todo bien puesto,y he probado en todos los buscadores; IE,Firefox y Chrome,pero nada de nada,espero ayuda,por favor,gracias!

usuario_borrado_162430

11/1/2013
guardar como entre comillas
http://www.youtube.com/watch?feature=player_detailpage&v=8ylFkv4sEzQ#t=288s

donde esta ese video que ahí comentas es la primera noticias que teno de usar " en GUARDAR COMO.

gracias :)

Adonaí Valencia M

13/2/2013
Felicitaciones por el Videotutorial
Excelente videotutorial: Muy claro, muy preciso, muy didáctico y educativo.
Lo recomiendo para nuestros jóvenes para que se preparen para los nuevos retos de este siglo.
Adonaí Valencia M.
Medellín Colombia.

Aleito

08/6/2013
Muchas Gracias
Muchas gracias a los creadores de esta página que proporcionan conocimiento técnico de forma gratuita a los que no tienen los medios para pagar cursos. Felicitaciones!

Carlos Villarreal

17/12/2013
Excelente tutorial
Este es el mejor videotutorial de HTML mis felicitaciones

Enmanuel R

24/3/2014
exelente
este muy bien explicado, de verdad felicitaciones..!!

Joel Torres

14/10/2014
Felicitaciones
Felicitaciones un gran trabajo, gracias x ayudar y compartir