A Linguagem HTML
Por: Misael Sena • 14/5/2015 • Relatório de pesquisa • 764 Palavras (4 Páginas) • 186 Visualizações
1 INTRODUÇÃO
No decorrer deste trabalho, trataremos sobre temas relacionados a linguagem HTML, processos e negócios de software e lógica e técnicas de programação, sempre buscando a interdisciplinaridade entre estes campos.
2 OBJETIVO
Esta obra tem por objetivo a interdisciplinaridade entre os conteúdos trabalhados no decorrer deste 1º semestre. Serão apresentados alguns conceitos básicos sob a linguagem HTML e exibido um modelo de organograma com base nos conceitos de processos de negócios de software.
3 DESENVOLVIMENTO
Inicialmente será abordado o tema HTML, apresentando-se alguns conceitos básicos e apenas após esta abordagem será inserido o organograma.
3.1 HTML
HTML (Hipertext Markup Language) , linguagem de formatação de textos, é simplesmente isso que significa. É uma linguagem de marcação de hipertexto e é usada para criar sites.Esta linguagem foi desenvolvida por Tim Berners-Lee em 1990, com a finalidade de tornar possível o acesso e a troca de informações e de documentos de pesquisas, entre cientistas de diferentes universidades.
3.1.1 O que é um documento HTML? Como são chamados os comandos em HTML?
É um documento que pode ser editado em qualquer editor de texto utilizando a linguagem HTML e é salvo na extensão .htm ou .html . Após a edição e salvamento deste arquivo, o mesmo será lido por um browser que decodificará o comandos existentes. Estes comandos são denominados Tag’s.
Abaixo está uma estrutura básica para uma página HTML:
<html>
<head> <title> </title> </head>
<body>
</body>
</html>
<html> é o tag de abertura do html.
<head> cabeçalho da página. onde ficam informações adicionais.
</head> tag de fechamento do cabeçalho.
<title> é o tag de abertura do título da janela.
</title> tag de fechamento do título da janela.
<body> corpo da página. aqui ficará a parte principal do seu site.
</body> tag de fechamento do corpo da página.
</html> tag de fechamento do html.
3.1.2 Como melhorar a aparência de um documento?
Têm-se vários Tag’s e parâmetros disponíveis que podem auxiliar para uma boa melhoria na aparência do documento, como por exemplo, para formatação de textos ou até mesmo para inclusão de imagens. Parâmetros são inclusos dentro dos Tag’s e utilizados também para formatação de textos ou imagens, por exemplo, align=”center” que serve para centralizar o conteúdo dentro de alguns Tag’s.
Segue abaixo alguns Tag’s para formatação de texto:
• Cabeçalho: <h1></h1>, podendo variar de h1 até h6. Quanto maior o número, menor a fonte.
• Determinação de parágrafo: <p></p>
• Quebra de linha: <br>, não necessita de fechamento.
• Formatação da fonte: <font></font>
• Itálico: <i></i>
• Negrito: <b></b>
• Sublinhado: <u></u>
3.1.3 Como inserir imagens, vídeos, tabelas e links?
• Inserindo uma imagem
Para inserir uma imagem é necessário informar que deseja isto ao navegador e também onde a mesma está. Alguns parâmetros ou atributos podem ser utilizados, como align, width, etc.
<img src=”nome_da_pasta/nome_da_imagem.formato”>
img significa imagem
src significa source
• Inserindo vídeos
Para inserir um vídeo será necessário utilizar o tag <embed> e informar também onde o vídeo se encontra.
Exemplo:
<EMBED SRC="videos\video.wmv">
Vídeo do You Tube
<iframe width="420" height="315" src="http://www.youtube.com/embed/hIc9_jlwNDA" frameborder="0"
...