Web deseñadores novatos: Como facer fluxo de texto ao redor de imaxes

Neste artigo, imos falar sobre as características de HTML e CSS, que están asociados coas imaxes. Vai aprender a inserir-los en HTML-documento. O artigo tamén contén información sobre como cambiar a imaxe definicións e organizar texto fluxo arredor da imaxe.

En primeiro lugar - como inserir imaxes. Para iso, hai tag "img", que ten varios atributos. O principal deles - "src". Nel almacena a dirección a partir do cal o navegador pode inserir unha imaxe. Pode especificar o camiño para unha imaxe xa almacenada no ordenador, ou dar unha ligazón a un recurso web.

Ningún dos atributos menos importantes dun par - "ancho" (ancho) e "altura" (altura). Son usados para redimensionar a man as imaxes (opción útil para alongamento e compresión de imaxes).

Parámetros seguidos "hspace" e "vspace" (distancia a partir da imaxe ao texto citado). Está claro, "hspace" - recheo horizontal e "vspace" - vertical.

Nós tag ten atributos como "alt" e "title". Son semellantes entre si, xa que o seu obxectivo é describir a imaxe. Pero no "título" prescrito texto que aparece cando pasa o rato sobre a imaxe, e literal valor do atributo "alt" é exhibida no caso de que non se pode subir unha imaxe.

Hai algúns atributos específicos que están presentes na maioría dos etiquetas. Este "accesskey", "clase", "id" e "estilo". "Acceso" "define unha combinación de teclas, a través do cal o acceso ao obxecto. "Clase" e "id" - parámetros asociados a CSS. Eles describen a clase á que pertence a imaxe (ou o seu identificador). "Style" - o texto do atributo, o que lle permite establecer unha imaxe CSS de estilo incorporado.

Un dos parámetros que definen o aspecto da imaxe é "fronteira". El determina o espesor do borde ao redor do obxecto e se pode configurar para calquera enteiro positivo (en píxeles).

O seguinte atributo - "aliñar". Describe o fluxo de texto ao redor da imaxe. Esta opción pode ser definida como "de abaixo", "medio", "esquerda", "dereita" e "top". Cada un dos valores determina onde colocar a imaxe no texto. Por exemplo, un valor de imaxe do medio "medio" está vencellada co límite inferior do texto, mentres que "esquerda" - o obxecto será á esquerda do texto. Pero esta é só unha forma de establecer o fluxo de texto ao redor da imaxe - HTML.

Hai outra ferramenta poderosa - CSS (moito máis versátil). Pode ser usado tanto definir de forma máis eficaz os atributos de etiquetas, incluíndo fluxo de texto ao redor da imaxe. CSS permite que estableza os parámetros, non só o obxecto específico, e todos aqueles que, como el. Por exemplo, se quere especificar o recuar de todas as imaxes do documento é de dez píxeles, é suficiente para chamar ao arquivo CSS-lo con un único punto: "img {margin: 10px 10px 10px 10px;}" (na práctica, as comiñas non son necesarios!).

Un fluxo de texto ao redor de imaxes, por exemplo, na esquina esquerda defínese como: "img {align: left;}".

By the way, para engadir o CSS-código non ten que escribir nun ficheiro. Por esta etiqueta "estilo" é subministrado en HTML, que pode introducir CSS-código. Pero el só vai funcionar para o documento (se quere engadir o mesmo código en varios arquivos HTML, ten que crear unha folla de estilo separada).

Agora podes "diluír" imaxes da web, usando as propiedades benéficas da etiqueta, que é responsable por iso. Sinto-se a liberdade de usar o redimensionamento ou romper o texto fotos. páxinas web sen compoñentes gráficos - moi triste visión, non é?