Física | Análise de Circuitos | Lógica de Programação | Tecnologia da Informação | Sobre o blog

Mostrando postagens com marcador Desenvolvimento Web. Mostrar todas as postagens
Mostrando postagens com marcador Desenvolvimento Web. Mostrar todas as postagens

quarta-feira, 12 de janeiro de 2011

Formatação do Texto

O texto pode ser formatado com tags de tamanho, sobrescrito, subscrito, entre outras. Para todas elas é necessário delimitar o início e o fim do texto a ser formatado.

Cor e Fonte
<Font Color= "cor" > Texto </Font>
<Font Face= "Tipo de Fonte" >
<Font Size= "Tamanho" >


Tipos de Fontes definidos pela HTML
Cabeçalho
<h1> e </h1> ... até ... <h6> e </h6>

Exemplos dos Títulos para cabeçalho (h1 ao h6):

Tamanho 1

Tamanho 2**

Tamanho 3

Tamanho 4

Tamanho 5
Tamanho 6

Outros Estilos
<b> Negrito
<i> Itálico
<u> sublinhado
<tt> Mono-espaçado
<sup> Sobrescrito
<sub> Subscrito

Este é um exemplo de um texto negrito, Itálico, Sublinhado com frase Mono-espaçada e palavras Sobrescrita e Subscrita.

**O Tamanho 2 é de uso Padrão do Blog, por isso a Diferença dos demais

Estrutura do Documento HTML

Tipo de arquivo: O código fonte do HTML pode ser editado em um editor de textos simples, como o bloco de notas, porém, para poder ser interpretado pelo Browser o arquivo deve possuir uma terminação conhecida para o Browser, como em *.htm ou *.html .
Página: Uma página é definida pelas tags <html> e </html>.
Cabeçalho: <head> e </head>.
O cabeçalho também é composto pelo título da página que  aparece na barra de títulos do Browser: <title> e </title>.
Corpo: <body> e </body>.
Após a palavra "body" e antes de fechar a tag com o sinal ">", são definidas as propriedades do corpo da página conforme as palavras abaixo:
bgcolor    Cor do plano de fundo e imagem de Fundo (JPGE, GIF, PNG, etc)
text    Cor do texto
link    Cor dos hiperlinks
vlink    Cor para os links visitados
alink    Cor para os links na hora de acionar
background    Imagem de plano de fundo

Exemplo:

<body bgcolor="cor" background="imagem" text="cor" link="cor" vlink="cor" alink="cor" >


... corpo ...


</body>

O nome da cor pode ser em inglês ou código numérico antecedido por "#". Alguns nomes de Cores:

aqua███
black███
blue███
fuchsia███
gray███
green███
lime███
maroon███
navy███
olive███
orange███
purple███
red███
silver███
teal███
white███
yellow███

Conceitos Básicos HTML

A Hypertext Markup Language é uma linguagem de marcação de texto com a finalidade de formatação que é basicamente a definição de parâmetros da fonte do campo de escrita, dos links de acesso, de objetos inseridos no desconto e etc.
As marcações de formatação são representadas por tags, sinal matemático menor < e maior > que possui uma palavra chave entre ambos os sinais <palavra> e servem como "diretiva" ao navegador (browser) que é responsável pela "interpretação" destas diretivas.
Estas diretivas em seu conjunto é denominada "código fonte".
Página: Hipertexto que associa várias mídias por meio do código fonte, podendo ser unica ou estar ligada a outras páginas por meio dos links, quando conjuntos podem ser denominados como o "site" completo.
Home Page: Página principal, é a página índice do WebSite.

terça-feira, 21 de dezembro de 2010

Formatando Textos com Tags HTML


HTML Text Formatting Tags

Tag Description
<b> Defines bold text
<big> Defines big text
<em> Defines emphasized text 
<i> Defines italic text
<small> Defines small text
<strong> Defines strong text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text

HTML "Computer Output" Tags

Tag Description
<code> Defines computer code text
<kbd> Defines keyboard text 
<samp> Defines sample computer code
<tt> Defines teletype text
<var> Defines a variable
<pre> Defines preformatted text

HTML Citations, Quotations, and Definition Tags

Tag Description
<abbr> Defines an abbreviation
<acronym> Defines an acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a long quotation
<q> Defines a short quotation
<cite> Defines a citation
<dfn> Defines a definition term

sábado, 18 de dezembro de 2010

(X)HTML - Definições

A linguagem HTML para marcar textos é constituída de elementos e atributos.
Um texto marcado com essa linguagem é chamado de Hipertexto HTML.

Os nomes dos elementos HTML foram escolhidos levando em conta a destinação do elemento. Assim, um elemento HTML destinado a marcar um cabeçalho recebeu o nome heading, que em inglês significa cabeçalho ou título de uma seção do documento; o elemento destinado a marcar parágrafos foi denominado paragraph, cujo significa parágrafo, e assim por diante.
Este vínculo entre o nome do elemento e sua finalidade na marcação é um conceito básico no objetivo primordial da linguagem, que é marcar estruturalmente conteúdos de um documento.

A linguagem HTML compreende 91 elementos, dos quais 11 estão incluídos em uma lista de elementos em desuso. Encontre nesta página os elementos para consulta: w3schools.

Como as linguagens  de marcação para a Web são baseadas em SGML, uma metalinguagem de complexa, projetada para máquinas e com a finalidade de servir de base para criação de outras linguagens. A SGML foi usada para criar a XML (Extensible Markup Language), também metalinguagem, porém mais simples ao entendimento humano.

Com XML se pode criar tags e atributos próprios para a implementação desejada de hipertextos. A XHTML foi criada dentro desse conceito e, por isso, é uma aplicação XML. As tags e os atributos da XHTML são as mesmas do HTML 4.01.

Pode-se dizer que, ao escrever em XHTML, estaria-se escrevendo HTML reformulado para XML, no qual as tags e os atributos já estão definidos. Uma marcação assim constituída proporciona todos os benefícios próprios da XML sem as complicações nem a complexidade da SGML, e torna documentos web com a funcionalidade adicional de ser compatível com as aplicações XML.

(X)HTML - Histórico

Web é uma palavra de origem inglesa, que significa teia, e na Internet é utilizada para designar abreviadamente a rede mundial de computadores, cujo funcionamento assemelha-se a uma imensa teia de aranha, interligando computadores no mundo inteiro.

HTML é uma linguagem de marcação universal, utilizada para a construção de websites e foi desenvolvida no início da década de 1990. Na verdade, é uma abreviação para Hyper TextMarkup Language (Linguagem de Marcação para Hipertexto), e se destina a escrever documentos que possam ser lidos por programas interpretadores, genericamente chamados de agentes de usuário (exemplo: Navegadores).

A web foi criada em 1992 por Tim Berners-Lee, atualmente diretor do W3C - World Wide Web Consortium. Ele acreditava que seria possível interligar hipertextos em computadores diferentes com uso de links globais, também chamados de hiperlinks. Nesta época, Internet, Rede de Mensagens, e-mails, nomes de domínios, DNS e IP já eram conceitos conhecidos.

Tim Berners-Lee desenvolveu um sistema próprio e um protocolo para recuperar hipertextos denominado HTTP. O formato de texto que criou para o HTTP foi chamado de HTML, tomando como base para a criação SGML, que é um método internacionalmente reconhecido e aceito, contendo normas gerais para criação de linguagens de marcação.