O documento aborda a história da Internet e suas principais tecnologias, destacando a evolução dos protocolos de comunicação, como o TCP/IP e a criação do HTML por Tim Berners-Lee. Ele também explica a estrutura básica do HTML, incluindo suas tags e sintaxe, além de apresentar comandos para criar tabelas e listas. O HTML é descrito como uma linguagem de marcação essencial para o desenvolvimento de páginas web.
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0 notas0% acharam este documento útil (0 voto)
5 visualizações5 páginas
Aula 4
O documento aborda a história da Internet e suas principais tecnologias, destacando a evolução dos protocolos de comunicação, como o TCP/IP e a criação do HTML por Tim Berners-Lee. Ele também explica a estrutura básica do HTML, incluindo suas tags e sintaxe, além de apresentar comandos para criar tabelas e listas. O HTML é descrito como uma linguagem de marcação essencial para o desenvolvimento de páginas web.
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 5
DESENVOLVIMENTO DE SITE - HTML
1. Internet História e Infraestrutura
● História da Internet ● No final da década de 1969 foi criada a rede de computadores arpanet, que era conectada em 4 instituições ao oeste dos estados unidos
● com ela veio os Protocolos e os subprotocolos:
○ NCP Network Control Protocol (Protocolo de controle de rede) ■ FTP File Transfer Protocol (Protocolo de Transferência de Arquivo)
■ SMTP Simple Mail Transfer Protocol (Protocolo
Simples de Transferência de correspondência)
■ DNS Domain Name System (Sistema de nomes de
domínios)
● Em 1973 foi lançado o protocolo TCP/IP por dois pesquisadores
distintos que eram grandes concorrentes do protocolo NCP. ○ TCP Transmission Control Protocol (Protocolo de Controle de Transmissão) ○ IP Internet Protocol (Protocolo de Internet)
● Em aproximadamente 1 Década o protocolo TCP/IP substituiu por
completo o protocolo NCP.
2. Principais Tecnologias para a Internet
● A navegação era apenas por interface de texto e o principal software de navegação era o Gopher.
● Um pesquisador chamado Tim Berns-Lee desenvolveu uma forma de
uma interface multimídia para atender essas limitações do Gopher.
Ele começou a desenvolver no início da década de 1990 três importantes
tecnologias:
○ HTML HyperText Markup Language (Linguagem de Marcação de
Hipertexto) ■ O HTML é o que chamamos de uma linguagem semântica e que se preocupa apenas em descrever o conteúdo da página. Agrega também dentro dela diversas tecnologias que eram originalmente ferramentas independentes e se tornaram pilares fundamentais para o desenvolvimento web. São elas o HTML em si, o CSS e o JavaScript. ■ CSS Cascading Style Sheet (Folha de estilo em cascata) ■ JavaScript, essa sim uma linguagem de programação, é responsável pela interação.
○ HTTP HyperText Transfer Protocol (Protocolo de Transmissão de
Hipertexto) ○ WWW World Wide Web (Rede Mundial de Computadores)
3. PRIMEIRO HTML
● ! O HTML não é uma linguagem de programação, mas sim uma
linguagem de marcação que o navegador utiliza para estruturar adequadamente a página web.
● <p> (Tag sem a barra é de abertura) </p> (Tag com a barra é de
fechamento).
● Estrutura principal de um código HTML:
○ <!DOCTYPE html> Ela é uma tag solitária, sem abertura e fechamento, indicando a versão do HTML utilizado (Nesta forma indica a versão 5). ○ <HTML> A tag indica que seu conteúdo é a totalidade da página HTML em si. ○ <HEAD> Já esta tag indica o cabeçalho da página e recebe informações que dizem respeito a página como um todo(Tudo que vai escrito aqui, não aparece na página). ○ <TITLE> indica, por sua vez, o conteúdo que será apresentado no título da página, geralmente na aba do navegador. ○ <BODY> indica o corpo da página, e todo o conteúdo dela estará presente aqui dentro.
4. SINTAXE
● Elemento: formado pelo conjunto de tudo, a tag de abertura, a de
fechamento e o conteúdo; ● Atributo: elemento extra que transmite informações adicionais. Ainda sobre o atributo, é importante atentar para suas regras de sintaxe: ○ É possível que exista mais de um atributo, no entanto é essencial que exista um espaço os separando; ○ O nome do atributo deve ser sempre seguido do sinal de igual (=) para separar o nome do valor do atributo; ○ O valor do atributo deve ser sempre envolto por aspas duplas. 5. Principais Comandos HTML ● ESTRUTURA DE TABELA PADRÃO
○ A tag <table> indica a definição(Abertura) de uma tabela,
○ A tag <tr> indica as linhas da tabela ○ A tag <td> indica a célula da tabela, ou seja, cada dado individual.
● TAG PARA ORGANIZAR A TABELA
○ A tag <thead> organiza a tabela com cabeçalho ○ A tag <tbody> organiza o corpo da tabela ○ A tag <tfoot> seria o rodapé da tabela.
● ESTRUTURA PADRÃO PARA LISTA
É possível criar três tipos diferentes de
lista. com a tag <ol> a lista é numerada e com <ul> a lista não é numerada.