Download - Introdução à html
![Page 2: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/2.jpg)
Sobre mim
Luís Otávio Cobucci Oblonczyk• Desenvolvedor PHP• Orientador SENAC-TI
http://twitter.com/lcobucci
![Page 3: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/3.jpg)
Sobre este trabalho
• Esta apresentação foi criada sob as licenças Creative Commons
• Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
![Page 4: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/4.jpg)
O que é HTML?
• HTML = Hypertext Markup Language• Linguagem de marcação de Hipertexto• Linguagem padrão para definir a
estrutura das páginas WEB
![Page 5: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/5.jpg)
O que é Hipertexto?hipertexto (hiper- + texto)s. m.Inform. Sequência de texto que permite a remissão para outra localização (documento, ficheiro, página da Internet, etc.).
Fonte: Priberam http://www.priberam.pt/dlpo
Hipertexto é o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links.
Fonte: Wikipedia http://pt.wikipedia.org/wiki/Hipertexto
![Page 6: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/6.jpg)
Sintaxe
• A linguagem HTML é formada por tags• Tags representam elementos da página
web• As tags são escritas utilizando os
caracteres < e >. Exemplo: <elemento>
![Page 7: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/7.jpg)
Sintaxe
• A maioria dos elementos devem apresentar tags de fechamento.
• As tags de fechamento possuem o caracter / depois do caracter <. Exemplo: </elemento>
• Portando um elemento é representado da seguinte forma: <elemento></elemento>
![Page 8: Introdução à html](https://reader036.vdocuments.com.br/reader036/viewer/2022082513/5579a320d8b42ac1148b4913/html5/thumbnails/8.jpg)
Sintaxe
• As tags podem possuir atributos e conteúdo
• Os atributos devem ser especificados no formato nome=“valor”. Exemplo: <h1 id=“titulo”>
• O conteúdo da tag fica entre as tags de abertura e fechamento. Exemplo: <h1>Hello World</h1>