Hola, en este segundo capitulo de este curso de HTML veremos un nuevo entorno de desarrollo, las etiquetas básicas disponibles dentro de esta tecnología, y también veremos como utilizar utilizar apropiadamente los argumentos para darle diferentes características a las etiquetas de HTML.
¡Entorno de desarrollo!
Primero, les recomiendo utilizar el siguiente editor de texto para escribir su código: Notepad ++ Este programa les facilitara mucho el trabajo a la hora de comprender el código, ya que cuenta con diferentes funciones que identifican las etiquetas, que al momento de seleccionar una a su vez también marca su etiqueta de apertura o cerrado, también colorea las letras diferenciando así de texto llano, código, etiquetas, argumentos, etc. Hasta diferencia entre muchos lenguajes de programación, así que este programa les puede ser muy útil.
Pueden apreciarlo en la siguiente imagen:
Pueden apreciarlo en la siguiente imagen:
¡Anidamiento de Etiquetas!
Las etiquetas en HTML se pueden anidar, pero. ¿Que quiere decir esto?.
Anidar etiquetas quiere decir colocar etiquetas dentro de otras, si esto no se hace correctamente puede llevar a muchos dolores de cabeza, ahora pasare a explicar como se realiza correctamente.
Para hacerlo correctamente, por ejemplo. Si queremos anidar una etiqueta dentro de la etiqueta HTML, ninguna de las etiquetas de la etiqueta a anidar, ni la de apertura ni de cierra debe ser colocada fuera de la etiqueta HTML, ya que esto esta mal echo, para hacerlo correctamente ambas etiqueta tienen que estar contenidas dentro de la otra.
Por ejemplo:
Y mal hecho seria de la siguiente manera:
Anidar etiquetas quiere decir colocar etiquetas dentro de otras, si esto no se hace correctamente puede llevar a muchos dolores de cabeza, ahora pasare a explicar como se realiza correctamente.
Para hacerlo correctamente, por ejemplo. Si queremos anidar una etiqueta dentro de la etiqueta HTML, ninguna de las etiquetas de la etiqueta a anidar, ni la de apertura ni de cierra debe ser colocada fuera de la etiqueta HTML, ya que esto esta mal echo, para hacerlo correctamente ambas etiqueta tienen que estar contenidas dentro de la otra.
Por ejemplo:
<html>
<head>
</head>
</html>
Y mal hecho seria de la siguiente manera:
<html>
<head>
</html>
</head>
¡Etiquetas Basicas!
En HTML existen varias etiquetas que incondicionalmente deben existir en todo documento HTML, las cuales definen propiedades basicas de una pagina web, tales como el titulo, la cabecera, el cuerpo, etc.
Ya vimos la etiqueta principal de html, que se llama justamente igual, ahora veremos, head,title y body, y les explicare para que sirven.
Primero veremos la etiqueta head:
Etiqueta title:
En nuestro navegador se vería de la siguiente manera:
La siguiente etiqueta es la etiqueta body:
Eso fue todo por este tutorial no olviden comentar, y espero que le haya servido.
Un saludo.
Shogun.
Ya vimos la etiqueta principal de html, que se llama justamente igual, ahora veremos, head,title y body, y les explicare para que sirven.
Primero veremos la etiqueta head:
<head>
Contenido
</head>
Etiqueta title:
<title>
Titulo de la pagina
</title>
En nuestro navegador se vería de la siguiente manera:
La siguiente etiqueta es la etiqueta body:
<body>
Contenido
</body>
<html>
<head>
<title>
Blog Shogun Code
</title>
</head>
<body>
¡Esta mi primera pagina!
</body>
</html>
Eso fue todo por este tutorial no olviden comentar, y espero que le haya servido.
Un saludo.
Shogun.
No hay comentarios:
Publicar un comentario