Qué es HTML
HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento de hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
Qué es HTML
HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada, y que está compuesto por etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento de hipertexto no sólo se compone de texto, puede contener imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que puedan ser visualizados en los navegadores (programas que permiten visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los documentos, y de mostrar a los usuarios las páginas web resultantes del código interpretado.
Introducción a WordPress en WordCamp Bilbao (luciamarin.es)Lucía Marín
Charla en WordCamp Bilbao de introducción a WordPress, sobre algunos conceptos básicos de dicho CMS.
Contenido tratado:
- Qué es WP, para qué sirve y cómo funciona
- Instalación de WordPress
- WordPress y sus usos: web VS blog
- Menús de WP: Elementos Principales
- Ajustes Principales que debemos conocer
- Posts y páginas, plugins, widgets, menús
Más algún truco avanzado:
- Archivo header.php para insertar tags de seguimiento
- Mis plugins estrella actuales :)
www.luciamarin.es?rel=author
www.luciamarin.es/que-es-wordpress-y-para-que-sirve/?rel=canonical
2. INTRODUCCION
• ¿Qué significa HTML?
– HyperText Markup Language («lenguaje de
marcas de hipertexto»).
– HTML es un texto escrito con una sintaxis
particular que el navegador es capaz de leer
y aplicar
3. HERRAMIENTAS
• Es el lenguaje que se utiliza para hacer
las paginas web
• Las paginas web se pueden hacer a
través de 2 herramientas:
– Programas como Adobe Dreamweaber
– Editores de texto como Notepad ++: Lo vamos
a utilizar en este tutorial.
4. ELEMENTOS DEL LENGUAJE
• El lenguaje HTML consta de etiquetas
como <img>, atributos como <id> y
elementos anteriores como <center>.
• En los siguientes tutoriales las iremos
explicando hasta lograr nuestra pagina
web.
5. EMPEZAMOS
• Para crear una pagina web es muy
sencillo.
• Solo hay que tener en cuenta que:
– La pagina web consta de 2 partes:
• <head>
• <body>
6. <!DOCTYPE>
• Nada mas abrir nuestro editor de texto, lo primero que
vamos a poner es lo siguiente:
– <!DOCTYPE html>
– ¿Qué significa esto?
• Con esto le estamos indicando a nuestro
navegador que interprete el lenguaje HTML, para
que nosotros podamos visualizar correctamente
nuestra futura pagina web.
7. <HTML>
• A continuación empezamos poniendo la etiqueta <html>,
que indica el comienzo de nuestra pagina web.
• No debemos olvidar en cerrar esta etiqueta de esta
forma </html>
• Todo lo que haya dentro de estas etiquetas sera nuestra
pagina web.
8. <HEAD>
• A continuación dentro de <html> ponemos la etiqueta
<head>, que significa cabeza.
• Todo lo que ponemos dentro de esta etiqueta es
invisible para los usuarios que ven nuestra pagina web,
pero no para nuestro código fuente.
• No se nos tiene que olvidar el cerrar la etiqueta </head>
9. <HEAD>
• Dentro de esta etiqueta pondremos los
siguientes elementos:
– <title></title>: Este es el texto que sale en la
pestaña de nuestro navegador
– Metadatos: Estos datos solo son necesarios
para hacer estrategias SEO
10. <BODY>
• Significa cuerpo.
• Aquí pondremos todo lo que es visible en
nuestra pagina web.
• No se debe olvidar el cerrarla: </body>
11. HOLA MUNDO
• Para que el texto “Hola Mundo” se vea en nuestra
pagina web, vamos a utilizar la etiqueta de parrafo: <p>
• Esta etiqueta le dice al navegador que escriba la frase
que pongamos dentro de esta etiqueta.
• No hay que olvidarse de cerrarla: </p>
• Mira el ejemplo:
13. AHORA GUARDA ESE CODIGO FUENTE CON EL
SIGUIENTE PROCEDIMIENTO:
Pinchamos en Lenguaje y seleccionamos H, y a
continuación HTML
Guardamos el documento en: Archivo-Guardar Como, y
le pones el nombre quieras
Una vez guardado, ejecutas en el ordenador el
documento guardado y mira el resultado
Ya tienes tu primera pagina web!!!
Sencillo no…!!!
No olvides mirar el siguiente
tutorial: Como poner una
imagen