Iniciación en la programación web
Este lenguaje es el primero que vamos a aprender,ya que lo único que debemos saber es su sintaxis. Su nombre procede de
HyperText Markup Language que significa lenguaje de marcas de hipertexto, es decir un lenguaje que se centra en las etiquetas.
Antes de comenzar quiero explicar que cada etiqueta del lenguaje se inicia con "<etiqueta>" y se finaliza con "</etiqueta>" de manera que todo lo que se encuentre dentro sufrirá las modificaciones que las distintas etiquetas nos proporcionan.
Para poder crear nuestra página web lo primero que debemos hacer es crear un archivo .html y en este introduciremos la sintaxis básica que explicaré brevemente.
<html>
<head>
<title>Título</title>
</head>
<body>
</body>
</html>
La etiqueta html sirve para marcar el espacio donde estará nuestro código. Dentro de la etiqueta header es donce irá la información que el navegador mostrará de nuestra página web (título, favicon, tipo de cotejamiento de datos, hojas de estilos de css...). El título se asignaría con title. Y por último dentro de body es donde irá todo el contenido de nuestra página(cuadros de texto, formularios...)
Etiquetas más frecuentes
Header
-link: vincular html con css(hablaremos de el al final de este artículo)
-script: vincular html con javascript(hablaremos de el en profundidad en la siguiente página)
Body
-form: para crear un formulario, con sus distintos elementos denominados inputs que pueden ser de diferentes tipos(text,password,email...)
-h1,h2,h3,h4,h5,h6 se usa para los distintos tipos de títulos que puede haber en la web de manera que el 1 es el más grande y el h6 el más pequeño
-a: se utiliza para hacer hipervínculos
-div: se utiliza para agrupar el distinto código del body en distintas "cajas"
-img: incrustar imágnes
-span: texto largo
-table: crear una tabla, tr para las filas de la tabla y td para las celdas
-b: texto en negrita
-i: texto en cursiva
-s: texto tachado
-u: texto subrayado
Después te controlar mas o menos HTML quiero informaros de la existencia de CSS que es un lenguaje que complementa HTML y lo que hace es añadirle estilos, es decir que le da a cada página un diseño diferente ya que html solo sirve para crear los elementos que se muestran. No hablaremos mucho de el porque no tiene nada que nos de juego para "aprender a programar".
En caso de que tengas problemas o no entiendas como funciona algo te recomiendo visitar esta página: darkjedibrotherhood.
Esta página tiene contenido como este:
