Apresentação do 3º encontro
Click here to load reader
Transcript of Apresentação do 3º encontro
IV Encontro
PHP em desenvolvimento
Alan kardec Vilarinho Machado
HTML é uma linguagem de marcação. As palavras que são utilizadas para a marcação no HMTL são chamadas de TAGS. As tags indicam as diversas partes de página e produzem diferentes efeitos no navegador.
Os arquivos em HTML geralmente têm a extensão .html, podendo ter outras extensões de acordo linguagem de programação utilizada.
� Sintaxe genérica das tags:
<nome da tag>texto</nome da tag>
� Partes básicas de um programa em HTML
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
<HTML></HTML> Está tag marca o início do programa HTML<HEAD></HEAD>
Está tag marca o início e fim de cabeçalho<TITLE></TITLE>
Está tag delimita o texto que irá ser visualizado na barra de título do browser<BODY></BODY>
Está tag delimita o corpo do programa, aonde maior para do comando serão colocados
� TÍTULO � É o texto que aparece na barra do browser.
� IMAGEM � Figuras, desenhos e fotos usados para ilustrar a página.
� TEXTO � Informação que será parte do conteúdo da página, com as devidas marcações.
� LINK � Trecho de texto que ficar em destaque, geralmente sublinhado e/ou com outra cor. É um direcionamento para outra página e/ou outro lugar no site
� CABEÇALHO � São linhas da páginas com tamanhos diferentes
As principais elementos de uma página HTML
Título� Sintaxe do título
<Title></Title>
� Está tag é utilizada dentro da tag <HEAD></HEAD>
� Considerações:
� Só pode haver um título
� Texto simples e não poderá ter outra tag
� O texto do título deve ser curto e descreve o conteúdo do site
Cabeçalho
� Sintaxe
<h1>texto</h1>� Variação
<h1></h1> <h4></h4>
<h2></h2> <h5></h5>
<h3></h3> <h6></h6>
Parágrafos e Quebra de linha
� Sintaxe
<p>texto</p>
� Sintaxe
<p></p>
Tags de formatação� STRONG � Similar ao negrito (strong)
� TYPERWRITER � Deixar o texto com espaçamento regular (tt)
� BIG � Aumentar a fonte a aplica negrito (big)
� SMALL � Reduz e alterar a fonte (small)
� SOBRESCRITO � Eleva o texto e diminui seu corpo (sup)
� SUBESESCRITO � Rebaixa o texto e diminui seu corpo (sub)
� BLINK � Faz com que o texto (blink)
Estlo lógico� EM � Os caracteres deverão ser enfatizados de
alguma forma� CODE � Indica um código de exemplo a ser
exposto� SAMP � Indica texto de exemplo
Texto pré-formatado� PRE � Estabelecer uma formatação através
um editor de texto e que está formatação permaneça na sua página html.
� BLOCKQUOTE � Utilizada na criação de citações longas
� CITE � citações curtas� ADDRESS � Utilizada para identificar autorias
de sua página