HTML (Hyper Text Markup Language)
Es una
lenguaje de marcado estándar para crear paginas web, permite describir la
estructura de la pagina y a través de sus elementos dicen al navegador como
mostrar su contenido.
Su composición
es de etiquetas, que serán dominadas de forma rápida por ti.
Aprender HTML
será solo cuestión de dos semanas o una según sea la intensidad de tu estudio,
es El primer paso que das para ver cómo es que está compuesta una página web, y
que tan sencillo puede desarrollar una página web básica, debes saber que también
vamos a encontrar paginas muy complejas, poco a poco vamos a ir consiguiendo
tal nivel.
Para
empezar a implementar esta estructura HTLM vamos a utilizar un editor de código.
Un editor
de código es una herramienta de los programadores, que es útil para escribir código
de diferentes lenguajes de programación, existen una gran diversidad de editores
de código puedes consultar sobre cada uno pulsando sobre el nombre del editor
que deseas usar, Brackets, Atom y otros Editores en este caso la usare para
implementar nuestra estructura HTML el editor de código Visual Studio Code.
Instalación
ESTRUCUTRA HTML (Documentos)
Todos los
documentos deben comenzar con una declaración del tipo de documento
<!DOCTYPE html>
Etiqueta que
permite a los navegadores web mostrar las páginas de forma correctas; este solo
se usa una vez en el inicio de cada pagina. Después serramos la etiqueta, para
serrar la etiqueta incluimos un nuevo elemento / </html>,
una buena codificación incluye siempre serrar las etiquetas que abrimos.
Veamos la estructura
base de html.
<head></head>
Dentro de esta
etiqueta se incluye elementos como:
Metadatos:
que son elementos que ayudan a identificar nuestra pagina web con el navegador.
Inclusión
de rutas: llamar plantillas externas como JavaScript, css, librerías.
Definir Scripts
y css que solo se aplicaran a esta pagina web.
Title: Titulo
con que identifica el navegador.
<body></body>
En el body se
incluye todas las etiquetas que veremos a continuación, una característica es, que todos los elementos que se incluye aquí el
usuario los puede ver en el navegador.
ETIQUETAS
HTML
<html Lang=”es-col”>
incluir el idioma del la pagina.
<header></header>
Cabecera principal
<h1></h1>
Esta etiqueta es usada para los encabezados, tienes 6 tamaños de encabezado siendo
el h1 el encabezado de mayor tamaño y el h6 de menor tamaño.
<p></p>
dentro se incluye párrafo.
<a href=”url”></a>
links de redireccionamiento.
<img src=”rutaimg”></img>
usado para incluir imágenes.
<br>
no tiene cierre, es usada para hacer saltos de línea
<pre></pre>
esta etiqueta respeta los espacios y saltos de línea que incluyas en tu codificación
de texto.
FORMATOS DE TEXTO
Contamos con
un numero de etiquetas que nos permiten darle una forma a cada texto, estas
etiquetas ayudan al posicionamiento del contenido en un navegador.
<b>
texto en negrilla.
<strong>
</strong>texto importante.
<i> </i>
texto en cursiva.
<em></em>
Texto enfatizado.
<small></small>
Texto más pequeño.
<del>
</del>Texto eliminado.
<ins></ins>Testo
insertado.
<sub></sub>Texto
de subíndice.
<sup></sup>
Texto de superíndice.
<section></section>
sección o tema, una página puede tener varas secciones.
<article></article>
esta dentro de una sesión puede haber varios artículos y viceversa.
No hay comentarios.:
Publicar un comentario