curso html

Curso básico Html

¿Qué es Html?

HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto

4.Creamos páginas Web

Ahora que comprendemos los conceptos diseñaremos nuestra primera página web. principalmente abriremos un archivo el html y antes de empezar a realizar los siguientes pasos debemos guardar el archivo con .html por ejemplo: Primerpagina.html

pasos: 1.Abriremos la etiqueta automáticamente nos deberá aparecer la estructura de html, si no ocurre esto lo haremos manualmente. 2.Luego de esto damos enter y abriremos la etiqueta en esta etiqueta irá contenido lo que deseamos ver en la pestaña de nuestra página web. dentro de esta etiqueta abriremos una nueva etiqueta llamada y ahora sí cerraremos nuestra etiqueta 3. ahora abriremos la etiqueta y le agregaremos un atributo por ejemplo recuerden que hay más atributos que podemos agregar al body, como por ejemplo una imagen de fondo, un color para todo el texto del cuerpo de la página etc. 4.Dentro de esta etiqueta agregarás todas tus imágenes , links, texto y de más. en este paso agregaremos una imagen desde la internet y para esto iremos a la etiqueta de recuerda que puedes agregar varios atributos a una etiqueta y cerrarla cuando finalices 5. ahora agregaremos un texto para esto abrimos la etiqueta

El leopardo (Panthera pardus) es un mamífero carnívoro de la familia de los félidos.

6. Ahora agregaremos un vídeo sobre los leopardos directamente desde un el código html. entramos a youtube, buscamos el vídeo y damos clic en compartir después de esto en insertar y copiamos el código completo y lo pegamos en nuestra página web. 7. por ultimo cerraremos la etiqueta y después de esto cerraremos la etiqueta 8. La idea es que explores todos las etiquetas y los atributos que encuentres y así construyes tu página web, para visualizar tu página web deberás hacer clic derecho en tu archivo de html y abrir con: Google Chrome (o el navegador que prefieras) y allí podrás ver cómo es tu página web.

3. Etiquetas generales

Las etiquetas son lo que necesitamos para conformar nuestra página

Página web

enlaces

Enunciado del enlace Vínculo a una dirección de correo-e. define un marcador (ancla) en un punto concreto de una página, para poder enlazarlo posteriormente. dirige un enlace interno al punto dónde está el marcador. dirige el enlace a un punto concreto de otra página. Dentro del a href: target="_blank" Abre la página en un nuevo navegador. target=”_top” Abre la página en toda la pantalla para evitar los frames. title=”texto descriptivo del enlace” permite incluir una descripción del destino del enlace

Formato de párrafos

salto de párrafo

salto de línea

sangrado. centrar el texto.

párrafo centrado.

párrafo alineado a la izquierda.

párrafo alineado a la derecha.

Imágenes

indica la ruta de la imagen. establece un borde de X pixels en torno a la imagen. establece un tamaño de la imagen (altura y anchura) en pixels. se muestra un texto al pasar el cursorsobre la imagen. alineación inferior del texto respecto de la imagen. alineación del texto en el medio de la imagen. alineación superior del texto respecto de la imagen. alineación izquierda de la imagen en el párrafo. alineación derecha de la imagen en el párrafo. espacio horizontal entre la imagen y el texto. espacio vertical entre la imagen y el texto.

Formato de texto

es la etiqueta para la negrita y se cierra igual que las otras etiquetas con slash (/) ...... marca el tamaño de los caracteres, donde X es un valor del 1 a 7, o un valor relativo (+ 1-7). ...... define el color del texto, donde XXYYZZ es un valor formado por letras y números que indica el color. ...... determina el tipo de la fuente. La etiqueta puede incluir los tres parámetros (tamaño, fuente y color):

Propiedades de la página

ésta es una etiqueta que conforma todo el cuerpo de nuestra página web.

Los atributos de básicos de ésta son:

define el color de fondo de la página. define el color por defecto del texto en la página. define el color de los enlaces. define el color de los enlaces visitados. define el color de los enlaces activos. establece una imagen para el fondo de la página. Todos estos parámetros se pueden agrupar en una única etiqueta :

2. Estructura

Ahora que entendemos bien para qué sirven las etiquetas y los atributos debemos comprender la estructura de nuestra página web para que funcione correctamente

Ésta se compone por:

1. El html se compone por

Atributos

Atributos son todo aquello que queremos aplicarle a lo que hay dentro de una etiqueta, por ejemplo: Color, fondo de la página, tamaño de la fuente etc.

Etiquetas

Las etiquetas le dicen al visualizador de páginas web el estilo que debe de ir lo que está dentro de ella,estas etiquetas deben abrirse y cerrarse éstas son:

Dentro de esta etiqueta irá todo el cuerpo de mi página como información, videos y el tema del que queramos tratar en la misma.

Esta etiqueta se compone por ser el encabezado de mi página web dentro de éste existe otra etiqueta la cual es:

Dentro de esta etiqueta irá todo el contenido de la página Web, con esta etiqueta empezaremos y terminaremos.

Programa que utilizaremos

principalmente entenderemos que para manejar Html podremos utilizar varias plataformas tales como: Bloc de notas, Word pad, note pad. nosotros trabajaremos con Sublime text, descargaremos este programa directamente de la internet.