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