Depois de copiar alguns códigos de efeitos especiais de gráficos e imagens de alguns sites, sempre surgem problemas como as imagens não serem exibidas. Aqui está um tutorial relacionado escrito especialmente para esses iniciantes! Em relação à aplicação de imagens em páginas web, ou seja, a aplicação de tags de imagens em páginas web, deixe-me resumir para você!
1) Visão geral da marcação de imagem.
Se uma página da web tiver apenas texto, mas nenhuma imagem, ela perderá muita vitalidade. As imagens são um aspecto muito importante na produção de páginas da web. O HTML Professional fornece a tag <IMG> para gerar imagens na página da web. Esta tag possui atributos SRC, ALT, ALIGN, BORDER, WIDTH e HEIGHT.
2) Introdução aos atributos.
Atributo SRC. Para a tag <IMG>, seu atributo SRC é um atributo necessário, ou seja, SRC deve receber um valor na tag <IMG> e é parte indispensável da tag. Neste momento, IMG deve ser escrito no seguinte formato:
A seguir está um fragmento de citação:
<IMG SRC="valor do parâmetro">
Entre eles, o valor do parâmetro é o nome completo do arquivo e o caminho da imagem.
Sabemos que os arquivos de imagem geralmente ocupam muito mais espaço do que arquivos de texto simples, como documentos HTML, e o web design geralmente requer a adição de muitas imagens para aumentar o apelo. Se esses arquivos de imagem forem adicionados ao documento HTML, o documento HTML ficará muito grande. . Grande, a transmissão na rede será inevitavelmente muito lenta.
A tag <IMG> na verdade não adiciona a imagem ao documento HTML, mas informa ao HTML: Qual arquivo de imagem é esse? Onde? Para que o HTML possa chamá-lo do local original do arquivo de imagem. A função do atributo SRC é responder a essas duas questões, portanto o valor do parâmetro do atributo SRC deve ter o nome completo do arquivo de imagem, ou seja, o nome e a extensão do arquivo, como logo.gif, que responde a questão de qual arquivo de imagem é; O valor do parâmetro também deve ter o caminho para o arquivo de imagem para que o HTML saiba onde encontrar o arquivo de imagem. Entre os valores dos parâmetros do atributo SRC, como escrever o caminho do arquivo de imagem costuma ser um problema para iniciantes.
O caminho para o arquivo de imagem pode ser um caminho relativo ou um URL. O chamado caminho relativo refere-se ao caminho formado pela posição relativa do arquivo a ser vinculado ou incorporado ao documento HTML atual e ao arquivo HTML atual. Se o arquivo HTML e o arquivo de imagem (assumindo que o nome seja logo.gif) estiverem no mesmo diretório, você poderá escrever o código como <IMG SRC="logo.gif"> se o arquivo de imagem for colocado em um diretório onde; o arquivo HTML atual está localizado no subdiretório (assumindo que o subdiretório se chama images), o código deve ser <IMG SRC="images/logo.gif"> se o arquivo de imagem for colocado no diretório superior do diretório onde está o HTML atual; arquivo está localizado (assumindo que o diretório superior seja denominado home ), o caminho relativo deve ser uma quase-URL, ou seja, use "../" para representar o site do desenvolvedor, seguido pelo caminho do arquivo de imagem no site do desenvolvedor . Por exemplo, supondo que home seja um diretório deste site, o código deve ser <IMG SRC=”../home/logo.gif”> Se home for um subdiretório do diretório king do site, o código deve ser. escrito é <IMG SRC=”../king/home/logo.gif”>.
Outros atributos. Os atributos ALT, ALIGN, BORDER, WIDTH e HEIGHT da tag <IMG> são opcionais. O atributo ALIGN é o alinhamento da imagem, e os valores dos parâmetros são esquerda, centro e direita, BORDER é a borda da imagem, e seu parâmetro é maior ou igual a 0, e a unidade padrão é pixels; Atributos WIDTH e HEIGHT É a largura e altura da imagem, e a unidade padrão de seus parâmetros é pixels. O atributo ALT é o texto exibido quando o mouse passa sobre a imagem. Gostaria de lembrar a todos que você deve usar isto. atributo ao criar páginas da web. Qual é o propósito de fazer isso? Ele pode exibir texto de prompt quando a imagem não puder ser exibida por algum motivo, o que aumenta a facilidade de uso.