Tecnología

Inicio

Cómo insertar una etiqueta Div

Hypertext Markup Language emplea un número de elementos utilizados para la creación de diferentes secciones en una página Web para formar un diseño; uno de ellos es una etiqueta div (<div>). etiquetas div se utilizan para áreas de sección de la página Web. etiquetas div son populares debido a su flexibilidad. Se utilizan a menudo en combinación con CSS para la personalización y el formato. Definir una sección div en una página web mediante la apertura <div> y el cierre </ div> etiquetas.

Instrucciones

1 Abrir Bloc de notas o su programa de edición de texto favorito.

2 Escriba el siguiente código:

<Html>

<Body>

<H1> Hello World </ h1>

<P> Este es un párrafo. </ P>

<Div style = "color: # 00FF00">

<H1> Hello World </ h1>

<P> Este es un párrafo. </ P>

</ Div>

</ Body>

</ Html>

Este código define una sección div en la página Web utilizando el <div> de cierre abierta </ ​​div> etiquetas. Contenido dentro de las etiquetas div se muestran en verde. Información fuera de las etiquetas div aparece en negro.

3 Haga clic en "Archivo" y luego "Guardar como". Seleccione "Todos los archivos" como el "Guardar como tipo".

4 Guarde el archivo como un archivo HTML mediante la colocación de ".html" al final del nombre de archivo.

5 Ir a donde guardó su página Web en su disco duro y haga doble clic en él. Se debe abrir en el explorador Web. Debería ver el contenido que se muestra en el contenido que se muestra en verde y negro en la página Web.


Artículos relacionados