lunes, 20 de mayo de 2019

HTML

Hola a todos hoy os traigo una nueva práctica de Ensamblado de Publicaciones Electrónicas sobre HTML.

¿Qué es HTML?

HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto. Se utiliza para dividir un documento, especificar sus contenidos y su estructura, y definir el significado de cada parte(es lo que incluye todo el texto, etc., que se ve en las páginas web). Utiliza elementos para identificar los diferentes componentes de una página.

Aquí os muestro una imagen de Adobe Dreamweaver y unas líneas de un documento HTML. Adobe Dreamweaver es el programa utilizado para crear documentos .html .

Proceso para crear un documento HTML básico:

  1. Lo primero es ponerle un título al documento. Esto lo haremos escribiendo el titulo dentro de la etiqueta <title>.
  2. Después todo el texto y contenido que vayamos a incluir lo escribimos dentro de la etiqueta <body>.
  3. Los títulos los vamos a escribir dentro de la etiqueta <h1>,<h2>,<h3>...etc.,
  4. Los párrafos los incluiremos dentro de la etiqueta <p>. Para separar líneas usaremos la etiqueta <hr/> o <br/>, ambos crean líneas separadoras la única diferencia es que <hr/> crea una línea visible y <br/> crea una línea separadora invisible.
  5. Podremos agregar imágenes con el elemento <img> y el parámetro "src", desde nuestros archivos o desde un enlace, a esto segundo se le llama "Hotlinking".
  6. Tambien podremos agregar vídeos, esto con el elemento <video> y el parámetro "src".
  7. Aparte podremos crear marcos con el elemento <iframe> y el parámetro "src" , que nos permitirán visualizar otras páginas en nuestra página. 
  8. Otra cosa que podemos hacer es agregar audio mediante el elemento <audio> y el parámetro "src".
  9. Por último, podremos hacer tablas desordenadas, ordenadas y tablas mediante las etiquetas <ul> y <ol> respectivamente. Dentro de estas etiquetas con <li> distinguiremos cada elemento de la lista. Para las tablas usaremos <table> para definir el inicio de la tabla y </table> el final e la tabla. Si queremos ponerle borde a la tabla usamos el parámetro border="1". para indicar el comienzo de una fila escribimos <tr> y <td> para el comienzo de una celda.

Ejemplo de una página simple de html:

No hay comentarios:

Publicar un comentario