Postagens

Mostrando postagens de junho, 2020

HTML: formulários - radio button

Imagem
HTML: radio button (Elivelto Ebermam) Radio button é um tipo de caixa de seleção que permite apenas uma escolha. É um campo muito utilizado em provas objetivas, onde só há uma resposta correta na questão. Essa característica o difere de um checkbox, o qual permite marcar múltiplas opções. Quando uma opção é marcada, automaticamente as outras são desmarcadas.   A tag responsável por inserir uma caixa de seleção é a <input>, sendo que deve ser utilizada com o atributo type. Assim trecho de código para inserir o campo em HTML seria o seguinte: <input type=”radio”> O valor do atributo type nesse caso é “radio”. Foi dito que o código “seria” o mostrado acima, isso porque além do atributo type é necessário utilizar outro atributo: name. Vamos falar um pouco desse atributo. Atributo name O atributo é muito importante em HTML, a função dele é dar nome a elementos. A maioria das tags pode ter o ...

HTML: negrito, itálico e sublinhado

Imagem
HTML: negrito, itálico e sublinhado (Elivelto Ebermam) Existem alguns efeitos podem ser aplicados ao textos como negrito, itálico, sublinhado entre outros.   Na linguagem HTML, para cada um desses efeitos existe uma tag específica. Abaixo são mostrados três textos, cada um com um desses efeitos: Texto em negrito Texto em itálico Texto sublinhado Tendo em mente o que é cada um desses efeitos significa, vamos aprender a usá-los em HTML. Efeito Negrito Para inserir o texto em negrito utilizamos a tag <b>, que vem da palavra inglesa bold. Devemos primeiramente fazer a abertura da tag com <b>, escrever a parte do texto que queremos que fique em negrito e depois realizar o fechamento da tag com </b>. Veja um exemplo: <b> Texto em negrito </b> O texto em negrito pode vir no meio da frase também, veja: Este texto está sem efeito, <b> já este texto está em negrito </b> Lembrando que, para uma página html, nã...

HTML: formulários - caixas de seleção

Imagem
HTML: caixas de seleção (checkbox) (Elivelto Ebermam) Caixa de seleção ou checkbox (no inglês) é um tipo de campo que pode ser inserido dentro de um formulário. Esse tipo de campo permite ao usuário marcá-lo ou não, como mostrado na imagem abaixo:   A tag responsável por inserir uma caixa de seleção é a <input>, porém, como essa tag é usada para vários tipos de campos, precisamos usar o atributo type. O trecho de código para inserir o campo em HTML é o seguinte: <input type=”checkbox”> O valor do atributo type nesse caso é “checkbox”, que significa caixa de seleção em inglês. Como esse campo faz parte de um formulário, ele deve estar contido dentro do mesmo (entre <form> e </form>). Veja o código completo: <html>      <head>          <title> Exemplo </title>      </head>   ...

HTML: Formulários - caixas de texto

Imagem
HTML: introdução a formulários e caixa de texto (Elivelto Ebermam) Formulários HTML são um dos principais pontos de interação entre um usuário e um web site ou aplicativo. Eles permitem que os usuários enviem dados para o web site. Na maior parte do tempo, os dados são enviados para o servidor da web, mas a página da web também pode interceptar para usá-los por conta própria [1]. A tag <form> é usada para iniciar um formulário. Ela é o recipiente do formulário, ou seja, toda vez que for criar um formulário em HTML, é necessário utilizar essa tag. A tag possui abertura e fechamento, veja: <form> </form> Entre meio a abertura e o fechamento da tag devem ser inseridos os campos do formulário, os quais possuem tags específicas para inseri-los.   Atributos da tag <form> A tag form possui alguns atributos: Atributo action Normalmente os dados dos campos de um formulário são enviados para outra página web, a qual proc...

HTML: Títulos

Imagem
HTML: Títulos (Elivelto Ebermam) Em html existem tags para inserir títulos. Os títulos são definidos por níveis, sendo o nível 1 o mais importante. Temos as seguintes tags de títulos em html: Tag Exemplo de uso Descrição <h1> <h1> Título </h1> Título de nível 1 <h2> <h2> Subtítulo </h2> Título de nível 2 <h3> <h3> Outro título </h3> Título de nível 3 <h4> <h4> Outro título </h4> Título de nível 4 <h5> <h5> Outro título </h5> Título de nível 5 <h6> <h6> Outro título </h6> Título de nível 6 Eles são usados da mesma forma que se usa os parágrafos: tem abertura da tag, o texto e fechamento da tag. Lembrando que, para uma página html, não basta escrever apenas o trecho dos título...