En este tutorial conoceremos más etiquetas y profundizaremos un poco más en
HTML
Recuerda que este es un tutorial práctico que no busca profundizar en la teoría
inmediatamente sino lentamente mediante la práctica.
Etiquetas a tratar: h1: título principal de la página h2: título de segundo nivel p: para contener párrafos u
otros elementos HTML. img: permite ingresar imágenes
Ya sabemos cómo crear una página web desde un bloc de notas y la facilidad que
brinda utilizar algún editor HTML. En esta entrada hablaremos de más etiquetas
HTML y una introducción a css.
En primer lugar quiero decirte que deseo
explicar estos conceptos de la forma más sencilla y a mi modo. También debes
tener en cuenta que este tutorial busca ser más práctico que teórico, la profundización
en la teoría se irá desarrollando poco hasta llegar a un nivel complejo.
Etiqueta div
div: es como una caja que en especial sirve como contenedor de otras
etiquetas y que también permite darle estructura a la página.
¿Qué es CSS?
Si creas un párrafo en tu web y deseas
darle una muy buena presentación; si agregas un título en tu web y deseas darle
un formato excepcional y si también deseas agregarle una imagen de fondo a tu página
web, la respuesta es solo una, la respuesta esCSS.CSSte permite agregar estilos (color,
tamaño, bordes, entre otros) a tus etiquetas o elementos HTML, de tal forma que
puedes personalizar tu página a tu estilo.
¿Que son atributos en HTML?
Un atributo te permite configurar una
etiqueta, por ejemplo si deseas especificar el ancho de una imagen lo haces por
medio de su atributo width (ancho) y si deseas especificar el alto de una
imagen lo haces por medio del atributo height(alto).
Si nunca has hecho una pagina web o por alguna razon deseas empezar desde cero, este curso es para ti.
Para empezar puedes trabajar con cualquier editor de texto, incluyendo el bloc de notas de window. Aqui te proponemos algunos: Sublimetext:
https://www.sublimetext.com/ Atom
https://atom.io/ HTML-KIT 292:
http://www.htmlkit.com/download/ Komodo Edit
http://komodoide.com/komodo-edit/ Brackets
http://brackets.io/ Dreamweaver
http://www.adobe.com/la/products/dreamweaver.html
Cualquiera de esos editores y otros, pueden servirte para este curso.
Lo primero que debes saber de HTML, es que es un lenguaje donde se trabaja con etiquetas, por ende no debes preocuparte por conceptos o preguntas como ¿que es un lenguaje de programacion? ¿Que son etiquetas? A medida que va transcurriendo el curso conocerás más detalles al respeto.
My primera pagina HTML:
<html> <head> <title>Aqui va el título de la pagina</title> </head> <body> ESTA ES UNA PÁGINA HTML DEMASIADO SENCILLA </body> </html>
Si copiasy pegaseste codigo HTMLen cualquiera de los editores anteriores, cuando la visualices en el navegador se verá de la sigueinte forma como lo muestra la imagen:
Si analizas el código te darás cuenta que hay palabras encerradas entre los signos < >, esas palabras encerradas son las etiquetas. Cada etiqueta cumple una funcionalidad y es detallada a continuacion:
<html> : indica el cuerpo de la página <head> : indica la cabezera de la página <title> : permite colocar el titulo a la página
<body> : es donde va incluida toda la información de la página.
Como se puede ver cada una de estas etiquetas tienen una etiqueta de apertura y una de cierre, la de cierre se identifica por medio de la barra "/", como se puede ver en el código: <html></html>, <head></head>, <title></title> y <body></body>.
También puedes ver el video complementario:
Gracias por ver ésta entrada, si crees que esta informacion le es util a otra persona compartela.
