HTML (HyperText Markup Language) es un lenguaje de marcado que es utilizado para la creación de páginas web. Posee una estructura básica y un código, que poco a poco iremos modificando a nuestro gusto.
Para empezar a programar os recomiendo que tengáis claro el programa que vamos a utilizar para realizar el código. Yo os voy a recomendar Geany (click aquí para descargar gratis) ya que es un software gratuito con una interfaz intuitiva para el usuario. Así que con el Geany ya instalado, ¡empezamos!
ESTRUCTURA DEL CÓDIGO:
Os voy a dejar un esquema de la estructura del HTML:
COMENZAMOS:
Pues vamos a hacer una página web muy básica, con un título, con un encabezado y un párrafo de texto.
 |
| Click en la imagen para ampliar. |
Como podéis observar empezamos el código con la etiqueta <html> que al final se cierra con </html>.
NOTA IMPORTANTE: Cuando abrimos una etiqueta, siempre tenemos que cerrarla, sino el código será erróneo.
Después de abrir el código HTML abrimos la etiqueta <head> para poner el título. El título lo insertamos entre la etiqueta <title> que posteriormente se cierra con </title> tras haber puesto el título que deseamos para nuestra página web, en este caso yo he puesto iTech Ejemplo. Una vez tenemos el título, vamos a cerrar HEAD con </head>. La primera parte ya la tenemos, ahora pasamos al BODY (cuerpo). El cuerpo lo vamos a abrir escribiendo <body>. Después de esto, vamos a insertar un título con la etiqueta <h1>, tras escribir la etiqueta, vamos a redactar el encabezado que deseamos y una vez escrito, cerramos la etiqueta con </h1>. Tras hacer esto, vamos a poner un punto y aparte con la etiqueta <br />. Por último con la etiqueta <p> colocamos el texto y cerramos el código con </p>, </body> y </html>. Para finalizar, guardaremos el archivo con formato .html.
Nos vemos en el siguiente capítulo, en el cual vamos a ver los textos y sus propiedades en HTML.
hola buenos días me gusta la pagina tiene temas interesantes sobre todo de programación que en html ya que antes esta practicando en html y me gustaría retomar de nuevo este curso me gustaría que me avisen cuando salga el segundo capitulo, este primer capitulo esta bien explicado.
ResponderEliminar