O HTML é uma linguagem de marcação de hipertexto que tem como propósito estabelecer um espaço para conteúdos, seções, parágrafos, cabeçalhos e links. HTML não é uma linguagem de programação em sua essência, sozinho ele não pode adicionar uma funcionalidade dinâmica na sua aplicação, ele só possibilita organizar e formatar o documento além de fornecer um conteúdo estático. Os documentos HTML contêm a extensão .html que pode ser visualizado por qualquer navegador. O navegador lê o arquivo e renderiza na página. Logo abaixo estão as aulas de HTML.

HTML5

<h2>Aula com multiplos headings</h2><p>Seja bem Vindo aos desafios de código do Aprendendo a codar. Este site foi feito com o propósito de instigar o aprendizado em linguagens de programação, nestas aulas de html o código digitado à esquerda será renderizado automáticamente na página, uma tecnologia que facilita no desenvolvimento de software e torna o aprendizado mais fluído.  Nesta aula sobre níveis de títulos de <a href="https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/Heading_Elements" target="_blank">seção</a>, ou headings. O html é estruturado em tags( que são os sinais de < e > ), estes sinais(tags) determinam um determinado elemento do seu site. Neste desafio você deve escrever 2 elementos, Um h1 escrito Ola mundo e outro h2 escrito Ola mundo novamente.(Sem acento e sem espaços dentre as tags). De acordo com o exemplo abaixo.</p> <pre>&lth1&gtOla mundo&lt/h1&gt</pre>

Elemento H1, H2

<h2>Paragraph</h2><p>O elemento p é um elemento html que corresponde à um paragráfo. A cada paragráfo criado é necessário colocar uma tag nova </p>
<p>Nesta aula você precisa escrever uma tag do tipo P Que contenha algum conteúdo De acordo com o exemplo abaixo.</p> <pre>&ltp&gtBatata Frita&lt/p&gt</pre></p>

Elemento P

<h2>Adicionando título a sua página</h2><p>Faça como o código de exemplo abaixo.<br> Obs: Seu código necessita de um título h1 e um paragráfo como o exemplo abaixo. </p>

<pre>&lth1&gtComidas&lt/h1&gt</pre>

Adicionando Título

<h2>Comentando html</h2>
<p>Comentários em html são utilizados para que
algumas linhas de código não sejam utilizadas 
no programa ou para exibir mensagens para outros 
programadores, e é muito importante utilizar esta ferramenta
por que ela deixa o código mais legível, acessível e fácil para a refatoração.<br>

O comentário em html é feito da seguinte maneira,
é necessário colocar este sinal no começo , da 
seguinte maneira
</p>
<pre><xmp></xmp></pre>
<p>OBS: o código dentro de comentários não aparecerá do lado direito</p>

Comentando Html

<h2>Mudando as cores de um elemento</h2><p>CSS é uma linguaguem responsável pela
estilização do html. Uma das maneiras de
se estilizar um elemento html é adicionando
a propriedade style seguida de uma propriedade
css(existem múltiplas), mas para o nosso caso
é um texto então utilizaremos color. Portanto
se quisermos colocar um texto azul em nosso 
elemento de heading 2, fariamos desta maneira
</p>
<pre><xmp><h2 style="color:blue;">Comidas</h2></xmp></pre><p></p>

Aprenda a programar sites profissionais

Ensino gratuito e de qualidade.

Sobre este site

Somos um e-learning

Um sistema e-learning é um sistema fundamentado no aprendizado tradicional porém é feito através do viés tecnológico.

Nosso Aprendizado

Criação de sites

Desenvolva Sites Profissionais

Programação dinâmica

O código é renderizado à medida que o usuário vai digitando.

Cursos

Escolha um curso abaixo

Logo

Curso

Nº de aulas

HTML5

4

CSS

1

Sobre mim

Júlio Moraes

Fullstack Developer

Desenvolvedor de interfaces e funcionalidades em web

Habilidades