el mejor curso de html lección no.1
TRANSCRIPT
<HTML>
Introducción a el Curso
¿Qué es HTML?
HTML=
Hyper Text Markup Languaje
Hyper Text Markup Languaje=
Lenguaje de hipertexto de marcas o etiquetas
¿Qué son las etiquetas?
Las etiquetas del código HTML son las responsables de darle las
ordenes al navegador (google, firefox, explorer, etc…) para que este
interprete el código que escribimos y muestre el resultado final en el monitor de la persona que esta visitando nuestra página web
Dentro del código HTML existen muchos tipos de etiquetas que sirven para insertar diferentes
cosas como por ejemplo: imágenes, links, párrafos,
encabezados, citas, negritas, cursivas, video, audio, etc…
Todas las etiquetas del lenguaje HTML tienen este aspecto:
<etiqueta> </etiqueta>
Dentro del lenguaje HTML existe una peculiaridad muy
importante respecto a las etiquetas
<strong><p></p></strong>
Podemos insertar una o varias etiquetas dentro de la otra
A este concepto se le conoce como «anidar» y es muy
importante ya que sin esto no se podrían mezclar las
características de una etiqueta con las de otra
¿Qué necesito para comenzar a escribir en
código HTML?
Solamente necesitas un editor de código como el Notepad que ya
trae Windows aunque recomendamos ampliamente usar Sublime Text, lo puedes
descargar desde www.sublimetext.com
Lección No.1
Mi primera página
Abre tu editor de código Sublime Text y presiona Ctr+N para crear
un nuevo documento
Escribe
Escribe
Etiqueta HTML
<html> </html>
Como su nombre lo indica esta etiqueta sirve para indicar que estas
comenzando a escribir un código HTML
Dentro de la etiqueta html escribe
Etiquetas HEAD y BODY
<head> </head><body> </body>
Dentro de la etiqueta body se escribe todo el contenido web
que va a mostrar el navegador y la etiqueta head se encargará de
controlar dicho contenido
Head = CabezaControla a el cuerpo
Body = Cuerpo
Ahora aprenderás dos etiquetas mas, escribe
Etiquetas de encabezado y párrafo
<title> </title><p> </p>
La etiqueta title tiene la función de agregar el encabezado a la
pestaña superior que aparece en el navegador cuando muestra
una página web
Esto es el resultado del uso de la etiqueta title
La etiqueta p sirve para mostrar un párrafo
A continuación escribe en tu código un encabezado y un
párrafo dentro de las etiquetas correspondientes, ejemplo:
Salva los cambios con Ctrl+S y guarda tu página web con el
nombre index.html
Da doble clic sobre index.html desde la ubicación en donde lo guardaste para
abrirlo con tu navegador
*En caso de que no lo puedas abrir con tu navegador de forma automática da clic
derecho sobre el archivo, abrir con, elegir programa predeterminado y allí busca tu
navegador preferido
Ábrelo con tu navegador
Observarás que todo esta bien excepto por unos detalles en el
párrafo que escribiste, esto se debe a que estamos escribiendo en español y
el navegador no admite los signos como acentos, eñes y cosas parecidas,
para arreglar este inconveniente escribe en tu código dentro de head
Guarda los cambios en tu código como ya aprendiste (con Ctrl+S) y en el navegador abierto en la página
index.html presiona F5 para actualizarla
*Por el momento no trataremos el tema de las etiquetas meta solamente nos conformaremos con los resultados
Eso es todo por hoy, nos vemos en la próxima clase
Visítanos enwww.estrellasporgracia.web44.net
