Pesquisar este blog

domingo, 21 de abril de 2013

COMANDO FONT

Comando FONT


Este comando serve para alterarmos o tamanho, a cor e o tipo da fonte do texto utilizado. Este comando possuí 3 parâmetros que são: SIZE, FACE e COLOR.
 
SIZE - Especifica o tamanho da fonte. Os valores variam de1, o menor, até 7, o maior. O padrão é 3. Pode-se utilizar os operadores positivo e negativo, "+" e "-", sendo que nestes casos ele somará ou subtrairá da fonte padrão, ou seja, se você colocar <font size=+2> ele interpretará, caso a fonte seja 3, como o tamanho 5, pois ele está somando a fonte padrão 3 + 2 = 5. A mesma observação vale para valores negativos, sendo que no nosso exemplo o tamanho da fonte ficará em 1, 3 - 2 = 1;
 
FACE - Serve para que seja escolhida uma fonte diferente para o texto. Podem ser especificadas várias fontes, de maneira que, se o sistema não possuir a primeira opção, a segunda é carregada e assim por diante. Caso não seja encontrada nenhuma das fontes especificadas, o texto é exibido na fonte padrão. Este recurso é utilizado quando você não sabe qual o sistema dos internautas que vão acessar a sua página então você especifica umas cores desencargo de consciência.
 
COLOR - Especifica a cor do texto. Seu valor pode ser expresso em Hexadecimal, RGB ou através de um nome predefinido de cores. Abaixo segue uma tabela com algumas destas cores:

Cor                                   Código
 
Aqua                                 #70DB93
Black                                #000000
Fuchsia                             #FF00FF
Green                                #00FF00
Brown                               #800000
Olive                                 #808000
Silver                                #E6E8FA
White                                #FFFFFF
Blue                                  #0000FF
Cyan                                 #00FFFF
Gray                                 #C0C0C0
Lime                                 #32CD32
Navy                                 #23238E
Red                                   #FF0000
Teal                                  #008080
Yellow                             #FFFF00 

<html>

<head>

<title>Tag FONT </title>

</head>

<body>

<font face="Verdana, Arial" size=3 color=green> Observe a utilização desta tag nesta frase. Esta configurada para a fonte ser Verdana o tamanho 3 e o texto com a cor verde.</font>

</body>

</html>

Até a Próxima!!

COMANDO HN

Comando HN


    Este comando serve para alterar o tamanho do seu cabeçalho. O "N" no comando varia de 1 a 6, ou seja, h1, h2... h6. Vejamos um exemplo abaixo: 

<html>

<head>

<title>Tags de Cabeçalhos  </title>

</head>

<body>

<h1> Observe a utilização desta tag nesta frase.</h1><p>
 
<h2> Observe a utilização desta tag nesta frase.</h2><p>
 
<h3> Observe a utilização desta tag nesta frase.</h3><p>
 
<h4> Observe a utilização desta tag nesta frase.</h4><p>
 
<h5> Observe a utilização desta tag nesta frase.</h5><p>
 
<h6> Observe a utilização desta tag nesta frase.</h6><p>

</body>

</html>
 
Até a Próxima!!

COMANDO CENTER

Comando CENTER


    Este comando serve para centralizar um texto ou uma imagem.

<html>

<head>

<title>Tag CENTER </title>

</head>

<body>

<center> Observe a utilização desta tag nesta frase.</center>

</body>

</html>
 
Até a Próxima!!

COMANDO PRE

Comando PRE


    Através deste comando você pode incluir um texto que foi editado por um editor de texto epreservar sua formatação original, como marcas de tabulação, fim de linha gerada pela tecla Enter e outros formatos.

<html>

<head>

<title>Tag PRE </title>

</head>

<body>

<pre> Observe a utilização desta tag nesta frase.</pre>

</body>

</html>
 
Até a Próxima!!

COMANDO BLINK

Comando BLINK


    Este comando serve para colocarmos o texto piscando.

<html>

<head>

<title>Tag BLINK </title>

</head>

<body>

<blink> Observe a utilização desta tag nesta frase.</blink>

</body>

</html>

Até a Próxima!!

COMANDO SUB

Comando SUB


    Este comando serve para rebaixar e reduzir o corpo do o texto, coloca o texto no modo subscrito.

<html>

<head>

<title>Tag SUB </title>

</head>

<body>

<sub> Observe a utilização desta tag nesta frase.</sub>

</body>

</html>

Até a Próxima!!

COMANDO SUP

Comando SUP


    Este comando serve para colocarmos o texto elevado e diminui o seu corpo, deixa o texto em modo sobrescrito.

<html>

<head>

<title>Tag SUP </title>

</head>

<body>

<sup> Observe a utilização desta tag nesta frase.</sup>

</body>

</html>

Até a Próxima!!

COMANDO SMALL

Comando Small


    Este comando serve para reduzir e alterar a fonte.

<html>

<head>

<title>Tag SMALL </title>

</head>

<body>

<small> Observe a utilização desta tag nesta frase.</small>

</body>

</html>

Até a Próxima!!

COMANDO BIG

Comando BIG


    Este comando serve para aumentarmos a fonte e coloca-la em negrito.

<html>

<head>

<title>Tag BIG </title>

</head>

<body>

<big> Observe a utilização desta tag nesta frase.</big>

</body>

</html>

Até a Próxima!!

COMANDO TT OU TYPERWRITER

Comando TT ou Typerwriter


    Este comando serve para colocarmos um espaçamento regular no texto.

<html>

<head>

<title>Tag TT </title>

</head>

<body>

<tt> Observe a utilização desta tag nesta frase.</tt>

</body>

</html>

Até a Próxima!!

COMANDO STRONG

Comando Strong


    Este comando serve para colocarmos o texto com um efeito similar ao negrito.

<html>

<head>

<title>Tag Strong </title>

</head>

<body>

<strong> Observe a utilização desta tag nesta frase.</strong>

</body>

</html>

Até a Próxima!!

COMANDO U

Comando U


    Este comando serve para colocarmos o texto no modo sublinhado.

<html>

<head>

<title>Tag U </title>

</head>

<body>

<u> Observe a utilização desta tag nesta frase.</u>

</body>

</html>

Até a Próxima!!

COMANDO I

Comando I


    Este comando serve para colocarmos o texto em itálico.

<html>

<head>

<title>Tag I </title>

</head>

<body>

<i> Observe a utilização desta tag nesta frase.</i>

</body>

</html>

Até a Próxima!!

COMANDO B

Comando B


    Este comando serve para colocarmos o texto em negrito.

<html>

<head>

<title> Tag B </title>

</head>

<body>

<b> Observe a utilização desta tag nesta frase. </b>

</body>

</html>

Até a Próxima!!

COMANDO BR

Comando BR


    Este comando serve para inserirmos uma linha em branco no seu local ou na linha seguinte à qual ele foi inserida, ou seja, esta Tag temo como função avançar uma linha imediatamente após aquela em que se encontra, sem, contudo, deixar uma linha adicional. Deve portanto estar no fim de um trecho de texto como no exemplo abaixo.

Observação: Esta tag é uma das poucas que são consideradas do tipo simples, ou seja, não possuí uma tag de abertura e outra de fechamento.

<html>

<head>

<title>Tag BR </title>

</head>

<body>

Note a tag "br" sendo utilizada no final desta frase. <br>

</body>

</html>

Até a Próxima!! 

COMANDO HR

Comando HR


    Esta tag serve para inserirmos uma linha divisória na posição em que foi especificado. Seu uso é recomendado para criar uma divisão na página.

Observação: Esta tag é uma das poucas que são consideradas do tipo simples, ou seja, não possuí uma tag de abertura e outra de fechamento.

<html>

<head>

<title> Tag HR </title>

</head>

<body>

Note a utilização da tag "HR" no final desta frase. <HR>

</body>

</html>

Até a Próxima!!

COMANDO P

Comando P


    Este comando serve para forçarmos um espaçamento, ou um novo parágrafo. Deve portanto estar no fim de um trecho de texto como no exemplo abaixo.

Observação: Esta Tag é uma das poucas que são consideradas do tipo simples, ou seja, não possuí uma tag de abertura e outra de fechamento.

<html>

<head>

<title> Tag P </title>

</head>

<body>

Note a tag "P" sendo utilizada no final desta frase.<p>

</body>

</html>

Até a Próxima!!

MINHA PRIMEIRA PÁGINA EM HTML

Minha primeira página em HTML


    Criaremos uma página simples com os comandos vistos em postagens anteriores. Sendo que o título colocaremos "Minha Primeira Página" e no corpo da página colocaremos a seguinte frase: Está é a Minha primeira página.

    Para que possamos fazer isso copie e cole o trecho de código abaixo e cole em um arquivo do seu bloco de notas, ou notepad, e salve com algum nome sugestivo com a extensão .htm ou . html e veja o resultado dando um duplo clique em sua página.

Observação: É necessário que você tenha algum navegador instalado em sua máquina, caso contrário não conseguirá visualizar a sua página

<html>

<head>

  <title> Minha Primeira Página </title>

</head>

<body>

Está é a Minha primeira página

</body>

</html>

Até a Próxima!! 

COMANDO BODY

Comando Body


    Este comando serve para indicar o corpo de nossa página, ou seja, tudo o que for escrito entre esta tag aparecerá para os internautas.

<html>

<head>

  <title> ... </title>

</head>

<body>

...

</body>

</html>

Até a Próxima!!

COMANDO TITLE

Comando Title


    Este comando serve para especificarmos o título de nossa página. Este mesmo título aparecerá na barra de endereços.  

<html>

<head>

   <title> ... </title>

</head>
...
</html>

Até a Próxima!!

COMANDO HEAD

Comando HEAD


    Este comando em html serve para delimitarmos o cabeçalho da página, assim:

<html>

<head>

...

</head>
...
</html>

Até a Próxima!!

quinta-feira, 18 de abril de 2013

COMANDO HTML

Tag HTML


    A Tag HTML é uma Tag composta, assim como a grande maioria das Tags da linguagem HTML. Isso quer dizer que há uma Tag de abertura e outra de fechamento assim:

<html> e </html>

    Esta Tag serve para indicar ao browser que você está iniciando a construção de uma página assim:

<html>

...

</html>

Até a Próxima!!

Introdução

Como se cria uma página da Web?


    Uma página da Web é composta de textos e comandos especiais (tags) de várias linguagens existentes hoje no mercado. Dentre elas vamos destacar a linguagem de programação chamada HTML, um acrônimo de Hypertext Markup Languagem. Essa linguagem é simples e tem como finalidade básica formatar o texto exibido e criar ligações entre as páginas da Web, criando assim documentos com o conceito de hipertexto.

    Assim como qualquer outra linguagem, o programador deve escrever o código-fonte seguindo as regras de sintaxe da linguagem. Esse código-fonte é posteriormente interpretado pelo browser, que se encarregará de executar os comandos (tags) do código para formatar e acessar recursos da Web.

    O código-fonte pode ser escrito usando-se o mais simples dos editores de texto. Até o programa Bloco de Notas (Notepad) do Windows pode ser usado para essa tarefa.

    Há Editores de páginas na Web que facilitam a criação de páginas para a Web, como por exemplo, o Dreamweaver, que facilita na produtividade inclusive, contudo, uma coisa que aprendi em informática queira primeiramente conhecer a estrutura, ou seja, saiba como funciona e só depois você acessa uma destas ferramentas que se encontram no mercado como o Dreamweaver.

    Este blog está sendo construído como uma espécie de "Dicionário" para a linguagem de HTML e JavaScript. Conterá exemplos bem simples e diretos, de modo que você poderá personalizar em trabalhos próprios.

Até a Próxima!!