HTML Resumos
Artigos Científicos: HTML Resumos. Pesquise 860.000+ trabalhos acadêmicosPor: trabalhosfacul02 • 27/10/2014 • 916 Palavras (4 Páginas) • 328 Visualizações
Todo documento HTML possui etiquetas (do inglês: tags), palavras entre parênteses angulares (chevron) (< e >); essas etiquetas são os comandos de formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam os resultados padrões dos elementos e os valores caracterizam essa mudança. Exemplo de um elemento simples (não possui filhos):
<hr />
Exemplo de um elemento composto (possui filhos):
<a href="http://pt.wikipedia.org/">Wikipédia</a>
• <a> é a etiqueta de abertura
• </a> é a etiqueta de fechamento
• href é o atributo onde é definido a url, que será acessada ao clicar no link.
Outro exemplo de elemento composto (possui filhos):
<p><a href="http://pt.wikipedia.org" target="_self">Wikipédia</a></p>
• p = etiqueta que define um parágrafo.
• a = etiqueta que define uma hiperligação.
• href = atributo que define a url da hiperligação.
• target = atributo que define a forma como a hiperligação será aberta.
• _self = valor do atributo Target que define que a hiperligação será aberta na mesma guia.
• / = define o fechamento do elemento
As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:
• <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML
• <head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto
• <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir atributos comuns a toda a página, como cor de fundo, margens, e outras formatações.
As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são:
• <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML
• <head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto
• <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir atributos comuns a toda a página, como cor de fundo, margens, e outras formatações.
Cabeçalho[editar | editar código-fonte]
Dentro do cabeçalho podemos encontrar os seguintes elementos:
• <title>: define o título da página, que é exibido na barra de título dos navegadores
• <style type="text/css">: define formatação em CSS
• <script type="text/javascript">: define programação de certas funções em página com scripts, podendo adicionar funções de JavaScript
• <link>: define ligações da página com outros arquivos como feeds, CSS, scripts, etc
• <meta>: define propriedades da página, como codificação de caracteres, descrição da página, autor, etc
São meta informações sobre documento. Tais campos são muitos usados por mecanismos de busca (como o Google, Yahoo!, Bing) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords não são utilizadas para indexar páginas. Apenas <title> e a meta <description> são usadas para descrever a página indexada.[6]
Obs: as etiquetas <style> e <script> servem tanto para delimitar os espaços usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.
Corpo[editar | editar código-fonte]
Dentro do corpo podemos encontrar outras várias etiquetas que irão moldar a página, como por exemplo:
• <h1>, <h2>, ... <h6>: cabeçalhos e títulos no documento em diversos tamanhos.
• <p>: novo parágrafo.
• <br />: quebra de linha.
• <table>: cria uma tabela (linhas são criadas com <TR> e novas células com <TD>, já os cabeçalhos das colunas são criados com as etiquetas <THead><TH> e os rodapés com <TFooter><TR><TD>).
...