Considerações iniciais sobre HTML Algumas TAGs em HTML
A Linguagem de Programação São códigos utilizados para o desenvolvimento dos programas de computador Diversos aparelhos utilizam softwares que por sua vez foram desenvolvidos em linguagens de programação
A Linguagem de Programação Cada linguagem serve para uma determinada demanda de aplicativo COMPILADOR
Hyper Text Markup Language Falando do HTML Hyper Text Markup Language Algumas páginas de internet ainda são escritas em HTML Todo comando deve ser escrito em TAGs Tanto faz maiúsculas ou minúsculas Não podem ter espaços nas TAGs Toda TAG deve estar entre < >
Falando do HTML INÍCIO TAG COMANDO FINAL TAG <HTML> Comandos Toda TAG deve ter a seguinte estrutura: INÍCIO TAG COMANDO FINAL TAG O fechamento das TAGs deve ser feito com uma / <HTML> Comandos </HTML>
Falando do HTML Exemplos de algumas TAGs <HTML> Início do documento <HEAD> Início do cabeçalho do documento <TITLE> Título do documento <BODY> Corpo do documento <P> Muda de linha e abre parágrafo <BR> Muda de linha <H1> Tamanho da fonte 1 – Maior 7 - Menor Não requer fechamento
Outras Tags <B> Texto em negrito <I> Texto em Itálico <U> Sublinhado <SUP> Texto sobrescrito <SUB> Texto subscrito <TT> Texto mono-espaço
Falando do HTML Um exemplo de código: <HTML> <HEAD> <TITLE>Página do Zé</TITLE> </HEAD> <BODY> <H1>Essa é página do Tio Zé</H1> Nesta página você irá encontrar informações sobre o Tio Zé<BR>Ainda poderá ver aqui as minhas fotos!<P> <H5>Fique a vontade!</H5> </BODY> </HTML>
<font style=“color:FF4500”> Falando do HTML - CORES Para dar cor a um determinado texto, ou até mesmo ao fundo da página, devemos utilizar a tabela Hexadecimal de cores Para atribuirmos cor ao texto, usamos o comando STYLE em uma TAG de texto aberta Caso não tenha nenhuma TAG de texto aberta, abrir a TAG FONT <font style=“color:FF4500”>
Falando do HTML - CORES <HTML> <HEAD> <TITLE>Página do Zé</TITLE> </HEAD> <BODY> <H1 style=“color:FF4500”>Essa é página do Tio Zé</H1> Nesta página você irá encontrar informações sobre o Tio Zé<BR>Ainda poderá ver aqui as minhas fotos!<P> <H5>Fique a vontade!</H5> </BODY> </HTML>
Falando do HTML – O FUNDO DA PÁGINA Tabela Hexadecimal de Cores
Falando do HTML – O FUNDO DA PÁGINA Um exemplo de código, com cor de fundo <HTML> <HEAD> <TITLE>Página do Zé</TITLE> </HEAD> <BODY bgcolor=“FFCECB”> <H1>Essa é página do Tio Zé</H1> Nesta página você irá encontrar informações sobre o Tio Zé<BR>Ainda poderá ver aqui as minhas fotos!<P> <H5>Fique a vontade!</H5> </BODY> </HTML>
Falando do HTML – O FUNDO DA PÁGINA Um exemplo de código, com imagem <HTML> <HEAD> <TITLE>Página do Zé</TITLE> </HEAD> <BODY background=“fundo.jpg”> <H1>Essa é página do Tio Zé</H1> Nesta página você irá encontrar informações sobre o Tio Zé<BR>Ainda poderá ver aqui as minhas fotos!<P> <H5>Fique a vontade!</H5> </BODY> </HTML>
Tag para Imagem Imagem na mesma pasta da página <img src= "imagem.jpg" height= "200" width= "260 " >
Tag para Hiperlynk Ligações para outros sites de internet <a href="http://www.html.net/">Aqui um link para HTML.net</a> Ligações entre as páginas do Site <a href="page2.htm">Aqui um link para a próxima página</a> Ligações para o envio de e-mail <a href="mailto:andy.mrcoke@gmail.com">Mandar um e-mail para o professor lindão</a>