Tutorial: HTML Parte 1

  • Autor Autor Wocker
  • Fecha de inicio Fecha de inicio
W

Wocker

Épsilon
Social Media
Segun Wikipedia: ,HTML siglas de HyperText Markup Language en español Lenguaje de Marcado de Hipertexto, es el lenguaje de marcado predominante para la elaboración depáginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares .
Este es unos de los mejores lenguajes al momento de crear pagina webs estáticas y con un diseño muy basico. Tambien se ha convertido en uno de los lenguajes escenciales que debe saber todo programador por esto les venimos con este tutorial sobre su uso:
Estructura básica de un documento HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Aquí va el titulo del documento</title>
</body>
</html>

<head> :Es el header del documento es decir todo lo que va en la parte de arriba de la pagina.
<title>: Es lo que sale cuando abrimos una pestaña en nuestro navegador como un titulo de la pagina que estamos visitando.
<body>: Aquí todo el grueso del código de la pagina.
<table>: Define una tabla.
<tr>: Fila de una tabla.
<td>: Celda de una tabla .
<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.
<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src=”./imágenes/mifoto.jpg” />. Es conveniente, por accesibilidad, poner un atributo alt=”texto alternativo”.
<li><ol><ul>: etiquetas para listas.
<b>: texto en negrita.
<i>: texto en cursiva.
<s>: Texto tachado.
<u>: Texto subrayado.
Uso de los Meta Tags
Posicionarse en Google se ha convertido en una prioridad para todo webmaster ya que esto ayuda a aumentar las visitas hacia su sitio de manera considerable y rápida. Por eso el uso de los Meta Tags que vendrían siendo los lugares dentro del codigo de nuestra web en el cual se ponen las keywords con las que se quiere posicionar esa pagina y una pequeña descripción del sitio para una mejor indexacion por parte de Google.
<meta name="keywords" content="Metatags,Buscador,HTML,Página web"/>
Los esperamos pronto para la segunda parte de este tutorial sobre HTML.

FUENTE
 
Última edición:
META's... no son esos que actúan como gafete de identificación ante el navegador y los buscadores?

Espero quede bien completo el tutorial, suerte :wink1:
 
Ya espero la parte dos! Siempre me ha gustado aprender de esto! :biggrin:
 
Está bien, pero creo que se puede explicar mejor.
 
Atrás
Arriba