Hoje é o terceiro dia do meu estudo na LeByte Education. O conteúdo principal de hoje é dic, span, tags de formatação e tags de HTML e CSS.
div e span
div
<div> é um elemento de nível de bloco, geralmente usado em conjunto com css para layout.
A tag <div> pode dividir o documento em partes independentes e diferentes. Pode ser usado como uma ferramenta de organização restrita e não usa nenhum formato associado a ele.
<div> é um elemento de nível de bloco. Isso significa que seu conteúdo inicia automaticamente uma nova linha. Na verdade, a quebra de linha é a única formatação inerente em <div>. Estilos adicionais podem ser aplicados por meio da classe ou id do <div>.
<div>content</div>
Atributos comuns
Atributos | valor | descrição |
---|---|---|
alinhar | esquerda 、 direita 、 centro | Especifica o alinhamento do conteúdo no elemento div, que pode ser substituído por estilos no futuro |
período
A tag <span> é usada para combinar elementos embutidos no documento, e span não tem formato fixo. Quando um estilo é aplicado a ele, ele faz uma mudança visual.
<span>content</span>
Tags de formatação
Fonte
Especifique a fonte, o tamanho e a cor da fonte do texto
pré
Defina o texto pré-formatado. O texto contido no elemento pre geralmente retém espaços e novas linhas. E o texto também será renderizado em fonte monoespaçada
Etiqueta de texto
**<b>**(粗文本)、**<i>**(斜体文本)、**<u>**(下划线文本)、
<Del> (texto sublinhado), <Sub> (texto subscrito), <SUP> (texto sobrescrito)
uma etiqueta
A tag <a> define um hiperlink, que é usado para vincular de uma página a outra.
O atributo mais importante do elemento <a> é o atributo href, que indica a localização de destino do link. Ao mesmo tempo, não há atributo href. O conteúdo na tag a não é diferente do texto comum, e a função de hiperlink é perdida.
Se você deseja pular para a página atual, o valor de href é #. A página vinculada geralmente é exibida na janela do navegador atual, a menos que você especifique outro destino (atributo de destino).
<a href="http://www.baidu.com">百度</a>
Atributos comuns
Atributos | valor | descrição |
---|---|---|
href | URL | O local para onde a conexão deve saltar pode ser outra página ou a página atual. |
alvo | _blank <br> _parent <br> self <br> top <br> Framename como o valor do nome da tag a da âncora | Especifica onde abrir o documento vinculado. <br> _blank: abre uma nova página para exibir a página; <br> _self: a página atual é exibida para saltar para a página, o valor padrão. <br> _top: Usado para páginas com layout de conjunto de quadros e deseja cobrir a exibição de página inteira. <br> Framename: O framename aqui é diferente do valor acima. O nome específico do frame deve prevalecer. Este valor indica que a página a ser conectada será exibida no frame do nome correspondente após o salto. |
Realização do ponto de ancoragem
Use o atributo name de uma tag:
<a name="top"></a>
Os atributos de id de tags gerais: div id = "", a id = "", etc .:
<div id="top"></div>、<a id="top"></a>
Posicionamento do ponto de ancoragem
<a href="#top">返回首部</a>
O tempo voa tão rápido, o tempo de estudo de hoje está chegando ao fim, durma bem esta noite e prepare-se para o estudo de amanhã!