Arduino para Iniciantes

Cursos


Simulados


P&R

Arduino-36 Projetos

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.


Curso de HTML - Aula 2

O Que � HTML

 HTML � um acr�nimo que significa Hyper Text Markup Language, usado para criar p�ginas e aplicativos da Web. Vamos ver o que se entende por Hypertext Markup Language e p�gina da Web.

HyperText: Significa simplesmente "Texto dentro de Texto". Um texto tem um link dentro dele, � um hipertexto. Sempre que voc� clica em um link que o leva a uma nova p�gina da Web, voc� clica em um hipertexto. O HyperText � uma maneira de vincular duas ou mais p�ginas da Web (documentos HTML) entre si.

Linguagem de marca��o: Uma linguagem de marca��o � uma linguagem de computador usada para aplicar as conven��es de layout e formata��o a um documento de texto. A linguagem de marca��o torna o texto mais interativo e din�mico. Pode transformar texto em imagens, tabelas, links etc.

P�gina da Web: Uma p�gina da Web � um documento geralmente escrito em HTML e traduzido por um navegador da Web. Uma p�gina da Web pode ser identificada digitando uma URL. Uma p�gina da Web pode ser do tipo est�tico ou din�mico. Com a ajuda apenas do HTML, podemos criar p�ginas da Web est�ticas.

 Portanto, o HTML � uma linguagem de marca��o que � usada para criar p�ginas da Web atraentes com a ajuda do estilo e que fica em um bom formato em um navegador da Web. Um documento HTML � composto por muitas tags HTML e cada tag HTML cont�m conte�do diferente.

Vejamos agora um exemplo simples de HTML:

 Para executar esse c�digo, copie o conte�do com Ctrl+A e cole no Notepad++. Salve esse arquivo como: html-exemplo-2.1.html e execute no seu navegador.

A sa�da desse exemplo ser�:


Vejamos alguns coment�rios sobre o exemplo acima:

 1) "!DOCTYPE": define o tipo de documento ou instrui o navegador sobre a vers�o do HTML.

 2) "html": essa tag informa ao navegador que � um documento HTML. O texto entre a tag html descreve o documento da Web. � um cont�iner para todos os outros elementos do HTML, exceto "!DOCTYPE".

 3) "head": deve ser o primeiro elemento dentro do elemento "html", que cont�m os metadados (informa��es sobre o documento). Ele deve ser fechado antes que a tag do corpo seja aberta.

 4) "title": como o nome sugere, � usado para adicionar um t�tulo � p�gina HTML que aparece na parte superior da janela do navegador. Ele deve ser colocado dentro da tag "head" e deve fechar imediatamente. (Opcional).

 5) "body": o texto entre a tag body descreve o conte�do do corpo da p�gina que � vis�vel para o usu�rio final. Essa tag cont�m o conte�do principal do documento HTML.

 6) "h1": O texto entre a tag "h1" descreve o cabe�alho de primeiro n�vel da p�gina da web.

 7) "p": o texto entre a tag "p" descreve o par�grafo da p�gina da web.

Breve Hist�rico do HTML

 No final dos anos 80, um f�sico, Tim Berners-Lee, contratado pelo CERN, prop�s um sistema para pesquisadores do CERN. Em 1989, ele escreveu um memorando propondo um sistema de hipertexto baseado na Internet.

 Tim Berners-Lee � conhecido como o pai do HTML. A primeira descri��o dispon�vel do HTML foi um documento chamado "Tags HTML" proposto por Tim no final de 1991. A vers�o mais recente do HTML � a HTML5, que aprenderemos mais adiante neste Curso.

Vers�es do HTML

 Desde que o HTML foi inventado, existem muitas vers�es HTML no mercado. Vejamos quais s�o elas:

 1) HTML 1.0: a primeira vers�o do HTML foi 1.0, que era a vers�o b�sica da linguagem HTML, e foi lan�ada em1991.

 2) HTML 2.0: Esta foi a pr�xima vers�o lan�ada em 1995 e era a vers�o padr�o da linguagem para o design do site. O HTML 2.0 foi capaz de suportar recursos extras, como upload de arquivos com base em formul�rio, elementos de formul�rio como caixa de texto, bot�o de op��o etc.

 3) HTML 3.2: a vers�o HTML 3.2 foi publicada pelo W3C no in�cio de 1997. Esta vers�o foi capaz de criar tabelas e fornecer suporte para op��es extras para elementos de formul�rio. Ele tamb�m pode suportar uma p�gina da Web com equa��es matem�ticas complexas. Tornou-se um padr�o oficial para qualquer navegador at� janeiro de 1997. Hoje � praticamente suportado pela maioria dos navegadores.

 4) HTML 4.01: A vers�o HTML 4.01 foi lan�ada em dezembro de 1999 e � uma vers�o muito est�vel da linguagem HTML. Esta vers�o � o padr�o oficial atual e fornece suporte adicional para folhas de estilo (CSS) e capacidade de script para v�rios elementos de multim�dia.

 5) HTML5: HTML5 � a vers�o mais recente da linguagem HyperText Markup. O primeiro rascunho desta vers�o foi anunciado em janeiro de 2008. Existem duas grandes organiza��es, uma � o W3C (World Wide Web Consortium) e a outra � o WHATWG (Grupo de Trabalho de Tecnologia de Aplica��o de Hipertexto na Web), envolvido no desenvolvimento da vers�o HTML 5, e ainda est� em desenvolvimento.

Recursos do HTML

 1) � uma linguagem muito f�cil e simples. Pode ser facilmente entendida e modificada.

 2) � muito f�cil fazer uma apresenta��o eficaz com HTML, pois possui muitas tags de formata��o.

 3) � uma linguagem de marca��o, portanto, fornece uma maneira flex�vel de criar p�ginas da Web junto com o texto.

 4) Facilita os programadores a adicionar um link nas p�ginas da Web (por tag de �ncora html), aumentando o interesse da navega��o do usu�rio.

 5) � independente de plataforma, pois pode ser exibido em qualquer plataforma como Windows, Linux e Macintosh etc.

 6) Facilita o programador a adicionar gr�ficos, v�deos e sons �s p�ginas da Web, o que o torna mais atraente e interativo.

 7) HTML � uma linguagem que n�o diferencia mai�sculas de min�sculas, o que significa que podemos usar tags em letras min�sculas ou mai�sculas.

  IMPORTANTE: Recomenda-se escrever todas as tags em min�sculas para obter consist�ncia, legibilidade etc.

*****


Tutoriais


Programas



Projetos


O Catador de Lixo Arduino para Iniciantes Programando com Arduino-12 Projetos
Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL
P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL
Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python
Projetos

Android
App Inventor 2
Arduino

Copyright 2020 - Simulados & Tutoriais - Todos os Direitos Reservados.