Curso HTML | Fundamentos de HTML

Navegación del curso 
 

En este artículo, repasaremos todo lo básico necesario para escribir HTML. Hay varias etiquetas que debemos considerar y conocer al comenzar a codificar en HTML. Estas etiquetas ayudan en la organización y el formato básico de elementos en nuestro script o páginas web. Estos procedimientos paso a paso lo guiarán a través del proceso de escritura de HTML.
Párrafo HTML 
Estas etiquetas nos ayudan a escribir párrafos en una página web. Comienzan con la etiqueta <p> y terminan con </p> . Aquí, la etiqueta <br> se usa para romper líneas y actúa como un retorno de carro. <br> es una etiqueta vacía. 
Ejemplo
 

html

<html>
<head>
    <title>GeeksforGeeks</title>
</head>
<body>
    <h1>Hello GeeksforGeeks</h1>
     
 
<p>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    </p>
 
 
</body>
</html>

Salida
 

Líneas horizontales de HTML 
La etiqueta <hr> se usa para dividir la página en varias partes, creando márgenes horizontales con la ayuda de una línea horizontal que va de izquierda a derecha de la página. Esta también es una etiqueta vacía y no requiere declaraciones adicionales. 
Ejemplo
 

html

<html>
<head>
    <title>GeeksforGeeks</title>
</head>
<body>
    <h1>Hello GeeksforGeeks</h1>
     
 
<p>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    </p>
 
 
    <hr>
     
 
<p>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    </p>
 
 
    <hr>
     
 
<p>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    A Computer Science portal for geeks<br>
    </p>
 
 
    <hr>
</body>
</html>

Salida
 

Imágenes HTML 
La etiqueta de imagen se utiliza para insertar una imagen en nuestra página web. La fuente de la imagen a insertar se coloca dentro de la etiqueta <img src=” source_of_image “>
Ejemplo
 

html

<html>
<head>
    <title>GeeksforGeeks</title>
</head>
<body>
    <img src="https://media.geeksforgeeks.org/wp-content/cdn-uploads/Geek_logi_-low_res.png">
</body>
</html>

Salida
 

HTML – Atributos 
Un atributo se utiliza para proporcionar información extra o adicional sobre un elemento. 
 

  • Todos los elementos HTML pueden tener atributos. Los atributos proporcionan información adicional sobre un elemento.
  • Toma dos parámetros: un nombre y un valor. Estos definen las propiedades del elemento y se colocan dentro de la etiqueta de apertura del elemento. El parámetro de nombre toma el nombre de la propiedad que nos gustaría asignar al elemento y el valor toma el valor de las propiedades o la extensión de los nombres de las propiedades que se pueden alinear sobre el elemento.
  • Cada nombre tiene algún valor que debe escribirse entre comillas.

HTML – Comentarios
Se utiliza para insertar comentarios en el código HTML. El uso de comentarios, especialmente en código complejo, es la mejor práctica de codificación para que el codificador y el lector puedan obtener ayuda para la comprensión.
 

  • Es simplemente un fragmento de código que los navegadores web borran, es decir, el navegador no lo muestra.
  • Brinda ayuda al codificador / lector de código para identificar fragmentos de código, especialmente en código fuente complejo.

Sintaxis de los comentarios HTML: 
 

HTML

<!-- Write your comments here -->

Ejemplo: 
 

HTML

<!DOCTYPE html>
<html>
 
<body>
 
   <!-- there is a comment -->
    
 
<p>geeksforgeeks.</p>
 
 
 
</body>
 
</html>

Producción: 
 

geeksforgeeks.

HTML – Listas  
¿Qué es una lista?  
Una lista es un registro de piezas breves de información, como los nombres de las personas, generalmente escritas o impresas con una sola cosa en cada línea y ordenadas de una manera que hace que una cosa en particular sea fácil de encontrar.
Por ejemplo
 

  • Una lista de compras
  • Lista de quehaceres

Listas en HTML 
HTML ofrece tres formas de especificar listas de información. Todas las listas deben contener uno o más 
elementos de lista. 
Los tipos de listas que se pueden utilizar en HTML son: 
 

  • ul: Una lista desordenada. Esto enumerará los elementos usando viñetas simples.
  • ol : Una lista ordenada. Esto utilizará diferentes esquemas de números para enumerar sus artículos.
  • dl : Una lista de definiciones. Esto organiza sus elementos de la misma manera que se organizan en un diccionario.

Para obtener más información sobre HTML, consulte : https://www.geeksforgeeks.org/html-tutorials/
 

Navegador compatible:

  • Google Chrome
  • Borde de Microsoft
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por harsh.agarwal0 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *