Tópicos Em Desenvolvimento De Sistemas
Exames: Tópicos Em Desenvolvimento De Sistemas. Pesquise 862.000+ trabalhos acadêmicosPor: Alsjr • 29/5/2013 • 1.287 Palavras (6 Páginas) • 485 Visualizações
3 Tópicos em Desenvolvimento de Sistemas
3.1 O QUE É PRECISO PARA APRENDER HTML ?
Para aprender HTML, é preciso entender, a principio, sua história, sua estrutura e seus parâmetros, bem como por em prática, tudo aquilo que for visto.
HTML é uma abreviação para HyperText Markup Language. Este é o código (ou linguagem) utilizado para a criação de websites. HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A finalidade inicial era a de tornar possível o acesso e a troca de informações e de documentação de pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-se um sucesso jamais imaginado por Tim Berners-Lee. Ao inventar o HTML ele lançou as fundações da Internet tal como a conhecemos atualmente.
3.2 QUAL É A ESTRUTURA BÁSICA DE UM DOCUMENTO HTML?
A estrutura básica de um documento HTML é composta por três tags (html, head e body), deve estar presente em todos os documentos, e seguir exatamente a seguinte sequência:
Quadro 1 - Estrutura básica de um documento HTML
A seguir, cada uma delas e, ao final, sua aplicação.
3.2.1 As tags
• Definição: Tag utilizada pelo navegador para identificar que o documento em questão trata-se de um HTML e não de texto puro. Entre <html> e </html> devem estar todas as outras tags, as informações e todo o conteúdo.
3.2.2 <head> e </head>
• Definição: início e o fim do cabeçalho do documento, onde devem ser inseridas outras tags com dados e informações que não são exibidos na tela do navegador, mas utilizados por ele para fins diversos.
3.2.3 <title> e </title>
• Definição: sempre contida entre <head> e </head> define o título do documento a ser exibido pela barra de títulos do navegador.
3.2.4 <body> e </body>
• Definição: corpo do documento. Entre <body> e </body> está o que vai, efetivamente, ser exibido na tela do navegador.
• Atributos:
bgcolor = cor de fundo para a página.
Default : depende do navegador. Alguns definem a cor branca, outros, a cinza.
background = define arquivo de imagem para o fundo da tela
leftmargin = a margem esquerda (em pixels )
topmargin = margem superior (pixels)
marginwidth = margem pela largura (pixels)
marginheight = margem pela altura (pixels)
text = cor do texto para toda a página
link = cor dos links para toda a página
vlink = cor dos links já visitados
alink = cor do link, quando selecionado
3.2.5/<!-- e -->
• Definição: comentário. Pode ser inserido em qualquer parte do documento e seu conteúdo não é exibido pelo navegador. É utilizado para organizar o código, facilitando a visualização dos elementos dentro dele.
3.3 Os parâmetros size, face, colo são encontrado em qual tag ? E o que cada um
significa?
A tag FONT é usada de forma a delimitar uma porção do texto e aplicar a formatação especificada por seus atributos que são capazes de mudar a fonte, tamanho e cor.
Mudando a fonte: Para modificar a fonte, usamos o atributo face, que recebe o nome da fonte. Face aceita vários tipos de fontes. Se formos especificar mais de uma fonte, devemos separá-las por vírgula, as ordenando por prioridade para que o browser as procure no computador. Ou seja, se digitarmos face="Tahoma, Times New Roman, Arial", o browser irá procurar primeiro pela fonte Tahoma, se não a encontrar, então, ele passa para Times New Roman, e assim por diante. Exemplo: <FONT FACE="Arial">Palavra1</FONT>
Tamanho: O tamanho é definido pelo atributo size. Size usa uma escala de 1 a 7 (embora nem todos os browsers renderizem todos os tamanhos). Exemplo: <FONT SIZE="1">Tam1</FONT>
Cores: Podemos também modificar a cor utilizando o atributo color. Exemplo: <FONT COLOR="red">Vermelho</FONT>
Resumindo, podemos modificar a letra do modo que acharmos mais interessante, basta combinarmos um ou mais atributos. Exemplo: ...<P><FONT FACE="Times New Roman" SIZE="5" COLOR="blue">TI Expert</FONT><BR>
<FONT FACE="Arial" COLOR="green">O ponto de encontro do estudante de TI</FONT><BR>
<FONT FACE="Tahoma" SIZE="2" COLOR="red">www.tiexpert.net</FONT></P>...
3.4 Quais são os comandos básicos para a construção de uma tabela?
O comando para se inserir uma tabela é <TABLE>; para iniciar uma linha devemos introduzir a tag <TR> e para uma célula (alguns preferem dizer coluna) <TD>. Todos estes comandos são encerrados como </TABLE>, </TR> e</TD> respectivamente. Vejamos um exemplo. Vamos supor que queiramos montar uma tabela 3X2, ou seja de 3 colunas por 2 linhas, o código HTML para isso é :
<HTML>
<HEAD>
<TITLE>Criando Tabelas</TITLE>
</HEAD>
<BODY>
<CENTER><FONT COLOR=BLUE SIZE=6>TABELA</FONT></CENTER>
<BR>
<TABLE BORDER=1> <! Inicia a tabela
...