Tutorial HTML

HTML HOME Introdução HTML Editores de HTML HTML básico Elementos HTML Atributos HTML Títulos HTML Parágrafos HTML Estilos HTML Formatação HTML Cotações HTML Comentários HTML Cores HTML HTML CSS Links HTML Imagens HTML HTML Favicon Tabelas HTML Listas HTML Bloco HTML e Inline Classes HTML Código HTML Iframes HTML JavaScript HTML Caminhos de arquivo HTML Cabeçalho HTML Esquema HTML HTML Responsivo Código de computador HTML Semântica HTML Guia de estilo HTML Entidades HTML Símbolos HTML Emojis HTML Conjunto de caracteres HTML Codificação de URL HTML HTML vs. XHTML

Formulários HTML

Formulários HTML Atributos de formulário HTML Elementos de formulário HTML Tipos de entrada HTML Atributos de entrada HTML Atributos do formulário de entrada HTML

Gráficos HTML

Tela HTML HTML SVG

Mídia HTML

Mídia HTML Vídeo HTML Áudio HTML Plug-ins HTML HTML YouTube

APIs HTML

Geolocalização HTML Arrastar/Soltar HTML Armazenamento Web HTML Trabalhadores da Web HTML HTML SSE

Exemplos HTML

Exemplos HTML Questionário HTML Exercícios HTML Certificado HTML Resumo HTML Acessibilidade HTML

Referências HTML

Lista de tags HTML Atributos HTML Atributos Globais HTML Suporte ao navegador HTML Eventos HTML Cores HTML Tela HTML Áudio/vídeo HTML Tipos de documento HTML Conjuntos de caracteres HTML Codificação de URL HTML Códigos HTML Lang Mensagens HTTP Métodos HTTP PX to EM Converter Atalhos do teclado

Elementos de código de computador HTML


O HTML contém vários elementos para definir a entrada do usuário e o código do computador.


Exemplo

<code>
x = 5;
y = 6;
z = x + y;
</code>

HTML <kbd> para entrada de teclado

O elemento HTML <kbd>é usado para definir a entrada do teclado. O conteúdo interno é exibido na fonte monoespaçada padrão do navegador.

Exemplo

Defina algum texto como entrada de teclado em um documento:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Resultado:

Save the document by pressing Ctrl + S

HTML <samp> para saída do programa

O elemento HTML <samp>é usado para definir a saída de amostra de um programa de computador. O conteúdo interno é exibido na fonte monoespaçada padrão do navegador.

Exemplo

Defina algum texto como saída de amostra de um programa de computador em um documento:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Resultado:

Message from my computer:

File not found.
Press F1 to continue



HTML <code> para código de computador

O elemento HTML <code>é usado para definir um pedaço de código de computador. O conteúdo interno é exibido na fonte monoespaçada padrão do navegador.

Exemplo

Defina algum texto como código de computador em um documento:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Resultado:

x = 5; y = 6; z = x + y;

Observe que o <code>elemento não preserva espaços em branco extras e quebras de linha.

Para corrigir isso, você pode colocar o <code>elemento dentro de um <pre>elemento:

Exemplo

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Resultado:

x = 5;
y = 6;
z = x + y;

HTML <var> para variáveis

O elemento HTML <var>é usado para definir uma variável na programação ou em uma expressão matemática. O conteúdo interno geralmente é exibido em itálico.

Exemplo

Defina algum texto como variáveis ​​em um documento:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Resultado:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Resumo do capítulo

  • O <kbd>elemento define a entrada do teclado
  • O <samp>elemento define a saída de amostra de um programa de computador
  • O <code>elemento define um pedaço de código de computador
  • O <var>elemento define uma variável na programação ou em uma expressão matemática
  • O <pre>elemento define o texto pré-formatado

Exercícios HTML

Teste-se com exercícios

Exercício:

Defina o texto "var pessoa;" como código de programação.

<p>Exemplo de código:era pessoa;</p>


Elementos de código de computador HTML

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

Para obter uma lista completa de todas as tags HTML disponíveis, visite nossa Referência de tags HTML .