Pular para o conteúdo principal

Destaques

Relatório de Pentest: Maiores Falhas de Segurança em Sites

  A segurança de sites é uma preocupação crítica, pois falhas podem levar a vazamentos de dados, perda de confiança dos usuários e prejuízos financeiros. Este relatório descreve as maiores falhas de segurança em sites, como elas são exploradas e recomendações para mitigá-las. 2. Maiores Falhas de Segurança em Sites 2.1. Injeção de SQL (SQL Injection) Descrição: Falha que permite a execução de comandos SQL maliciosos no banco de dados. Impacto: Acesso não autorizado a dados sensíveis, como informações de usuários e senhas. Exemplo de Exploração: (' OR '1'='1) Este comando pode ser inserido em um campo de login para burlar a autenticação. Mitigação: Utilizar prepared statements e parameterized queries. Validar e sanitizar entradas de usuário. 2.2. Cross-Site Scripting (XSS) Descrição: Falha que permite a execução de scripts maliciosos no navegador do usuário. Impacto: Roubo de cookies, redirecionamento para sites maliciosos, execução de ações em nome do usuário Exemplo de...

Tutorial Intermediário de HTML: Aprofundando seus Conhecimentos na Linguagem de Marcação

 




Tutorial Intermediário de HTML: 

Aprofundando seus Conhecimentos 

na Linguagem de Marcação




Introdução:

Neste tutorial intermediário, você aprenderá conceitos mais avançados de HTML para criar páginas da web mais sofisticadas. Vamos explorar elementos avançados, técnicas de formatação e práticas recomendadas para melhorar a qualidade e a usabilidade do seu código HTML.

1. Estrutura Avançada do Documento HTML:

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Título da Página</title>
    <link rel="stylesheet" href="estilos.css">
    <script src="scripts.js" defer></script>
</head>
<body>
    <!-- Conteúdo da Página -->
</body>
</html>

- `<link rel="stylesheet" href="estilos.css">`: Conecta um arquivo CSS externo para estilizar a página.
- `<script src="scripts.js" defer></script>`: Importa um arquivo JavaScript externo com a opção "defer", o que faz com que o script seja carregado após o carregamento da página.

2. Formulários:

html
<form action="/submit" method="post">
    <label for="nome">Nome:</label>
    <input type="text" id="nome" name="nome" required>
    
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
    
    <input type="submit" value="Enviar">
</form>

- `<form>`: Define um formulário para entrada de dados do usuário.
- `<label>`: Rótulo associado a um campo de entrada.
- `<input>`: Elemento de entrada para coletar dados do usuário, como texto, email, senha, etc.
- `required`: Atributo que especifica que um campo de entrada é obrigatório.

3. Tabelas:
html
<table>
    <tr>
        <th>Produto</th>
        <th>Preço</th>
    </tr>
    <tr>
        <td>Produto 1</td>
        <td>R$ 10,00</td>
    </tr>
    <tr>
        <td>Produto 2</td>
        <td>R$ 20,00</td>
    </tr>
</table>

- `<table>`: Define uma tabela.
- `<tr>`: Define uma linha na tabela.
- `<th>`: Define um cabeçalho de coluna.
- `<td>`: Define uma célula na tabela.

4. Elementos Semânticos:
html
<header>
    <h1>Meu Site</h1>
    <nav>
        <ul>
            <li><a href="/">Início</a></li>
            <li><a href="/sobre">Sobre</a></li>
            <li><a href="/contato">Contato</a></li>
        </ul>
    </nav>
</header>

- `<header>`: Define o cabeçalho da página.
- `<nav>`: Define a navegação.
- `<ul>`, `<li>`, `<a>`: Elementos de lista e links de navegação.

5. Incorporação de Mídia:

html
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>

<audio controls>
    <source src="musica.mp3" type="audio/mpeg">
    Seu navegador não suporta áudio HTML5.
</audio>

<video controls>
    <source src="video.mp4" type="video/mp4">
    Seu navegador não suporta vídeo HTML5.
</video>

- `<iframe>`: Incorpora conteúdo de outra fonte, como um vídeo do YouTube.
- `<audio>` e `<video>`: Elementos para reproduzir arquivos de áudio e vídeo.

Conclusão:

Parabéns por concluir o tutorial intermediário de HTML! Agora você possui uma compreensão mais aprofundada dos recursos avançados desta linguagem de marcação. Continue praticando e explorando para criar páginas da web mais dinâmicas e funcionais. Lembre-se de sempre seguir as melhores práticas de codificação e acessibilidade ao desenvolver seus projetos.


PARTE 3= html-avancado-


Copyright © 2024 (zxyurikauan). Todos os direitos reservados

Comentários

Postagens mais visitadas