segunda-feira, 25 de março de 2013

Tabelas HTML


  1. Utilizando tabelas:

  • <table></table> é a tag que define uma tabela.
  • <tr></tr> é a tag que define uma linha da tabela.
  • <td></td>é a tag que define uma célula da tabela.
  • <th></th> é a tag que define uma célula com destaque de cabeçalho da tabela.
  • <caption></caption>é a tag que define uma legenda da tabela.
  • <thead></thead> é a tag que define um conteúdo de cabeçalho da tabela.
  • <tfoot></foot> é a tag que define um conteúdo de rodapé da tabela.
  • <tbody></body>é a tag que define o conteúdo do corpo da tabela. 

quinta-feira, 14 de março de 2013

HTML Parte 1

Características.




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 basicas.
<head> </head> é o cabeçalho da página.
<title> </title> indica o título da página para o browser.
<body> </body> é onde fica todo o conteúdo principal da pagina.
<meta> essa tag é utilizada para definir a descrição da página, guarda informações que não é vista pelo usuário, 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> é ultilizado para ser vinculada com uma folha de estilo(css).
Obs: essa tag não precisa ser fechada .

Sessões

<article> é usara para destacar um contéudo 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.
<section>
<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 subtitulos.
<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 codigo 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.
<!--Comentario-->

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> essa tag cria uma lista ordenada, seja por odem númerica ou alfabetica.
<ul>essa tag cria uma lista não ordenada, com marcadores.
<li> essa tag define um item da lista.
<dl> essa tag faz a definição de uma lista de definição.
<dt> essa tag faz a definição de um item na lista de definição.
<dd> essa tag descreve um item na item na lista de definição.
<div> essa tag 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 imagen em uma página HTML através de um caminho, os atributos src e alt são obrigatorios para que essa tag funcione.





Linguagem de Marcação


Linguagem de Marcação

A linguagem de marcação são códigos que formam 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.



A história da Internet


A História da Internet 

A internet 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.



quinta-feira, 7 de março de 2013

Aula 1


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.