História da Internet
Ainternet surgiu durante a guerra fria, foi criada pela agente americana
Advanced Research and Projects Agency (ARPA), com o objetivo de conectar os
computadores, a Universidade da Califórnia de Berkley implantou os protocolos
TCP/IP ao Sistema Operacional UNIX, assim varias universidades estavam em rede,
em 1985 a ARPANET e a NSFNET passaram a ser as principais empresas na criação
de uma nova rede, chamada INTERNET. Em 1993 a Internet deixou se ser usada
apenas por instuições acadêmicas e começou a ser explorada como é vista hoje,
comercialmente fornecendo diversos serviços como compras e vendas e outras
coisas.
Linguagem de Marcação
A linguagem de
marcação são códigos que forman uma estrutura de uma pagina na internet,
através de uma linguagem que pode ser html ou xhtml, através dessa linguagem de
marcação são exibidos textos e imagens e outros dados.
HTML
O HTML
"Hypertext Markup Language", que significa (Linguagem de Marcação de
Hipertexto) é uma linguagem de marcação de texto muito conhecida que tem a
finalidade de construir paginas na web, atualmente está sendo desenvolvida a
versão 5.
Estrutura basica de uma pagina e Metadados.
Toda pagina HTML
começa com a tag <html> e termina </html> além dessa tag uma
página HTML mais contém 3 tags básicas.
<head> é o cabeçalho da página.
<title> indica o título da página para o browser.
<body> é onde fica todo o conteúdo principal da pagina.
<meta> essa
tag é ultilizada para definir a descrição da página, guarda informações que não
é vista pelo usuario, além de guarda essas informações da página ele pode
servir como palavra chave para os motores de busca.
Obs: na linguagem
HTML essa teg não precisa ser fechada, mas em XHTML ela tem que ser fechada.
<style> é a
tag que define as informações da folha de estilo para uma pagina determinada em
HTML.
<link> é
utilizado para ser vinculada com uma folha de estilo(css).
Obs: essa tag não
precisa ser fechada .
Sessões
<article> é
usara para destacar um conteúdo da página como um titulo de noticia.
<section> a
tag sessão é utilizada para separar os documentos em sessões como, capítulos,
imagens, tipos
de textos e outras coisas.
<aside> essa
tag ela define um conteúdo na página.
<nav> essa
tag é usada quando existe uma grande quantidade de links, então todos os links
em sequencia
ficam dentro desta tag.
<h1><h2><h3><h4><h5><h6>
essas tags definem o titulo do cabeçalho, quanto maior o número, menos importante
é a noticia.
Caso o seja usado <h1> é a noticias de destaque da
página.
<hgroup> essa
tag é usada para agrupar um conjunto de títulos, quando o cabeçalho da pagina
possui muitos subtítulos.
<header> essa
tag especifica um cabeçalho dentro de uma pagina ou uma sessão.
<footer> essa
tag define o rodapé de uma página ou de uma sessão.
<address>
define as informações de contato do autor da página ou de um artigo dentro da
página.
Comentário
O comentário é
feito pelo desenvolvedor no caso de ser um código extenso, o comentário serve
para orientar ele para que não se perca na hora de fazer uma modificação ou
reparar um erro.
<!--Comentário-->
Elementos de agrupamento
<p> essa tag
define um paragrafo.
<hr> essa tag
é usada para criar um espaço como por exemplo entre o fim de um texto e o
começo de
outro texto, para não causar confusão na hora que o usuário estiver
navegando nas páginas do site.
<blockquote>
essa tag especifica qual sessão da pagina é citado de outra fonte como um texto
retirado de outro site.
<ol> cria uma lista ordenada, seja por ordem numérica ou alfabética.
<ul> cria uma lista não ordenada, com marcadores.
<li> define um item da lista.
<dl> faz a definição de uma lista de definição.
<dt> faz a definição de um item na lista de definição.
<dd> descreve um item na item na lista de definição.
<div> define por um nome uma divisão ou sessão de um página.
Elementos de texto semânticos
<a> essa tag
define um hiperlink, usado para lingar uma página com a outra, essa tag tem os
atributos: Href, hreflang, media, rel, targe.
<span>
essa tag não provoca nenhuma mudança visual, ela é usada para grupo,
linha-elementos em uma página.
<strong>
essa tag da um destaque para o texto, definindo o texto importante.
<em>
essa tag deixa a parte de uma frase ou paragarafro enfatizado.
<br>
essa tag provoca uma quebra de linha em um texto.
Conteúdo embutido
<img> essa
tag exibe uma imagem em uma página HTML através de um caminho, os atributos src
e alt são obrigatórios para que essa tag funcione.