1. A composição do padrão Qua
inclui principalmente três aspectos : estrutura (estrutura), desempenho (apresentação) e comportamento (comportamento)
padrão | Descrição |
---|---|
Estrutura (Estrutura) | A estrutura é usada para classificar e classificar os elementos da página da Web. Nesta fase, aprendo principalmente HTML |
Desempenho (apresentação) | Desempenho é usado para definir o layout, cor, tamanho e outros estilos de aparência dos elementos da página da web, principalmente se referindo a CSS |
Comportamento (comportamento) | O comportamento refere-se à definição do modelo de página da web e à compilação da interação. Nesta fase, aprendo principalmente Javascript |
2. Tags de formatação de texto
<h1> </h1>
Existem 6 tags de título e o tamanho é reduzido gradualmente.
<p></p>
Tags de parágrafo e
<br />
tags de quebra de linha. Esta é uma única tag
<strong></strong>
Ou <b></b>
rótulo em negrito. Recomenda-se o uso de <strong>
etiquetas
<em></em>
ou <i></i>
inclinação. Recomenda-se o uso de <em>
etiquetas
<del></del>
ou <s></s>
tachado. Recomenda-se o uso de <del>
rótulos
<ins></ins>
ou <u></u>
sublinhados. <ins>
Rótulo recomendado
3. Etiqueta da caixa
<div>
E <span>
não há semântica, apenas uma caixa, para conter conteúdo
Características: As
<div>
etiquetas são usadas para layout, mas cada <div>
etiqueta tem sua própria linha.
<span>
Rótulos de caixa grande são usados para layout e pode haver mais de um em uma linha <span>
. Caixinha
4. Rótulo da imagem
<img src="图像URL" />
src é um atributo obrigatório (deve ser escrito). Este é um rótulo único.
Outros atributos (você não precisa escrever)
texto alternativo é substituir o
título pelo texto quando a imagem não é exibida. O texto do prompt é para exibir o texto quando o mouse é colocado na imagem.
Pixels de largura definem a largura da imagem e
pixels de altura definem a imagem O
pixel da borda de altura define a espessura da borda da imagem.
Por exemplo:<img src="图像URL" alt="图像加载失败" title="提示文本" />
Nota:
(1) A tag de imagem pode ter vários atributos, que devem ser escritos após o nome da tag (src)
(2) Os atributos não estão em ordem, e o nome da tag e atributos e atributos e atributos são separados
por espaços (3) Os atributos assumem o formato de pares de valores-chave, ou seja, o formato de chave = "valor", atributo = "valor do atributo"
Caminho relativo: o caminho do diretório estabelecido com base na localização do arquivo referenciado
Classificação de caminho relativo | símbolo | Descrição |
---|---|---|
Caminho do mesmo nível | O arquivo de imagem está no mesmo nível do arquivo HTML, como<img src="baidu.gif" /> |
|
Caminho do próximo nível | / |
O arquivo de imagem está localizado no próximo nível do arquivo HTML, como<img src="images/baidu.gif" /> |
Caminho de nível superior | ../ |
O arquivo de imagem está localizado um nível acima do arquivo HTML, como<img src="../baidu.gif" /> |
Caminho absoluto: refere-se ao local absoluto no diretório, diretamente ao local de destino, geralmente o caminho que começa na letra da unidade (observação: não comumente usado)
, como "D \ web \ img \ logo.gif" ou o endereço de rede completo "http : //www.baidu.com/img/bd_logo1.png "
5. Rótulo de hiperlink
Formato de gramática
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
(1) Explicação do atributo:
href é usado para especificar o endereço url do destino do link (atributo obrigatório). Quando o atributo href é aplicado ao rótulo, ele tem a função de um hiperlink
target é usado para especificar a maneira de abrir a página vinculada, onde _self é o valor padrão e _blank é a maneira de abrir em uma nova janela
(2)
Links externos de classificação de links : como<a href="https://www.baidu.com">百度</a>
Links internos : interligam as páginas internas do site, basta escrever o nome da página interna diretamente, como por exemplo<a href="index.html">首页</a>
Conexão nula : quando o link de destino não é determinado,<a href="#">首页</a>
Link para download : se o endereço em href for um arquivo ou pacote compactado, este arquivo será baixado
Links de elementos de página da web : você pode adicionar hiperlinks a vários elementos de arquivo na página da web, como texto, imagens, tabelas, áudio, etc.
Link de âncora : Clique no link para localizar rapidamente uma determinada posição na página. Veja especificamente os 2 pontos pretos abaixo
-
No atributo href do texto do link, defina o valor do atributo na forma de #nome, como
<a href="#two">第2集</a>
-
Encontre a tag do local de destino, adicione um atributo id = o nome agora, como
<h3 id="two">第2集介绍</h3>