Cómo establecer la posición del texto en una página web
Dirección horizontal (alineación), dirección vertical (alineación)
La dirección horizontal es izquierda, centro, derecha:
izquierda ( Alineación izquierda)
centro (centro)
DERECHA (alineación derecha)
La dirección vertical es arriba y abajo.
Arriba, abajo, etc.
i. Dirección horizontal, es decir, código izquierda-centro-derecha:
lt; p align=leftgt;
lt; Cara de 15 puntos =color en negrita=fff000gt;alineada a la izquierdalt;/fontgt;lt;/Pgt;
lt;p align=CENTERgt;
lt;font style=fuente: cara de 15pt= color negrita=fff000gt; significa centradolt;/fontgt;lt;/Pgt;
lt;p align=RIGHTgt;
lt;font style=font: 15pt face=bold color= fff000gt; align=RIGHTlt;/fontgt;lt;/Pgt;
Nota:
La llave dorada no se muestra, pero es muy obvia. Puedes conocer la ubicación específica. leyendo el texto!
El efecto del código que utilizamos a continuación para ayudar a todos a aprender y comprender es más claro;
El código es el siguiente:
lt ;CENTERgt;
lt;TABLE width=480 height=320 bordercolor= oliva background=/sucai/news/bg/59.jpg border=18gt;
lt;TRgt;
lt;TDgt;
lt;TABLE width=460 height=320 bordercolor=oliva border=0gt;
lt;TRgt;
lt;TD align=LEFT valign=top height=80gt;lt;FONT style="FONT-SIZE：12pt" face=bold color=# ffff000gt;lt;Bgt;
Código de izquierda a arriba lt;BRgt ;lt;h3gt;align=LEFT valign=toplt;/h3gt;lt;/Bgt;lt;/FONTgt;lt;/TDgt;lt;/TRgt;
lt;
lt; TD align=center valign=top height=160gt; FONT style="FONT-SIZE: 12pt" face=bold color=#fff000gt; lt ;TRgt; lt;TD align=RIGHT valign=bottom height=80gt;lt;FONT style="FONT-SIZE：12pt" face=Bold color=#fff000gt;lt ;Bgt; Codelt hacia abajo;BR gt;lt;h3gt;align=RIGHT valign=bottomlt;/h3gt;lt;/Bgt;lt;/FONTgt; lt;/TDgt;lt; /TRgt;lt;/TABLEgt; lt;/TD gt;l t;/TRgt;lt;/TABLEgt;lt;/CENTERgt; Pantalla: Código de la esquina superior izquierda align=LEFT valign=top Centrar código superior align=center valign=top Centrar código de derecha a abajo align=RIGHT valign=bottom Descripción: ◇La configuración de dirección vertical debe ubicarse en las celdas de la tabla (TD) y (/TD). ◇Este ejemplo inserta una tabla vacía en el marco, dividida en tres filas horizontales. ◇Establece la altura según el contenido insertado de cada fila. ◇Establezca declaraciones clave para cada fila de la tabla. Etiqueta de inicio de la fila: lt; TRgt; lt; TD align=center valign=top height=160gt; Insertar contenido Etiqueta final de línea: lt;/TDgt;lt;/TRgt; Comentario del comando de código: I .Sintaxis de fuente: align=center La fuente está centrada align=right La fuente está a la derecha align=left La fuente está a la izquierda align =arriba fuente arriba align= abajo fuente abajo lt; font color=ff000gt;...lt;/fontgt; p> face= fuente de escritura cursiva china lt; estilo de fuente=fuente: 30pt face=宋体 color=#ff0000gt;/fontgt; Cuanto mayor sea el valor, más grande será el texto. lt; tamaño de fuente=1gt;... lt;/fontgt; Fuente mínima lt;tamaño de fuente=7gt;... lt;/fontgt; p> p> lt;h1gt;...lt;/h1gt; Palabra de título (valor máximo) lt;h6gt;...lt;/h6gt;... lt;/fontgt; ... lt;/h6gt; Palabra de título (mínimo) lt;bgt;... lt;/bgt; Negrita lt;stronggt;. .lt;/stronggt;Negrita (se añade énfasis) lt;igt;... lt;/igt;... lt;/igt;italic lt; emgt;... lt;/emgt;cursiva (añadir énfasis) lt;biggt;... lt;/biggt;tamaño de fuente aumentado lt; marqueegt;.. .lt;/marqueegt; Mover fuente (mover) lt;dfngt;... lt;/dfngt; Cursiva (indica definición) lt;ugt; lt;/ugt; Subrayado lt;insgt;...lt;/insgt; Subrayado (indica texto insertado) lt;strikegt;...lt; línea horizontal lt;sgt;... lt;/sgt; strikegt;... lt;/strikegt; línea horizontal lt;delgt;....... . lt;/delgt;Eliminar línea (es decir, eliminar) lt;kbdgt;...lt;/kbdgt;Texto del teclado lt;ttgt;...lt;/ ttgt ; font lt; .lt;/plaintextgt; Fuente de ancho fijo (sin marcas) lt;listinggt;.... lt;/listinggt; lt;font style = "font-size: 100px"gt;... lt;fontgt; infinito II. hrgt; línea horizontal lt; hr size="9" Línea horizontal (establecer tamaño) lt; hr width="80"gt; /p> lt.hr color="ff0000" gt; Línea horizontal (establecer color) lt; (salto de línea) Comando de espacio lt;nobrgt;... lt;/nobrgt; (Sin saltos de línea) lt;pgt;... lt;/pgt; (párrafo) lt ;centrogt;... lt;/centrogt; centro lt;! gt; formato de enlace lt; base href=addressgt; (ruta de enlace predeterminada) lt; a href=addressgt;lt;/agt; >lt;a href=dirección target="_blank"gt;lt;/ agt; Enlace externo (abre otra ventana nueva) lt; a href=address target="_top"gt;lt;/agt; enlace externo (enlace de ventana completa) lt ;a href=address target="nombre del marco"gt;lt;/agt;Enlaces externos (enlaces en el marco especificado) Stickers/Música: lt;img src = Dirección de imagengt; Etiqueta lt; img src=Dirección de imagen width="180"gt; Establece el ancho de la imagen lt; gt ; Establece la altura de la imagen lt; img src=Dirección de la imagen alt="texto de la imagen"gt; Establece el texto del mensaje de la imagen lt; ="1" gt; Establecer borde de imagen lt; bgsound src=Dirección de archivo de música MID gt; Configuración de música de fondo lt body background="dirección de imagen de fondo"gt; lt; bgcolor="#ff0000"gt; Establecer color de fondo lt; embed src="dirección flash" width="width" height="height"gt; image lt; img dynsrc="Dirección del archivo de película" width="width" height="height" start=mouseovergt; Pegar película lt;/iframe src="Dirección relacionada " width=" width" height="height"gt.lt;/iframegt; Pegar página web lt; A href="other url"gt; Redactar texto enlace de texto lt; a href= "otra URL"gt; IMG src="dirección de imagen" border=0gt; Enlace de imagen lt; lt; A href ="other url"gt; textlt;/DIVgt; Enlace de texto en color lt;P align=centergt;FONT color=#0066ff face=Tamaño en cursiva china=5gt; textlt;/FONTgt ;lt;/Pgt;Establecer texto 4 Sintaxis de diapositiva: lt;marqueegt;....lt;/marqueegt;Diapositiva normal lt;marquee conductual=slidegt;... lt;/marqueegt; Presentación de diapositivas lt;marquee conductual=scrollgt;... lt;/marqueegt; Desplazamiento predeterminado lt;marquee conductual=alternategt;... lt;/marqueegt; Desplazamiento predeterminado lt;marquee conductual=slidegt; ...lt;/marqueegt; Presentación de diapositivas ......lt;/marqueegt; Deslizar hacia adelante y hacia atrás lt;marquee direction=downgt;...lt; / marqueegt; deslizar hacia abajo lt;marquee dirección=upgt;...lt;/marqueegt; deslizar hacia arriba lt;marquee dirección=derecha lt;/marqueegt; lt;marquee direction=leftgt;lt;/marqueegt; Deslizar hacia la izquierda lt;marquee direction=leftgt;lt;/marqueegt; Deslizar hacia la izquierda lt; ;marquee loop=2gt;...lt;/marqueegt;Número de diapositivas lt;marquee width=180gt;...lt;/marqueegt;Configuración de ancho lt; marquee height=30gt;...lt;/marqueegt;Establecer altura lt;marquee bgcolor=FF0000gt;...lt;/marqueegt; Establecer el color de fondo lt; marquee scrollamount=2gt;...lt;/marqueegt;;Establecer el valor de la velocidad de deslizamiento lt;marquee scrollldelay=200gt;...lt;/ marqueegt;Establecer el tiempo de deslizamiento lt;marquee scrolldelay=300 scrollamount=100gt;Insert textlt;/marqueegt;Pausa de diapositiva lt;body background="dirección de la imagen de fondo" body bgproperties=fixedgt; bar 5. Sintaxis de la tabla: lt; table aling=leftgt;...lt;/tablegt; Posición de la tabla, izquierda lt;TABLE aling =centergt;... lt;/tablegt;Posición de la mesa, centrada lt;TABLE background=ruta de la imagengt;... lt;/tablegt ... lt;/tablegt;URL de la imagen de fondo= es la URL de la ruta lt;table border=border sizegt;... lt;/tablegt;Establecer el tamaño del borde de la tabla (use números) lt;table bgcolor=Color Codegt ;... lt;/tablegt;Posición de la mesa, centrada. ... lt;/tablegt;Establecer el color de fondo de la tabla lt;table borderclor=color codegt;... lt;/tablegt;Establecer el color del borde de la tabla lt; table borderclordark=Color Codegt;...lt;/tablegt;Establece el color del borde oscuro de la tabla lt;table borderclorlight=color codegt;...lt;/tablegt ;...lt ;/tablegt; Establece el color del borde claro de la tabla lt;table cellpadding=parametergt;... lt;/tablegt; Especifica el espacio entre el contenido y la cuadrícula. líneas (use números) lt;table cellpacing=parametergt;... lt;/tablegt Especifica el espacio entre las líneas de la cuadrícula (usando números) lt;table cols=parametergt; ;... lt; /tablegt; Especifique el espacio entre el contenido y las líneas de la cuadrícula (use números) lt;table cols=parametergt;... lt;/tablegt;... lt;/tablegt ; Especifique el número de columnas en la tabla lt; table frame=parametergt;... lt;/tablegt;Establezca el modo de visualización de las líneas del marco de la tabla lt; =widthgt;. .. lt;/tablegt;Especifique el ancho de la tabla (use números) lt;table height=heightgt;... lt;/tablegt;Establezca el método de visualización del marco de la tabla líneas lt; table width=widthgt;... lt;/tablegt;Especifica el tamaño de altura de la tabla (usa números) lt;td colspan=parametergt;.. lt;/tdgt ;Especifique el número de columnas de la unidad de almacenamiento fusionada (use números) lt;td rowspan=parameter gt;... lt;/tdgt;Especifique el número de columnas de almacenamiento. las unidades fusionan columnas (use números) lt;! gt; Dividir ventana lt; frameset cols="20,*"gt; División izquierda/derecha, divide el marco izquierdo en 20 del tamaño del marco derecho, el tamaño del marco derecho se determinará automáticamente. por el navegador Ajustar lt;frameset rows="20,*"gt;División superior/inferior, divide el marco superior en 20 del tamaño de marco correcto lt;frameset rows ="20 , *"gt; División inferior, divide el marco superior en 20 veces el tamaño del marco inferior lt;/td El navegador ajustará automáticamente el tamaño del marco inferior lt; frameset cols= "20, *"gt; Dividir los fotogramas izquierdo y derecho lt; frameset cols="20, *, 20"gt; lt; divide los marcos superior e inferior lt;divide los marcos superior e inferior lt./td;frameset rows="20,*" gt;dividir los marcos superior e inferior lt./td;frameset rows="20,*"gt;dividir los marcos superior e inferior lt./td; p> lt;frameset rows="20,*"gt;dividir los marcos superior e inferior lt;frameset rows="20,*,20"gt;Dividir los marcos superior medio e inferior lt;! - ... lt; A HREF TARGETgt; Especifique la ventana dividida para el hipervínculo lt; A HREF=#Nombre del anclajegt; p > lt; A HREFgt; Especifique el hipervínculo lt; A El nombre del punto vinculado ! lt;ADDRESSgt; .... lt;/ADDRESSgt; Se utiliza para mostrar direcciones de correo electrónico.