CURSO DE HTML5

Professor Paulo Andrade, Ph.D.

HTML: textos e formatações de textos

CSS: Interface, cores, formas

JavaScript: animações, caixas de textos, scrolls, vídeos, etc.

Tectonologias de frot end: Tecnologias que rodam no seu computador (HTML, CSS, JavaScript, etc). Sites
que utilizam essas tecnologias simples, passam informações, tem algum tipo de interação, mas não
salvam seu comportamento. Ex: Sites estáticos (blogs). Rodam no próprio computador, não dependem
de bancos de dados.

Tecnologia de back end: Rodam no servidor (tecnologias de banco de dados, linguagem de

programação, etc) sites que salvam senha, longin, produtos que você se interessou, etc. Ex: Site da
amazon. Por lidarem no servidor, há a vantagem de serem mais rápidos, em sites muito grandes e
pesados. São sites dinâmicos, ao contrário dos estáticos, o que se faz no site gera comandos para o
servidor, dependendo de um banco de dados.

DEFINIÇÃO DE HTML: HTML é uma linguagem de definição de dados, não é uma linguagem de
formatação de conteúdo. Nele, define-se quais partes do texto são importantes, o que é um título ou
uma palavra de destaque, define-se a estrutura da formatação de um documento. Não tem lógica de
programação, é apenas uma linguagem de marcação.

DEFINIÇÃO DE CSS: É uma linguagem de estilos de aplicação, não é uma linguagem de marcação, pois
não define regras pra textos. É uma linguagem de aplicação de estilos a tags.

Sintaxe Básica do HTML

Para treinar a criação de tags HTML, basta abrir o bloco de notas, criar um texto, editá-lo com os
comandos HTML de edição de texto e "salvar como" -> nomedodocumento.htm ou
nomedodocumento.html. Esse arquivo, ao ser executado, abrirá no navegador.

Ex.1: Parágrafo

<p> Parágrafo</p>

Subtítulo

Ex.2: Título

<h1> Título</h1>

Subtítulo
Nas edições existem as tags e os atributos das tags:

Ex.1.: Para um título centralizado:

<h1 style="text-align:center;">Título</h1>

Onde style="text-align:center;"> é um atributo da tag.

Tags de enfatizar:

Deixam o conteúdo enfático em itálico e comunica ao google que aquela palavra é importante:

Ex: <p1> Laíse Manuelle Tenório de <em>Vasconcelos</em></p>

Em inglês isso é chamado de nest ou aninhar.