Introducción al Desarrollo
Web: HTML y CSS HTML:
conceptos básicos (parte 2)
Recuerda que con el lenguaje
HTML sólo se describe la estructura y
el contenido, que puede
ser texto, imágenes, vídeos y otros componentes, de las
páginas web. Con HTML no se define
la presentación visual de las páginas
web.
En la primera parte de este
videotutorial vimos la sintaxis del elemento, el componente básico
de una página web. Una página
web está compuesta por un conjunto de
elementos escritos en
un orden concreto. Recuerda que
un elemento se compone de una etiqueta inicial o de
apertura, y una etiqueta final o
de cierre.
Para escribir el código de una página
web, es decir, para escribir el código
HTML, no necesitas
ningún programa especial. En este vídeo
vamos a empezar a usar el Bloc de notas, vamos a
hacer la primera página web con el Bloc de notas.
Recuerda que la etiqueta
principal de una página web es la etiqueta
<html>. La etiqueta <html>
debe encerrar todo el contenido
de la página web. A mí me gusta, cuando escribo el código
de
la página HTML, escribir, cuando escribo la etiqueta de inicio, escribo
automáticamente la
etiqueta de cierre. Así no se me olvida. No es obligatorio, pero es un consejo que te
doy.
A continuación, dentro de la etiqueta <html>, dentro de la página web, la siguiente parte, la
primera parte es la cabecera, la
sección <head>.
En la sección
<head> recuerda que se escribe información,
los metadatos que definen cómo
se
va a procesar la página web, cómo se va a visualizar, pero
normalmente en el <head> no se escribe
nada que deba aparecer visualmente
en la página web. Por ahora, lo único que sabemos escribir es
la etiqueta <title>, que es el título de la página web. Y recuerda, si hemos
abierto la etiqueta <title>,
debemos de cerrarla.
Después del <head> tenemos el apartado <body>, el cuerpo de
la página. Todo lo que
escribamos aquí en el <body> sí
que se va a ver, se va a pintar en la página
web.
Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web”
que está
disponible en la dirección idesweb.es.
Muchas gracias por tu atención.
AVISO IMPORTANTE
Este documento, su texto y gráficos e imágenes,
puede ser utilizado bajo una licencia Creative Commons de tipo
Atribución, NoComercial.
En caso de utilizarse este
material o de la creación de un derivado, la atribución se debe
respetar citando la fuente
como “Actívate, Google España
2016” y expresamente, si es
posible, mediante un enlace
activo a http://google.es/activate . Revisado, enero 2016.
No hay comentarios:
Publicar un comentario