Introdução ao Web Design
Prof° Ms. Claudio Benossi
Aula 03
Design Gráfico
Formatação em HTML
• Vamos Formatar o nosso Site;
Formatação em HTML
• Continuando com o mesmo arquivo...
Formatação em HTML
• Vamos Inserir título <h1> e <h2>
Formatação em HTML
• Resultado
Formatação em HTML
• Espaço entre as palavras
Formatação em HTML
• Resultado
Formatação em HTML
• &nbsp;
Formatação em HTML
• Resultado
Formatação em HTML
• Vários &nbsp; &nbsp; &nbsp; &nbsp;
Formatação em HTML
• O resultado
Formatação em HTML
• Quebra de Linha <br/>
Formatação em HTML
• Resultado
Formatação em HTML
• Parágrafo <p>
Formatação em HTML
• O Resultado
Formatação em HTML
• Usar o <br/> para novo Parágrafo
Formatação em HTML
• Resultado
Formatação em HTML
• &shy; - Separação – Hífen
Formatação em HTML
• Resultado
Formatação em HTML
• <wbr/> - Separação – sem Hífen
Formatação em HTML
• Resultado
Formatação em HTML
• Alinhamento do Parágrafo
Formatação em HTML
• Alinhamento do Parágrafo
<p align=“center”>
<p align=“justify”>
<p align=“left”>
<p align=“right”>
Formatação em HTML
• O Resultado
Formatação em HTML
• Alinhando os parágrafos
Formatação em HTML
• Resultado
Formatação em HTML
• Símbolos
Formatação em HTML
• Símbolo de Copyright
Formatação em HTML
• O Resultado
Formatação em HTML
• Símbolos Especiais - Tags
Formatação em HTML
• Resultado
Formatação em HTML
• &lt; &lg; &le; &ge;
Formatação em HTML
• Resultado
Formatação em HTML
• Símbolos Monetários
Formatação em HTML
• Resultado
Formatação em HTML
• Símbolos Ilustrativos
Formatação em HTML
• Resultado
Formatação em HTML
• Símbolos Matemáticos
Formatação em HTML
• Resultado
Design Digital
• Dúvidas?
Download

Formatação em HTML O Resultado Formatação em HTML