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 , ,
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
,
,
Ejemplo 1: etiqueta
Aquí, agregaremos el encabezado de nivel más alto usando el "" etiqueta:
Puede ver que el encabezado se agrega a la página web:
Ejemplo 2: etiqueta
Ahora, agregaremos dos encabezados usando el
Etiquetas para ver la diferencia entre ambos:
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 etiqueta: 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": 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.
…
y párrafo usando
…Este es un Div
…
Esto es un div
…
…
,