search

jmjackson / HtmlBasic

0 stars 0 forks source link

Basic HTML #1

Open jmjackson opened 4 years ago

jmjackson commented 4 years ago

HTML Basic

En este primero paso mostraremos los elementos de html 5 y los conceptos principales así como la estructura de una pagina sencilla.

  1. Conceptos básicos
  2. Etiquetas
  3. Estructura HTML
jmjackson commented 4 years ago

Pagina Web

Una pagina web es un documento digital con carácter multimedia, es decir tiene imágenes, videos, secciones de párrafos y demás todo en formato electrónico, y que se puede visualizar a través de un navegador por su convención podemos encontrarla en el internet a través de estándares de la world wide web (www).

Hay diferentes tipos de pagina web, de acuerdo a lo que requiere presentar el usuario,

Dado la siguiente clasificación podemos clasificarlas también en estáticas y dinámicas.

  • Las estáticas son las que integran html y hojas de estilo en algunas ocasiones js de una forma sencilla y es descargable o legible por el navegador de forma local.
  • Las dinámicas suelen están acompañadas por un lenguaje interpretado (por ejemplo PHP).
jmjackson commented 4 years ago
Etiquetas

Dentro de las etiquetas tenemos una gran cantidad de etiquetas en html, las etiquetas principales en html son las siguientes

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

</body>
</html>

La etiqueta html es la etiqueta primordial de nuestra pagina web , el cual nos dice que se trata de la sintaxis de html, en la etiqueta head va todo lo relacionado a la información de la pagina como por ejemplo la hoja de estilo, la fuente de letra, el nombre del documento, la vista en dispositivos etc. Dentro de la etiqueta body van los demas tags que le daran vida a la pagina, es decir las secciones o estructuras que llevaran la pagina, las etiquetas se asignan de la siguiente manera

contenido

en la parte de la etiqueta pues tenemos que pnoer el nombre de la etiqueta como por ejemplo section,div, span, p etc, si hay algún valor que poner por ejemplo type, class, id, etc asignamos el atributo y el valor correspondiente, después tendremos que poner el contenido, que es la parte que el usuario podrá mirar.

Para poder mirar la cantidad de etiquetas, en el siguiente enlace creado por www.emezeta.com nos presenta un documento con la cantidad de etiqueta que se pueden usar en html 5.

cheat sheet

jmjackson commented 4 years ago

webstructura

La estructura principal que debe llevar toda pagina web debe ser como se muestra en la figura anterior, Header, Body, y Footer