¿Cuáles son los códigos HTML básicos??

¿Cuáles son los códigos HTML básicos??

Se incluyen varias páginas web en un sitio web, como la página de inicio, la página de contacto y la página sobre. El lenguaje HTML se usa para crear esas páginas. Los sitios web están estructurados y su contenido se especifica con la ayuda de HTML. En el contenido del sitio web, hay varios elementos, que incluyen encabezados, párrafos, botones y enlaces.

En este manual, aprenderemos los códigos HTML básicos. Entonces, comencemos!

¿Cuáles son los códigos HTML básicos??

HTML se basa en diferentes etiquetas como , ,

y muchos más. Estas etiquetas generalmente están encerradas en los soportes de ángulo, lo que indica el inicio de un elemento HTML.

Las siguientes etiquetas ahora se discutirán con más detalle:


Comencemos con el primero.

En html5, el ""La etiqueta aparece al comienzo del documento. El navegador lo utiliza para averiguar la versión HTML. Más específicamente, le dice al navegador en qué versión de HTML está escrito el documento:

etiqueta

Los tipos de documentos se definen por la etiqueta de inicio. Para crear un documento HTML, el "Se usa la etiqueta. Todos los demás elementos de HTML, como "cabeza" y "cuerpo", Están escritos entre el"" y ""Etiquetas:

etiqueta

La etiqueta de cabeza de HTML define la información relacionada con el documento en el jefe del documento. Contiene otros elementos de cabeza como, y:

etiqueta

En un documento HTML, para utilizar el estilo en línea ","Se usa la etiqueta. Las propiedades de estilo definidas dentro de la etiqueta determinan cómo se verá el documento. Por ejemplo, el estilo definido en la sección resaltada solo se aplica dentro del documento:

etiqueta

El ""La etiqueta especifica qué tipo de contenido se agrega en una página, incluidos encabezados, párrafos, enlaces, botones, imágenes y otros. Cada documento HTML necesita esta etiqueta y solo debe usarla una vez:

Etiqueta de encabezado

Un título es la primera parte de cualquier documento. Hay un tamaño de fuente diferente que puede usar para encabezados, incluidos

,

,

,

,

, y
. Cuando se muestra un encabezado, el navegador agrega una línea antes y otra después.

Ejemplo 1:

etiqueta

Aquí, agregaremos el encabezado de nivel más alto usando el "

" etiqueta:


Este es un encabezado 1


Puede ver que el encabezado se agrega a la página web:

Ejemplo 2:

etiqueta

Ahora, agregaremos dos encabezados usando el

y

Etiquetas para ver la diferencia entre ambos:


Este es un encabezado 1


Este es un encabezado 2


Se puede ver que ambos encabezados se diferencian en términos de tamaño de fuente:

etiqueta

Los párrafos se pueden definir en una página web utilizando el HTML "

" etiqueta. El

Las etiquetas indican el inicio de un nuevo párrafo en HTML. El navegador agrega una línea vacía a cada párrafo al principio o al final.

Ejemplo

Aquí, usaremos "

Este es un párrafo


En la salida a continuación, el párrafo se agrega a la misma página web:

etiqueta

Se usa una etiqueta HTML div para agregar los elementos HTML juntos. Las etiquetas tienen roles específicos. Por ejemplo, el

La etiqueta indica párrafos, H1 a H6 representa encabezados, pero la etiqueta DIV especifica secciones dentro de los documentos HTML. Los elementos HTML generalmente se agrupan utilizando la etiqueta Div para que los estilos CSS puedan aplicarse a muchos de ellos simultáneamente.

Ejemplo

Aquí, agregaremos un DIV usando el "" etiqueta. Después de eso, agregaremos un encabezado usando

y párrafo usando

etiqueta:




Este es un Div


párrafo de divisas



Producción


etiqueta

El "
"La etiqueta se usa para saltos de línea; Cualquier cosa que lo siguiera comienza desde la siguiente línea. En el lugar donde agregarás el
Etiqueta, los próximos elementos web se moverán a la nueva línea de la página web.

Ejemplo

Aquí, agregaremos "
"Etiqueta en una declaración div, después de la palabra"a":



Esto es un
div

En la imagen proporcionada a continuación, puede ver que hay una línea de línea después de la palabra "a":

etiqueta

El ""La etiqueta se usa para obtener la entrada del usuario. HTML permite a un usuario especificar un campo de entrada donde se pueden ingresar los datos. Puede tener una variedad de tipos dependiendo de sus atributos, como cuadros de texto, casillas de verificación, botones de radio y muchos más.

Ejemplo

Ahora, crearemos una casilla de verificación, usando el ""Etiqueta y configure el tipo de entrada como"caja":




Usando el código anterior, puede ver que la casilla de verificación se agrega correctamente:

etiqueta

El ""La etiqueta se usa para establecer el título de un elemento. Se agrega con los elementos del formulario, como campo de texto, casilla de correo electrónico, campo de contraseña o casilla de verificación para proporcionar información relacionada.

Ejemplo

Establezca la etiqueta después de la casilla de verificación usando el ""Etiqueta y especifique el texto de la etiqueta:





Aquí está el resultado que demuestra que la etiqueta representa la casilla de verificación:

Eso es todo! Hemos explicado la etiqueta básica HTML en detalle.

Conclusión

Para crear un documento HTML y agregarle elementos, hay diferentes etiquetas que se utilizan, como , , ,

,

, y muchos más. En este artículo, hemos explicado todas estas etiquetas y proporcionamos ejemplos de cada etiqueta para su mejor comprensión.