HTML Prof Esp Andrew Rodrigues http andrewtec wordpress
- Slides: 15
HTML Prof. Esp. Andrew Rodrigues http: //andrewtec. wordpress. com 1
Linguagem de Marcação HTML Conceito �HTML é uma linguagem de marcação, utilizada para desenvolver páginas para web, trabalha com diferentes objetos (elementos) dentre muitas outras coisas. 2 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Quais são as utilidades do HTML? � As utilidades da linguagem são muitas, dentre elas: criar páginas, inserir imagens, vídeos, elementos de diversos tipos, personalizar textos (mudar tamanho, cor e estilo de fontes), interagir com outras linguagens (como PHP, CSS e Java. Script, por exemplo), etc. 3 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Você vai precisar de: �Um editor de códigos/textos (Kate, Notepad++, bloco de notas, por exemplo). �Um navegador (Google Chrome, Mozilla Firefox, por exemplo). 4
Sintaxe Básica do HTML <html> <head> <title> Olá mundo!! </title> </head> <body> </html> 5 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Fundamentos 6 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Observações �As tags, os atributos e valores podem ser escritos tanto em maiúsculo como em minúsculo, e até misturado. Desta forma, <HTML> <html> ou <Htm. L> representam a mesma etiqueta. Por convenção, neste curso, as etiquetas serão escritas sempre em maiúsculo e em vermelho; os atributos, em minúsculo e em verde; os valores, em minúsculo e em azul - conforme ilustra o fragmento de código a seguir: �<P align="right">(Fernando Pessoa)</P> 7 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Formatação <p></p> Define a área de um parágrafo <p align=? > Alinhamento de um parágrafo. Insere uma quebra de linha. 8 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Grafismo <img src=“FICHEIRO”> INSERE UMA IMAGEM <img src=“FICHEIRO” align=“”> ALINHA UMA IMAGEM EM RELAÇÃO AO RESTO DO TEXTO. <img src=“FICHEIRO” border=“? ”> DEFINE A BORDA DA IMAGEM. 9 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Grafismo <img src=“FICHEIRO” align=“? ” width=“ 100 px”> largura da célula ou imagem <img src=“FICHEIRO” align=“? ” heigth=“ 100 px”> altura da célula ou imagem 10 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Links <a href="URL"></a> Cria uma hiperligação. <a href="mailto: EMAIL"></a> Cria uma link para o envio de correio. 11 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Tabelas <table></table> Cria uma tabela. <tr></tr> Linha de uma tabela <td></td> Célula individual numa linha. 12 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Atributos das Tabelas <table border=#> Borda à volta de cada célula. <table cellspacing=#> Espaço entre as células. 13 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Texto <b> </b> Negrito <i></i> Itálico <font color=? ></font> Cor das letras. 14 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com
Texto <font size=? ></font> Tamanho das letras <tt></tt> Texto estilo máquina de escrever, monoespaçamento. 15 Prof. Esp. Andrew Rodrigues – http: //andrewtec. wordpress. com