Hola amigos lo que haremos en este artículo es aprender el tipo de documento que temenos que crear y las etiquetas de texto.
Como ya les explique anteriormente existe el HTML5, XHTML y HTML4 y todo como tal y como estamos en el curso de HTML5 para distinguirlas de otros documentos tenemos que añadir el siguiente código al inicio de nuestro archivo .html
<!DOCTYPE html>
¿Por que <!DOCTYPE html>?, con esta linea de código le estamos diciendo al navegador que este archivo tiene un código de HTML5.
tu documento se vería de la siguiente manera:
GRUPO DE FACEBOOK: <codeAB> programación y más
Como ya les explique anteriormente existe el HTML5, XHTML y HTML4 y todo como tal y como estamos en el curso de HTML5 para distinguirlas de otros documentos tenemos que añadir el siguiente código al inicio de nuestro archivo .html
<!DOCTYPE html>
¿Por que <!DOCTYPE html>?, con esta linea de código le estamos diciendo al navegador que este archivo tiene un código de HTML5.
tu documento se vería de la siguiente manera:
ETIQUETAS DE TEXTO.
ETIQUETAS DE TITULO: Tenemos 6 etiquetas de titulo <h1></h1>, <h2></h2>, <h3></h3>, <h4></h4>, <h5></h5> ,<h6></h6>.
veamos la diferencia entre ellos, para ello debes copiar el siguiente código en tu archivo .html:
<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<h1>titulo con h1</h1>
<h2>titulo con h2</h2>
<h3>titulo con h3</h3>
<h4>titulo con h4</h4>
<h5>titulo con h5</h5>
<h6>titulo con h6</h6>
</body>
</html>
El resultado al hacer doble clic en el archivo seria el siguiente.
<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<h1>titulo con h1</h1>
<h2>titulo con h2</h2>
<h3>titulo con h3</h3>
<h4>titulo con h4</h4>
<h5>titulo con h5</h5>
<h6>titulo con h6</h6>
</body>
</html>
El resultado al hacer doble clic en el archivo seria el siguiente.
ETIQUETAS DE PÁRRAFO: La etiqueta de párrafo es la siguiente.
<p> </p>
bueno esta etiqueta es similar a las etiquetas anteriores pero es la mas adecuada para usarla en párrafos, este código es un ejemplo.
<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora in perferendis laboriosam eum odit fugit obcaecati..</p>
</body>
</html>
Bien ahora vamos a entrar a ver la etiqueta que no falta en pagina web esta etiqueta es
<a href="" ></a>
esta etiqueta sirve para direccionamiento a un link también conocido como enlaces, esta etiqueta <a></a> tiene un atributo que es href gracias a este podrá hacer su función correctamente bueno no vamos a entrar en mas detalle sobre las etiquetas y atributos porque esto ya lo vimos en el artículo anterior.
Gracias a esta etiqueta puedes pasar de pagina en pagina o también hacer un direccionamiento a un link ejemplo a www.facebook.com.
ejemplos de codigos:
1.- <a href="otroarchivo.html" > has clic aquí</a>
2.- <a href="www.facebook.com" > facebook</a>
El resultado del ejemplo 2 seria: facebook, no uso el primer caso ya que no tengo creado un archivo llamado otroarchivo.html.
<!DOCTYPE html>
<html>
<head>
<title>mi primera web</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora in perferendis laboriosam eum odit fugit obcaecati..</p>
</body>
</html>
Bien ahora vamos a entrar a ver la etiqueta que no falta en pagina web esta etiqueta es
<a href="" ></a>
esta etiqueta sirve para direccionamiento a un link también conocido como enlaces, esta etiqueta <a></a> tiene un atributo que es href gracias a este podrá hacer su función correctamente bueno no vamos a entrar en mas detalle sobre las etiquetas y atributos porque esto ya lo vimos en el artículo anterior.
Gracias a esta etiqueta puedes pasar de pagina en pagina o también hacer un direccionamiento a un link ejemplo a www.facebook.com.
ejemplos de codigos:
1.- <a href="otroarchivo.html" > has clic aquí</a>
2.- <a href="www.facebook.com" > facebook</a>
El resultado del ejemplo 2 seria: facebook, no uso el primer caso ya que no tengo creado un archivo llamado otroarchivo.html.
Bueno eso es todo espero que te aya gustado el artículo y ya saben para no perderte ninguno únete a nosotros en el grupo de facebook que allí se estará subiendo todos los artículo de esta página web.
GRUPO DE FACEBOOK: <codeAB> programación y más
FUNDAMENTOS BÁSICOS DE HTML5 - PARTE 2- ETIQUETAS DE TEXTO
Reviewed by codeAb
on
22:40
Rating:
Reviewed by codeAb
on
22:40
Rating:
No hay comentarios: