HTML HyperText Markup Language
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
HTMLHyperText Markup Language
O que veremos
O que é o HTML?Para que serve o HTML?História do HTMLComeçando…(mãos na massa)
O que é o HTML?
HTML é...1. um arquivo que pode ser
interpretado por navegadores.
2. uma linguagem de marcação, Linguagem de Marcação de Hipertexto
3. a linguagem base da internet.
4. para ser de fácil entendimento por seres humanos e também por máquinas.
A principal característica do HTML é de ser uma linguagem de hipertexto, isto é, as páginas podem ser ligadas uma a outra. Ou seja, você lê sobre algo, lá já há links contendo informações que podem aprofundar o mesmo tema, ou simplesmente, uma sequência de páginas.
Para que serve o HTML?
Para...
1. desenvolver websites.
2. Criarmos contéudo de pesquisas, bem como wikis, blogs, portais, etc...
O fato dela ser interpretada significa que o programa, o browser, vai lendo suas tags e "traduzindo" para a formatação, ou seja, assim criar parágrafos, cabeçalhos, títulos, formulários, enfim, tudo o que vemos em uma página de internet.
História do HTML?
Timothy John Berners-Lee é o criador da World Wide Web (Rede Mundial de Computadores - Internet)…
Enquanto ele atuava no CERN (Organização Europeia para a Pesquisa Nuclear), de Junho a dezembro de 1980, Berners-Lee propôs um projeto baseado no conceito de hipertexto para facilitar a partilha e atualização de informações entre os pesquisadores, tendo feito a primeira proposta para sua criação a 25 de março de 1989.
Tim Bernes Lee
World Wide Web
A World Wide Web também conhecida como Web ou WWW, é um sistema de documentos em hipermídia que são interligados e executados na Internet.Os documentos podem estar na forma de vídeos, sons, hipertextos e figuras. Para consultar a informação, pode-se usar um programa de computador chamado navegador para descarregar informações (chamadas "documentos" ou "páginas") de servidores web (ou "sítios") e mostrá-los na tela do usuário. O usuário (utilizador) pode então seguir as hiperligações na página para outros documentos ou mesmo enviar informações de volta para o servidor para interagir com ele. O ato de seguir hiperligações é, comumente, chamado "navegar" ou "surfar" na Web.
O primeiro site foi construído no CERN e foi posto on line em 6 de Agosto de 1991.
A primeira imagem só foi colocada on line um ano depois, em 1992. A Internet mudou o mundo: computadores, tablets e smartphones invadiram o dia-a-dia e são encarados como algo natural por todos aqueles que já nasceram na Era Digital.
A revolução chamada World Wide Web
Mais um pouco de história...
Links com informações e infográficos
● Tim Berners-Lee: o passado e o futuro da Internet
● Conheça o primeiro website da história da Internet
● A evolução da Web
Começando…(mãos na massa)
A estrutura basica de uma página HTML é
<!DOCTYPE html><html>
<head><title>COLOQUE AQUI O TÍTULO DA PÁGINA</title>
</head><body>
DAQUI EM DIANTE Você DESENVOLVE SUA PÁGINA.</body>
</html>
Estrutura inicial HTML
Observe que a construção de páginas exige o uso de marcadores chamados de “TAGS”. Vejamos o conceito das tags usadas no exemplo anterior.
Tags
TAG O QUE FAZ
<html> Marca o início e o fim do documento HTML. Com ele você inicia e finaliza a construção da página Web.
<head> Marca o início e o fim do cabeçalho, ou seja, a área onde serão descritos cabeçalhos e o título da página.
<title> Marca o início e o fim do título do cabeçalho. O título da página aparecerá na barra superior do browser/ navegador.
<body> Marca o início e o fim do corpo da página.
Observação importante: toda tag aberta deve ser fechada em algum ponto. Para isso se usa a barra “/” dentro de uma tag semelhante a de abertura. Por exemplo, a tag <table> deve ser fechada com a tag </table>. Existem ainda as tags que são abertas e fechadas em um único marcador, por exemplo, a tag <br/> que representa uma quebra de linha, não precisa de outra de fechamento, pois ela fecha a si própria com a barra posta no final.
Conclusão
Segue links para praticar e aprender mais sobre html:
- http://www.comofazerumsite.com/criarsite/tutorial_html.html- http://www.clem.ufba.br/tuts/html/default.htm- http://www.linhadecodigo.com.br/artigo/81/html-basico.aspx
Related Documents
![[HTML] Codigos HTML Para Webs](https://static.cupdf.com/doc/110x72/577c7fb91a28abe054a5c82c/html-codigos-html-para-webs.jpg)
