HTML na prática (sim ele tem uso prático)
A base da Web.. desrespeitado por muitos, adorado por poucos.. (Mas realmente muito importante pra área.. então segue o conteúdo)
HTML table
A tag HTML table tem a função de criar tabelas em uma página. Seu objetivo é exibir dados de forma estruturada, com linhas e colunas. Por isso, necessita da tag de fechamento </table>. O elemento <table> é utilizado em conjunto com outros elementos complementares para criar as linhas e colunas necessárias para a construção da tabela, como as tags <tr>, <td>, entre outras. Além disso, podemos utilizar tags e atributos para deixá-la ainda mais organizada, como com a inserção de cabeçalho, legenda e rodapé.
HTML image
O elemento img HTML é utilizado para inserir imagens na página e pode ser aplicado para HTML background image, por exemplo. Ela oferece uma série de atributos, como o usemap, que permite definir áreas clicáveis na imagem e o referrerpolicy, que ajuda a proporcionar mais segurança quando acessamos imagens de domínio cruzado, ou seja, de uma origem diferente do site atual.
HTML select
O elemento HTML select funciona como um menu suspenso com uma lista de opções, por isso pode ser utilizado em caixas de listagem. Ele permite a seleção de um ou mais itens, além da possibilidade de iniciar o controle com itens pré-selecionados e agrupados por categorias.
HTML button
A tag HTML button é utilizada para inserir botões em uma página e pode ser inserida dentro ou fora de formulários. O elemento button permite a utilização de outros elementos internamente, como imagem e texto, o que amplia a possibilidade de formatação de sua aparência.
HTML form
O elemento HTML form é utilizado para a criação de formulário HTML e tem a finalidade de interagir com a pessoa usuária da aplicação web. Todo o conteúdo inserido entre as tags de abertura <form> e fechamento </form> pertencem a ele.
O formulário pode conter diferentes tipos de elementos. Entretanto, alguns são usados com mais frequência, como o <label> para adicionar um rótulo antes de cada campo do formulário e o <input>, que falaremos mais adiante.
HTML link
O HTML <link> é usado para fazer uma ligação entre o documento atual e um conteúdo externo, que pode ser um arquivo de folha de estilos CSS, um documento de ajuda sobre o conteúdo da página, a indicação do arquivo utilizado como favicon e muitas outras possibilidades. A tag deve ser inserida na parte <head> da página e não necessita de tag de fechamento.
Comentário HTML
Para adicionar um comentário HTML em uma página utilizamos um conjunto de tags que é formada pelos símbolos: “<!–” para indicar onde começa o trecho comentado e “–>” para indicar o término da área referente ao comentário.
HTML checkbox
O HTML checkbox é um tipo disponível do elemento <input> utilizado para oferecer opções de escolha à pessoa usuária em conteúdos que requerem a interação. O controle pode ser configurado para permitir a seleção de um ou mais itens – o que o diferencia do type de input radio, que possibilita apenas a seleção de uma alternativa por vez.
HTML input
O elemento HTML input é utilizado para permitir a interação com a pessoa usuária. Por ter essa característica, contém um atributo chamado type, que faz a diferenciação sobre qual tipo de informação a aplicação receberá. Ele contém diversas alternativas e cada uma possui atributos característicos à sua funcionalidade. Os types de input são:
- button;
- checkbox;
- color;
- date;
- datetime-local;
- email;
- file;
- hidden;
- image;
- month;
- number;
- password;
- radio;
- range;
- reset;
- search;
- submit;
- tel;
- text;
- time;
- url;
- week.
iframe HTML
O iframe HTML é um elemento utilizado quando desejamos exibir conteúdos de outros sites na página. Ele funciona como uma pequena janela para um conteúdo externo e pode ser configurado para oferecer mais segurança na comunicação e evitar que códigos maliciosos se aproveitem desse caminho para acessar a página. Um exemplo do uso de iframe é para inserir HTML vídeo de sites como o YouTube.
HTML div
O HTML div é um elemento utilizado para organizar o conteúdo da página. Por isso, uma de suas aplicações é para a definição do layout da página. Basicamente, ele funciona em conjunto com a aplicação de estilos CSS, que são usados para adicionar características a ele, como para definir a cor de fundo, a largura e a altura, a visibilidade e o posicionamento.
