Sitio Web / Introducción a HTML

14
Profesor Sebastián Maya Miranda CLASE 1: INTRODUCCIÓN A UN SITIO WEB Y HTML

Transcript of Sitio Web / Introducción a HTML

ProfesorSebastián Maya Miranda

CLASE 1:INTRODUCCIÓN A UN

SITIO WEB Y HTML

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web (WWW) en Internet.

Una página web es un documento HTML/XHTML que es accesible generalmente mediante el protocolo HTTP de Internet.

SITIO WEB

HTTP: Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web.

HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.

HTML

El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>)

HTML

La estructura básica de una página HTML es:

HTML

<html><head></head><body>Cuerpo de la página.</body></html>

Las instrucciones HTML están encerradas entre los caracteres: < y >.

Por Ejemplo:

<strong>negrita</strong>

Con esto indicamos que todo lo escrito entre las etiquetas “<strong></strong>” se vera en negrito/bold.

HTML

Muchos elementos HTML requieren una marca de comienzo y otra de finalización. Todo aquello que está fuera de las marcas del lenguaje se imprime en la pantalla (dentro del navegador).

HTML

Diseño CódigoHOLA QUE TAL <font color=”blue">Hola que

tal</font>

HOLA QUE TAL Hola que tal<font color=”blue”></font>

La estructura básica de una página HTML es:

HTML

<html><head></head><body>Cuerpo de la página.</body></html>

También llamado Cabecera del sitio

El elemento <head> incluye el título para el documento/página, y puede incluir scripts, estilos css, información meta, y más.

Los siguientes elementos más comunes que pueden ir dentro del elemento <head></head>:

<title> (Si o sí en HEAD)<style><meta><script>

<HEAD>

La estructura básica de una página HTML es:

HTML

<html><head></head><body>Cuerpo de la página.</body></html>

Todo el texto/código dentro del <body> aparece dentro del navegador tal cual lo hayamos escrito.

Al escribir:

<html><head></head><body>¡HOLA!</body></html>

<BODY>

¡HOLA!

HTML no es sensible a mayúsculas y minúsculas.

<Head> = <head> = <HEAD> = <heaD>… etc.

No requerimos que se disponga cada marca en una línea, pero para “trabajar en limpio” es mejor hacerlo separado.

A CONSIDERAR

Entrar al sitio web > www.htmlya.com.ar

Énfasis a los conceptos:2, 3, 4, 7, 9 y 13

¡A TRABAJAR!