Download - El mejor curso de html lección no.1
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…
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
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
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 body se escribe todo el contenido web
que va a mostrar el navegador y la etiqueta head se encargará de
controlar dicho contenido
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
A continuación escribe en tu código un encabezado y un
párrafo dentro de las etiquetas correspondientes, ejemplo:
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
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