-
Cómo hacer un párrafo HTML en una ubicación específica
-
HTML marca un texto en la página Web de contenido, que puede estilo usando Cascading Style Sheets (CSS). Los párrafos en HTML aparecen en las páginas web en función del lugar de colocarlos en el código, por lo que si el código contiene un encabezamiento, un párrafo y, a continuación algunas fotos, esos elementos se mostrarán en la página en ese mismo orden. Puede cambiar la posición de un punto a una ubicación específica en la página utilizando la posición absoluta en una hoja de estilo.
Instrucciones
1 Abra la página Web en el Bloc de notas o un editor de código. Añadir un párrafo a la página, poniéndolo en un lugar lógico, como en una partida relacionada:
<P id = "myparagraph"> Este es un párrafo HTML. </ P>
Dale a tu párrafo a, ID única significativa como se muestra arriba. Que va a utilizar este ID para posicionar el párrafo en el código CSS.
2 Encontrar el "<style>" etiquetas en el código HTML o añadirlos:
<Style type = "text / css">
</ Style>Estas etiquetas van entre los "<head>" etiquetas de código HTML, por lo general por debajo de los "<title>" etiquetas. Todo el código CSS se coló entre las "<style>" etiquetas.
3 Escribe una regla de estilo para su párrafo y establezca su propiedad "posición" para establecer la "parte superior" y las posiciones de "izquierda" que utilizan píxeles o valores de porcentaje "absoluta".:
myparagraph {
position: absolute;
top: 200px;
izquierda: 300px;
}Al utilizar los valores porcentuales, recuerda que el párrafo cambiará de posición en la pantalla en función del tamaño de la pantalla.
Consejos y advertencias
- Encuentra las etiquetas que rodean sus etiquetas de párrafo, como "<div>", y ajustarlos a "position: relative" en el código CSS. Esto evitará que el párrafo dentro de su elemento padre.
