7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. HTML

Tu Primer Documento HTML en 60 Segundos

Scroll to top
Read Time: 2 mins
This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

Spanish (Español) translation by Rafael Chavarría (you can also view the original English article)

Crear tu primer documento HTML es uno de los momentos más satisfactorios para cualquier nuevo diseñador web. ¡Aquí está como hacerlo en 60 segundos!

Un Poco Más de Detalle

Aprende más acerca de HTML.

¿60 segundos?

Esta es parte de una serie de video tutoriales rápidos en Envato Tuts+. Estamos apuntando a introducir un rango de temas, todo en 60 segundos-justo lo suficiente para alimentar tu apetito. ¡Déjanos saber en los comentarios lo que piensas de este video y qué más te gustaría ver explicado en 60 segundos!

Subtítulos/CC

Aquí encontrarás el contenido del archivo "captions.sbv" el cuál puedes usar para agregar subtítulos al video. Activa los subtítulos dando clic en el botón Subtítulos/CC en el reproductor--haz clic en el icono de ajustes para seleccionar el lenguaje:

0:00:00.000,0:00:03.820
Creando tu primer documento HTML
es uno de los momentos más satisfactorios

0:00:03.820,0:00:09.099
para un nuevo diseñador web Aquí está como hacerlo
en sesenta segundos. Primero crea un nuevo

0:00:09.099, 0:00:14.820
archivo y nombralo index.html. Abre el archivo
en un editor de texto plano como Notepad o

0:00:14.820, 0:00:21.779
idealmente un editor de código como Sublime Text.
En la primera línea agrega este código de doctype.

0:00:21.779, 0:00:28.689
Ahora agrega etiquetas HTML de apertura y cierre, como
esto. Esta diagonal significa que es una

0:00:28.689, 0:00:34.760
etiqueta de cierre. Ahora agrega una sección de encabezado con estas etiquetas. Va
a contener meta datos sobre este

0:00:34.760, 0:00:35.950
documento.

0:00:35.950, 0:00:40.469
Agrega una sección de cuerpo con estas etiquetas. Esto va
a contener lo que se muestre en la

0:00:40.469, 0:00:47.070
ventana del navegador. En el encabezado agrega etiquetas de título
y teclea "mi primer documento HTML" adentro

0:00:47.070, 0:00:53.699
de estas. En el cuerpo agrega etiquetas p y teclea
"este es un párrafo" adentro. Ahora ve a un

0:00:53.699, 0:00:57.850
navegador, abre tu archivo, y revisa
lo que acabas de hacer. Ese es tu primer

0:00:57.850, 0:01:00.170
documento HTML en 60 segundos.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.