AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL
HTML Tutorial

Tutorial HTML gratuito en línea



Free Tutorial HTML
  1. Gráficos HTML Canvas
  2. Diseño Web Responsive HTML
  3. Creación, Diseño Web de Layouts HTML
  4. Como crear un boton en HTML
  5. Cómo insertar codigo CSS en HTML
  6. iFrame como utilizar la etiqueta
  7. Cómo usar javascript en html
  8. HTML colores codigos, de fondo, tabla, nombres
  9. Estilos HTML
  10. Acción de formulario HTML - cómo crear
  11. Atributo de ID HTML
  12. Clase HTML
  13. Tablas HTML
  14. HTML insertar imágenes
  15. HTML listas ul, ol, dl
  16. Enlace hiperenlace HTML
  17. HTML comentarios
  18. Como insertar texto en HTML
  19. HTML Etiquetas
  20. HTML Introducción

HTML Tutorial


El propósito del HTML en el sentido de todos es explicar, de la manera más útil y a la vez placentera, las nociones básicas del lenguaje HTML y con ellas iniciar a los futuros alumnos en la técnica de creación de una página web. Durante este curso, encontrará muchos ejemplos, y en la última lección, utilizando las nociones aprendidas, juntos crearemos el sitio de un jardín de infantes en particular.

¿Qué es HTML?
HTML es la abreviatura de Hypertext Markup Language, que en realidad es el lenguaje que los navegadores web entienden y que con su ayuda pueden mostrar páginas web. HTML no es difícil de aprender, como puedes convencerte a ti mismo en este curso. Basta con conocer las etiquetas básicas de este lenguaje (veremos más adelante qué significan estas etiquetas) para poder crear una página web.

Para hacer esto, necesita practicar tanto como sea posible, comenzando con los ejemplos en el curso HTML para todos, para escribir el código para cada ejemplo. De esta forma adquirirás los conocimientos básicos de forma muy rápida, lo que te ayudará a crear páginas web cada vez más eficientes.


HTML Tutorial pdf, bloc de notas


Why do I have to learn HTML?
Hay muchos programas con los que ya no es necesario escribir código HTML, escribiendo estos programas en su lugar. Pero estos programas no son el tema de este curso, y para construir una página web necesitas al menos algunos conocimientos básicos de HTML que intentamos explicar durante el curso. Este curso está dirigido, en primer lugar, a aquellos que quieran aprender HTML, y así, escribiendo el código, tener un control absoluto sobre la futura página web.

Estos programas se denominan editores HTML y pueden ser de dos tipos: editores de tipo clásico y WYSIWYG (lo que ves es lo que obtienes, que se traduce en lo que ves es lo que obtienes). En el caso de la segunda categoría de editores HTML, el usuario solo tiene que ocuparse de la parte gráfica, la ubicación de la página, etc., escribiendo el código HTML, teniendo en cuenta estos programas. Una observación que vale la pena señalar es que los mejores editores de HTML no son gratuitos.

Mi consejo es que las páginas web usen un editor HTML, que es más útil para usted, pero solo cuando esté familiarizado con HTML.

En conclusión, aprender HTML tiene tres ventajas principales:
es muy simple y no requiere mucho tiempo
ofrece un control absoluto sobre la creación de la página web
puede utilizar dentro de las páginas que creará secuencias de código HTML "prestadas" de otras páginas web

¿Qué necesito saber para comenzar a aprender HTML?
Aprender HTML es muy fácil, solo necesitas lo siguiente:
saber cómo usar un editor de texto (por ejemplo, el Bloc de notas, etc.)
tener al menos un navegador de Internet (por ejemplo, Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, etc.)
hacer algo de tiempo libre (por ejemplo media hora al día), seguir el curso y escribir cada ejemplo que te encontrarás aquí

  1. Gráficos HTML Canvas
  2. Diseño Web Responsive HTML
  3. Creación, Diseño Web de Layouts HTML
  4. Como crear un boton en HTML
  5. Cómo insertar codigo CSS en HTML
  6. iFrame como utilizar la etiqueta
  7. Cómo usar javascript en html
  8. HTML colores codigos, de fondo, tabla, nombres
  9. Estilos HTML
  10. Acción de formulario HTML - cómo crear
  11. Atributo de ID HTML
  12. Clase HTML
  13. Tablas HTML
  14. HTML insertar imágenes
  15. HTML listas ul, ol, dl
  16. Enlace hiperenlace HTML
  17. HTML comentarios
  18. Como insertar texto en HTML
  19. HTML Etiquetas
  20. HTML Introducción

Tag <title>


En esta sección encontrará información general sobre la página web, mientras que el contenido real de la página se puede encontrar en la etiqueta . Antes de guardar el archivo, recuerde que necesita la extensión .html al final.

Example2:
<html>
<head>
<title>Información sobre el contenido de las páginas. ¡Mi primera página web!</title>
</head>
</html>


Tag <body>

El elemento body es el que define el inicio del contenido de las páginas reales (títulos, párrafos, guiones de código, fotos, videos, lo que sea).

Como puede ver en el próximo tutorial, trataremos todos estos elementos de contenido a su vez.
Por ahora, todo lo que tienes que recordar es que el cuerpo encapsula todo el contenido de las páginas.

Example 3:

<!DOCTYPE html>
<html>
<head>
<title> Información sobre el contenido de las páginas. ¡Mi primera página web!</title>
</head>

<body>
<h1> Información sobre el contenido de las páginas. ¡Mi primera página web!</h1>
<p> Aquí tenemos un párrafo</p>
</body>
</html>

Note: <p> (paragraph) la tratamos en el siguiente tutorial


<< Previous Page
HTML Introduction
Next Page >>
HTML Tags Attributes


Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


right-foot