Página Inicial>Tutorial de web design> Tutorial HTML
Todos Tutorial Dreamweaver Tutorial Javascript Tutorial HTML Tutorial CSS Dicas e truques Tutorial de DHTML Efeitos especiais da Web Normalização WEB
Tutorial HTML
  • HTML5 implementa função de barragem de vídeo

    HTML5 implementa função de barragem de vídeo

    1. Primeiro, mostre a imagem original do vídeo da barragem, os fatos falam por si 2. Exibição do código 1> exibição do código html<div class=barrage><video id=myvideo autoplay loop width=100% height=300px>
    2025-03-15
  • Exemplo de implementação de fundo de animação de partículas de tela

    Exemplo de implementação de fundo de animação de partículas de tela

    Efeito:) Sem efeito de conexão: Com efeito de conexão: O tutorial é realmente muito simples para conseguir esse efeito. Ele pode ser dividido em várias etapas: Para criar um canvas, primeiro você precisa criar uma tag de canvas no elemento pai que precisa
    2025-03-14
  • Tente ajustar a função de aplicativo na página HTML5

    Tente ajustar a função de aplicativo na página HTML5

    Essa função é frequentemente vista no mercado. Essência Essência Depois de clicar, você ajustará o aplicativo ou abrirá a página de download ou baixará diretamente. Mas descobri que essa função aqui é um pouco diferente.
    2025-03-14
  • Vamos falar brevemente sobre o uso de pushState e replaceState em H5

    Vamos falar brevemente sobre o uso de pushState e replaceState em H5

    1. Introdução HTML5 apresenta os métodos history.pushState() e history.replaceState(), que podem adicionar e modificar entradas do histórico, respectivamente. Esses métodos são normalmente usados ​​em conjunto com window.onpopstate. 2. pushState
    2025-03-14
  • Estrutura de front-end HTML5 móvel – uso de MUI

    Estrutura de front-end HTML5 móvel – uso de MUI

    Prefácio Tendo em vista o fato de que em muitas estruturas de front-end anteriores (especialmente estruturas de layout responsivas), os controles de UI se parecem muito com páginas da web e não têm nenhuma sensação nativa, então a busca por uma UI nativa
    2025-03-14
  • HTML5 LocalStorage Local Storage

    HTML5 LocalStorage Local Storage

    O LocalStorage é armazenado local, que pode ser usado para preservação de dados a longo prazo em todo o site. Este objeto pode ser chamado no idioma JavaScript através do Window.LocalStorage ou LocalStorage. Recursos 1) Limite de estratégia homóloga
    2025-03-14
  • Como adaptar o terminal móvel HTML5 ao IphoneX e outros modelos

    Como adaptar o terminal móvel HTML5 ao IphoneX e outros modelos

    Vejamos primeiro a aparência do modelo do iPhone X. Na imagem acima, o Iphone O layout comum da página móvel é cabeça + tronco + modo de três colunas inferior.
    2025-03-14
  • HTML5 LocalStorage Storage e valor refrescante

    HTML5 LocalStorage Storage e valor refrescante

    A maior diferença entre a tecnologia de armazenamento de H5 é o ciclo de vida. 1. LocalStorage é um armazenamento local e o período de armazenamento não é limitado; Como usar: LocalStorage.setItem (chave, valor) //
    2025-03-14
  • Entrada [type = 'date'] em html5 estilo personalizado e código de implementação da função de verificação do calendário

    Entrada [type = 'date'] em html5 estilo personalizado e código de implementação da função de verificação do calendário

    1. Controle do calendário O estilo personalizado HTML5 fornece a função de controle do calendário e reduz o tempo de desenvolvimento, mas às vezes seu estilo não é realmente satisfatório, podemos modificá -lo de acordo com o código a seguir. Sugestão: Cop
    2025-03-14
  • Uma breve discussão sobre as 35 regras de otimização front-end do Yahoo

    Uma breve discussão sobre as 35 regras de otimização front-end do Yahoo

    Resumo: Seja no trabalho ou em uma entrevista, otimizar o desempenho do front-end da web é muito importante. Então, por onde precisamos começar com a otimização? Você pode seguir as 34 Catch-Rules do Yahoo para otimização de front-end, mas agora são 35, e
    2025-03-13
  • Como baixar imagens de código QR e marca d'água na tela

    Como baixar imagens de código QR e marca d'água na tela

    Ontem apresentei um plug-in para geração de códigos QR, QRCode.js, que é desenhado com a ajuda do HTML5 Canvas. Então, o protagonista de hoje é a tela – a aplicação prática da tela. 1. Baixe o código QR HTMLCanvasElement fornece o método toDataURL
    2025-03-13
  • Flutuando e com limpeza flutuando na página de resumo

    Flutuando e com limpeza flutuando na página de resumo

    1. Float: O principal objetivo é alcançar o efeito de enviar mensagens de texto. Também se tornou a maneira mais simples de criar um layout multi -coluna.<img src= /><p> Texto Conteúdo Parágrafo Conteúdo Texto Conteúdo Conteúdo Parágrafo Conteúdo Conteú
    2025-03-13
  • Comparado com div e span em html

    Comparado com div e span em html

    um,<div></div> e<span></span> 1.<div></div> Rótulo<div></div> O rótulo pode definir a partição ou seção no documento (divisão/seção) para dividir o documento em uma parte independente e diferente.<div></div> Tags podem ser usadas como
    2025-03-13
  • Efeitos de filtro de série de tela

    Efeitos de filtro de série de tela

    Canvas é realmente uma coisa mágica. Ele pode não apenas desenhar vários gráficos, textos e bitmaps, mas também realizar operações complexas de pixels e processamento em bitmaps. Portanto, coisas como filtros podem realmente ser implementadas usando o Can
    2025-03-13
  • Função de arrastar e soltar html5

    Função de arrastar e soltar html5

    Arrastar e soltar fazem parte do padrão HTML5. O navegador suporta o Internet Explorer 9, Firefox, Opera 12, Chrome e Safari 5 suportam arrastar e soltar. Elemento de arrasto, DragElement: 1, adicione coisas
    2025-03-13