Aula02 TAGS Estrutura de uma página html Como salvar página web

Slides:



Advertisements
Apresentações semelhantes
Tutorial Joomla! Gerenciando Artigos Inclusão ou Edição de Artigos
Advertisements

Atividade 5 Objetivos: Conhecer as regras CSS “width”, “margin-left:auto” e “margin-left:right” e verificar que elas não funcionam no IE a menos que coloquemos.
Faculdades Integradas Santa Cruz
Hipermídia Aula 3.
HTML - HiperText Markup Language Tecnologia para Web
WINDOWS Sistemas Operacionais PLATAFORMA TECNOLÓGICOS
A17 – Primeiros passos na utilização das TIC
Prof. Rudson apostilas.wikidot.com/hipermidia
HTML – Hyper Text Markup Language
1º) Clique no menu em: INICIAR 2 º)A seguir clique em TODOS OS PROGRAMAS e depois em: MOVIE MAKER.
Programas Utilitários Básicos
Como criar um website utilizando programas da Macromedia
Encontro Linguagem HTML; 13. Hospedagem na WWW.
Curso de Jornalismo e Ciências da Comunicação
Construção Web Design Aula 02 – HTML e CSS.
HTML O que é? HiperText Markup Language
A Linguagem HTML.
Fundamentos da Informática
HTML Técnicas em Programação para Internet
Aulas ministradas por:
ABRA A JANELA DO MEU COMPUTADOR
HTML Construindo páginas.
Avaliação Microsoft Word
Arte e Tecnologia Coreografia no Sec. XXI
1ª Aula de Html Íria Albuquerque.
LOGIN Para acessar o sistema, digite em seu browser:
Estrutura HTML – Parte I
Cascading Style Sheets Folhas de Estilo em Cascata
ASP (Active Server Pages)
1. Aprenda o básico sobre o Google
TEC. DESENVOLVIMENTO WEB Prof.: Jean Carlo Mendes
1. Digite o que você cadastrou no Blogger 2. Digite a senha 3. Desmarque a caixa: Continuar conectado 4. Clique em LOGIN.
NORMAS PARA A REDAÇÃO DE TEXTOS CIENTÍFICOS
HTML 1ª aula.
HTML: trabalhando com Fontes
C URSO DE HTML 40 horas Instrutor: Antonio Itamar Júnior.
Escola de Engenharia de Piracicaba Sistemas de Apoio a Decisão
 A tag define o elemento da raiz do documento.  É aquele que tem toda a informação da página.  Diz ao browser para iniciar um novo documento (página.
WIC’ 2015-I WorkShop para o Ingressante em Ciência da Computação Curso de Desenvolvimento para WEB – HTML5.
Clicando com o mouse, você verá o passo a passo
Procedimentos Gerais Centro Novas Oportunidades de Beiriz
Profª. Elizangela M. F. da Silva Responsável: Carlos Alberto da Silva.
TECNOLOGIA WEB XHTML Aula 5 Profa. Rosemary Melo.
7 - Criação de Páginas Web
Autoria WEB Prof. Thiago Nogueira Tolentino Barbosa
IMAGENS As imagens devem ser escaneadas (digitalizadas) com resolução de 300 DPI. Abaixo disso são reproduzidas com baixa qualidade. Acima disso o jornal.
CONFIGURANDO O FORMATO GERAL DO SEU JORNAL ESCOLAR
Tutorial Wikispaces Edição de páginas Modificado por Ricardo Pimentel a partir de um original de Jennifer TIC – Ano lectivo 2008/2009.
O BrOffice.org Impress é um software livre que permite a manipulação total sobre apresentações gráficas. O Impress permite a criação, apresentação e colaboração.
1 Sistemas Multimídia Fundamentos Básicos - HTML Prof. Hemir Santiago Prof. Hemir Santiago.
6ª Feira de Oportunidades Desenvolvimento de páginas com HTML Prof. Marcelo da Silveira Siedler SERVIÇO NACIONAL DE APRENDIZAGEM COMERCIAL.
Resumo das Dicas Domínio de conteúdo + Simplicidade =
Acesse o site da escola e veja o link com as regras e dicas completa.
Karine Alessandra Córdova
HTML Estrutura e Sintaxe.
HTML - HyperText Markup Language Professora: Fabrícia F. de Souza.
HTML Prof. Geyson Silva.
CURSO DE HTML 40 horas. COMPONENTES BÁSICO DA ESTRUTURA - marca do início do documento HTML - início do cabeçalho - título da página - corpo do documento.
Guia para cadastro e utilização da GRADE Londrisoft Informática.
Como usar HTML em seus anúncios no MercadoLivre
LINGUAGEM DE PROGRAMAÇÃO HTML COMPONENTES: ROBSON EDMILSON.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas
Prof. Wolley Profa. Érika
Profº Cláudio Barbosa HTML – Formatação básica  Quebras de linha Primeira linha Segunda linha A segunda linha ficará logo.
1 Prof. Esp. Andrew Rodrigues HTML.
1 HTML Prof. Esp. Andrew Rodrigues Aula 02. II - Linguagem de Marcação HTML 2 Sintaxe Básica do HTML Olá mundo!!
Criando uma conta Tumblr. Cadastre um no site do Tumblr
Programação p/ INTERNET - HTML Prof. João Ricardo Andrêo 30/5/ :10 1 Listas Numeradas As listas numeradas funcionam da mesma forma que as listas.
WebSites Dinâmicos Professor: Márcio Ferreira da Silva.
Noções básicas de editores de texto Profª Juliana Schivani MÍDIAS EDUCACIONAIS.
Transcrição da apresentação:

Aula02 TAGS Estrutura de uma página html Como salvar página web Cabeçalho <h> Parágrafos <P> Quebra de linha <br> Melhorando apararência dos Textos Linha de Separação <hr> Cor de Fundo da página

Com maiúscula ou minúscula TAGS Tags são estruturas fundamentais do html, sem elas não seria possível a interpretação do browser. As tags são identificadas pelo sinal de “< > e “</ >” Sempre que abrir uma tag exemplo, <h1>texto</h1> deve –se Fecha - lá, senão não haverá funcionalidade. Código HTML Dica : não se preocupe Com maiúscula ou minúscula no código html

Estrutura de uma página HTML Existe uma regra inicial para obter a estrutura HTML: O cabeçalho sempre, eu disse SEMPRE será Igual Como no modelo a seguir:

Como Salvar página web Escolha seu Computador! Crie sua pasta! Para salvar a página é bem simples mesmo! Esse é o caminho Iniciar Todos os Programas Acessórios Bloco de Notas

Como Salvar página web Escolha seu Computador! Crie sua pasta! Para salvar a página é bem simples mesmo! Arquivo Salvar Como Escolhe o Local Coloca Index.html Como nome do arquivo Salvar

Cabeçalho <h> A tag <h> serve para alterar o tamanho da letra do site. Dentro do corpo do site coloque: <h1> Tamanho1</h1> <h2> Tamanho1</h2> <h3> Tamanho1</h3> <h4> Tamanho1</h4> <h5> Tamanho1</h5> <h6> Tamanho1</h6>

paragráfo <p> A tag <p> serve para criar parágrafo no texto. Dentro do corpo do site coloque: <h3>textotextotextotexto Textotexto</h3> Se vc inserir <p> depois que Descer a linha vai dar certo o Parágrafo EX: <h3>textotextotextotexto<p> Textotexto</h3>

Quebra de linha <br> A quebra de linha <br> serve para pular uma linha, Assim como apertamos enter para saltar uma linha o <br> Serve para pular uma linha. <br> <br> <br> <br> <br> <br> <br> <br>

Melhorando a aparência dos textos Assim como o <p> serve para parágrafo O <br> para pular linha temos também o <b>Negrito</b> <i> itálico </i> <u> sublinhado</u> Dica :jamais coloque um texto sublinhado no seu site, as pessoas podem pensar que possa ser um link!

Linha de separação <hr> A Tag <hr> cria uma linha de separação, pode ser usada para texto imagens, etc. Tá Ligado apareceu Uma linha cinza mano, Essa linha é graças A tag <hr>. curti o som!

Formatando fonte <font> A tag <font> serve para vc escolher a cor da fonte assim como seu tamanho Ates do texto coloque a tag como no exemplo a seguir: <font size=16 color=red> texto 16 e vermelho</font>

Formatando fonte <font> Lista de cores:

Cor de fundo da página Para inserir uma cor de fundo basta inserir na tag <body> a cor desejada Veja no exemplo:

Escolha o Nome do Seu Site!!! Dever de Casa Escolha o Nome do Seu Site!!!