A ESTRUTURA BÁSICA DO DOCUMENTO HTML
Trabalho acadêmico: A ESTRUTURA BÁSICA DO DOCUMENTO HTML. Pesquise 859.000+ trabalhos acadêmicosPor: deinhagtc • 13/5/2014 • Trabalho acadêmico • 1.102 Palavras (5 Páginas) • 334 Visualizações
SUMÁRIO
1 INTRODUÇÃO 3
2 OBJETIVO 4
3 DESENVOLVIMENTO 5
3.1 HTML 5
3.1.1 ESTRUTURA BÁSICA DE UM DOCUMENTO HTML 5
3.1.2 PARÂMETROS 6
3.1.3 TABELAS 8
3.1.4 LINK 9
3.1.5 FUNDO 10
3.2 HUMANIZAÇÃO E ÉTICA NO AMBIENTE DE TRABALHO TECNOLÓGICO 10
3.3 C# - DADOS PRIMITIVOS 11
3.4 ORGANIZAÇÃO DE ARQUIVOS NO SISTEMA 13
4 CONCLUSÃO 15
REFERÊNCIAS 16
1 INTRODUÇÃO
Apresento nesta pesquisa uma noção de tudo que é necessário para entender a disciplina Análise e Desenvolvimento de Sistemas, incluindo noções básicas de HTML, princípios da linguagem C#, noções de ética e humanização nos ambientes de trabalho e organização de arquivos para o funcionamento de um sistema.
2 OBJETIVO
Este estudo de caso tem com objetivo mostrar os elementos necessários para desenvolvimento e implantação de um sistema de informação.
3 DESENVOLVIMENTO
Com base no cenário proposto “Nossa Locadora de Livros”, elaborei as seguintes diretrizes:
3.1 HTML
HTML (HyperText Markup Language), que significa Linguagem de Marcação de Hipertexto, é uma linguagem de marcação utilizada para produzir páginas na Web que podem ser interpretados por navegadores.
Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, Portanto para aprender HTML é necessário apenas um editor de texto simples e um navegador como o Firefox.
3.1.1 ESTRUTURA BÁSICA DE UM DOCUMENTO HTML
A estrutura básica de um documento HTML é muito simples e composta por três TAGs. TAGs são rótulos usados para informar ao navegador como deve ser apresentado o website. Todas as TAGs têm o mesmo formato: começam com um sinal de menor "<" e acabam com um sinal de maior ">".
Figura 1 – Estrutura básica HTML
Fonte: Andrea de Jesus (2013)
3.1.2 PARÂMETROS
Parâmetros são instruções e valores posicionados logo após a abertura das Tags. Normalmente, são formados pelo par (parâmetro=valor). A estrutura é a seguinte:
<tag parâmetro="valor">
Conteúdo
</tag>
Definindo parâmetros para as Tags é possível alterar as características visuais das páginas e de seu conteúdo como: cor de fundo, imagem de fundo, cores dos textos, alinhamentos dos textos, entre várias outras coisas. A TAG <font></font>, por exemplo, possui os parâmetros size, face e color.
Aplicação:
a) size: Altera o tamanho da fonte;
<font size="3">
Conteúdo
</font>
b) face: Altera o tipo de fonte;
<font face="arial">
Conteúdo
</font>
c) color: Altera a cor da fonte.
<font color="green">
Conteúdo
</font>
Exemplo:
Figura 2 - Parâmetros
Fonte: Andrea de Jesus (2013)
Será renderizado:
Figura 3 – Parâmetros 2
Fonte: Andrea de Jesus (2013)
3.1.3 TABELAS
Para construir uma tabela são necessárias três tags básicas:
• <table> começa e termina uma tabela.
• <tr> significa "table row" - linha de tabela - começa e termina e uma linha horizontal da tabela.
• <td> significa "table data" - dados da tabela. começa e termina cada célula contida nas linhas da tabela.
Exemplo:
Figura 4 - tabela
Fonte: Andrea de Jesus (2013)
Será renderizado:
Figura 5 – tabela2
Fonte: Andrea de Jesus (2013)
3.1.4 LINK
Para construir links em HTML utiliza-se a TAG <a> que refere-se a "anchor" - âncora com o atributo href, abreviação para "hypertext reference" - referência a hypertexto, - e especifica-se o destino do link - que normalmente é um endereço na Internet ou um arquivo.
Exemplo:
<a href="http://www.unoparead.com.br/">Aqui um link para Unoparead</a>
Será renderizado:
Aqui um link para Unoparead
Para construir links dentro de um mesmo documento é necessário criar áreas, para criar uma área incrementa-se o parâmetro name à TAG <a> e o termo # ao parâmetro href.
Por exemplo, para linkar o topo ao fim de uma página colocaremos no topo da página:
<body>
...