ACESSAR ou REGISTRAR
Caminho de Navegação Texto animações / Scripts / introhtml

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:
ScriptFacil Studio
fechar

introhtmlPostada em: 07/11/2009

Script Master
Por: Script Master Nº de Visualizações: 478.

Demonstração do script

Código fonte do script

<html>
<body>
<body bgcolor=#3366cc>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Script fácil</title>

</head>









<div align="center"><center>


<hr>

<p><a name="para"></a><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>O que é </u></strong><em><strong><u>HTML</u></strong></em><strong><u>?</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Significa
    linguagem marcada por hiper texto, ou seja, é a linguagem
    utilizada para criarmos, páginas que com extensão ( .htm ou
    .html ), que por sua vez podem ir para à <em>INTERNET</em> (a
    rede mundial dos computadores). Hiper texto, são os &quot;<em>hiperlinks&quot;
    ou &quot;</em>links<em>&quot; (ligação de uma página à
    outra).</em></font></p>
</blockquote>


<hr size="4">

<blockquote>
</blockquote>

<p><a name="intro"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Introdução ao </u></strong><em><strong><u><font color=white>HTML</u></strong></em></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Para você
    desenvolver uma página em HTML, você necessita de ter um
    editor de texto, e um browser (navegador - programa que
    permite que você, visualize páginas na INTERNET). </font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Um programa
    que você com certeza terá, será o &quot;Bloco de notas&quot;.
    Procure salvar as páginas de sua homepage em &quot; index.htm
    &quot; ou &quot; index.html &quot;. Continue lendo este guia,
    que você aprenderá muito mais ! ! ! </font></p>
</blockquote>


<hr size="4">

<p><a name="tags"></a><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Utilizando
TAGS</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Chamamos de <em>&quot;tags&quot;</em>
    os comandos inseridos no código. São conhecidas por estarem
    sempre entre </font><font color="#0000FF" size="5"
    face="Arial"><strong><font color=white>&lt; </strong></font><font
    color="#0000FF" size="4" face="Arial"><font color=white>....</font><font
    color="#0000FF" size="5" face="Arial"><strong><font color=white> &gt;</strong></font><font
    color="#0000FF" size="4" face="Arial"><font color=white> . Veja a seguir um
    exemplo:</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;html&gt;</font></p>
    <blockquote>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;head&gt;
        </font></p>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;title&gt;
        &lt;/title&gt;</font></p>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/head&gt;</font></p>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body&gt;</font></p>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/body&gt;</font></p>
    </blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/html&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Permaneça em
    calma. Se você não entendeu nada, leia aqui em baixo.</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;html&gt;
        &lt;/html&gt;</font><font color="#0000FF" size="5"
        face="Arial"> </font><font color="#0000FF" size="6"
        face="Arial"><font color=white>-</font><font color="#0000FF" size="5"
        face="Arial"><font color=white>&gt; </font><font color="#0000FF" size="4"
        face="Arial"><font color=white>indicam o início e o fim do código HMTL,
        parte em que engloba todo o conteúdo da página;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;head&gt;
        &lt;/head&gt;</font><font color="#0000FF" size="6"
        face="Arial"><font color=white> -</font><font color="#0000FF" size="5"
        face="Arial"><font color=white>&gt;</font><font color="#0000FF" size="4"
        face="Arial"><font color=white> tag responsável pelo cabeçalho do
        documento;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;title&gt;
        &lt;/title&gt; </font><font color="#0000FF" size="6"
        face="Arial"><font color=white>-</font><font color="#0000FF" size="5"
        face="Arial"><font color=white>&gt; </font><font color="#0000FF" size="4"
        face="Arial"><font color=white>define o título, que aparecerá, na barra
        de título do BROWSER;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body&gt;
        &lt;/body&gt; </font><font color="#0000FF" size="6"
        face="Arial"><font color=white>-</font><font color="#0000FF" size="5"
        face="Arial"><font color=white>&gt; </font><font color="#0000FF" size="4"
        face="Arial"><font color=white>indica o corpo do código da página;</font></li>
</ul>

<hr size="4">

<p><a name="body"></a><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Comandos
possíveis na tag &lt;BODY&gt;</u></strong></font></p>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>
alterar cor
        ou imagem de fundo: </font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body
    bgcolor = &quot;código da cor ou nome em inglês&quot;&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body
    background = &quot;arquivo.jpg ou .gif &quot;&gt;</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>definindo a
        cor de um link:</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body link
    = &quot;código da cor ou nome em inglês&quot;&gt;</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>definindo a
        cor de um link já clicado</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body vlink
    = &quot;código da cor ou nome em inglês&quot;&gt;</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>define a cor
        que o link irá piscar quando clicado:</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body alink
    = &quot;código da cor ou nome em inglês&quot;&gt;</font></p>
</blockquote>


<hr size="4">

<p><a name="links"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Tags de links</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Hyperlinks e
    links, são atalhos que abrem novas páginas, fazendo uma
    ligação enrte duas ou mais páginas.</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Esta referência
    indica à URL o caminho de origem do documento.</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;a href =
    &quot;página01.htm&quot;&gt;Página do beltrano&lt;/a&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Onde está
    escrito &quot;página01.htm&quot;, você irá colocar o nome
    da página na qual você quer que o link aponte. E &quot;página
    do beltrano&quot;, você escreve o texto que ficará sendo
    como link.</font></p>
</blockquote>


<hr size="4">

<p><a name="br"></a><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Quebra
de linha &lt;BR&gt;</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>É a tag
    utilizada para pular linha.</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;br&gt;
    &lt;br&gt; </font><font color="#0000FF" size="5" face="Arial"><font color=white>-</font><font
    color="#0000FF" size="4" face="Arial"><font color=white>&gt; você pulou duas
    linhas, e assim por diante.</font></p>
</blockquote>


<hr size="4">

<p><a name="espaco"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Espaço - &amp;nbsp;</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Insere espaços
    em branco que podem servir como parágrafo. Você irá
    digitar &quot;&amp;nbsp;&quot; em qualquer parte do texto,
    que você deseja inserir um espaço. Cada &quot;&amp;nbsp;&quot;
    equivale a um espaço.</font></p>
    <p><font color=white>&nbsp;</p>
</blockquote>


<hr size="4">

<p><a name="titulo"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Título &lt;H1&gt; &lt;/H1&gt;</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Insere título
    no corpo da página. Quanto mais você aumentar o nº mais,
    menor será o tamanho da letra. Ele vai até 6, logo &lt;H1&gt;
    será o maior.</font></p>
</blockquote>


<hr size="4">

<p><a name="img"></a><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Imagens</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Para
    inserirmos imagens (.gif ou jpg), em qualque parte do texto
    é assim, mas caso você queira aumentar ou diminuir os
    atributos dela... WIDTH (largura) e HEIGHT (altura), que são
    medidos em pixels:</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;img src =
    &quot;nomedaimagem.gif &quot; width= 24 height = 24&gt;</font></p>
</blockquote>


<hr size="4">

<p><a name="fonte"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Formatando a fonte</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;font&gt;
    &lt;/fonte&gt;</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>face = tipo
        da fonte;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>size =
        tamanho (vai de 1 até 7);</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>color = cor;</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;font face=
    &quot;arial&quot; size = &quot;1&quot; color =&quot;código
    da cor ou nome em inglês&quot;&gt;Digita o texto que foi
    formatado&lt;/font&gt;</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;b&gt;
        &lt;/b&gt; = negrito;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;i&gt;
        &lt;/i&gt; = itálico;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;u&gt;
        &lt;/u&gt; = sublinhado;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;sub&gt;
        &lt;/sub&gt; = subscrito; H<sub>2</sub>O;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;sup&gt;
        &lt;/sup&gt; = sobscrito = X<sup>2</sup>+Y<sup>2</sup></font></li>
</ul>


<hr size="4">

<p><a name="linha"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Linha horizontal</u></strong></font></p>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>width =
        largura;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>align =
        alinhamento';</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>size =
        expressura;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>noshade =
        estilo 3D;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>color = cor;</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;hr width =
    &quot;50%&quot; align = &quot;center&quot; size = 4 color =
    &quot;códigodacor ou nome em inglês&quot;&gt;</font></p>
</blockquote>


<hr size="4">

<p><a name="tabela"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Tag de tabelas</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Podemos criar
    tabelas. controlando assim o posicionamento das imagens, ou
    do texto.</font></p>
</blockquote>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;table&gt;
        &lt;/table&gt; </font><font color="#0000FF" size="5"
        face="Arial"><strong>-</strong></font><font
        color="#0000FF" size="4" face="Arial"><font color=white>&gt; indica o início
        e fim da tabela;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;tr&gt;
        &lt;/tr&gt; </font><font color="#0000FF" size="5"
        face="Arial"><strong><font color=white>-</strong></font><font
        color="#0000FF" size="4" face="Arial"><font color=white>&gt; início e fim
        de uma linha;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;td&gt;
        &lt;/td&gt; </font><font color="#0000FF" size="5"
        face="Arial"><strong><font color=white>-</strong></font><font
        color="#0000FF" size="4" face="Arial"><font color=white>&gt; indica o início
        e fim de uma tabela;</font></li>
</ul>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;table&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;tr&gt;</font></p>
    <blockquote>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;td&gt;AA&lt;/td&gt;</font></p>
        <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;td&gt;BB&lt;/td&gt;</font></p>
    </blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/tr&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/table&gt;</font></p>
</blockquote>

<p><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Bordas</u></strong></font></p>

<ul>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;table
        border = &quot;<strong><font color=white>X</strong><font color=white>&quot;&gt; onde <strong>X
        </strong>é o valor;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>width =
        largura;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>height =
        altura;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>colspan =
        expande a lardura da célula;</font></li>
    <li><font color="#0000FF" size="4" face="Arial"><font color=white>rowspan =
        expande a altura da célula;</font></li>
</ul>

<hr size="4">

<p><a name="frame"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Frame</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Permite que
    você divida sua área de visualização, exibindo vários
    documentos HTML simultaneamente. </font></p>
</blockquote>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>Crie um chamado
index.htm:</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;html&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;title&gt;FRAME&lt;/title&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;frameset cols
= &quot;14%, 86%&quot;&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;frame src =
&quot;menu.htm&quot; name = &quot;lista&quot; noresize&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;frame src =
&quot;conteudo.htm&quot; name = &quot;principal&quot; noresize&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/html&gt;</font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Preste bem
    atenção neste &quot;name =&quot;, ele significa o nome da
    posição da página.</font></p>
    <p>&nbsp;</p>
</blockquote>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>Agora um chamado
menu.htm</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;html&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;title&gt;FRAME&lt;/title&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body bgcolor =
&quot;black&quot;&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>Meu primeiro FRAME</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/body&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/html&gt;</font></p>

<p>&nbsp;</p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>E um chamado
conteudo.htm</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;html&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;title&gt;FRAME&lt;/title&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/head&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;body bgcolor =
&quot;black&quot;&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>Meu primeiro FRAME</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/body&gt;</font></p>

<p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;/html&gt;</font></p>


<hr>

<p><font color="#0000FF" size="4" face="Arial"><strong><u><font color=white>Trabalhando
com links em uma FRAME</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Você deverá
    colocar a seguinte tag na página onde você deseja, inserir
    um link, no qual irá apontar para a outra página.</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Digite esta
    tag nº 1.htm:</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;a href =
    &quot;pag02.htm&quot; target=&quot;principal&quot;&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Target indica
    em que parte da frame ela aparecerá, ou seja, no exemplo
    anterior o conteúdo da &quot;pag02.htm&quot; aparecerá na
    parte direita da frame.</font></p>
</blockquote>


<hr>

<p><a name="link2"></a><font color="#0000FF" size="4"
face="Arial"><strong><u><font color=white>Link para uma mesma página</u></strong></font></p>

<blockquote>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>Caso você
    queira inserir um link, apontando para a mesma página, é
    assim:</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;a name =
    &quot;sobre&quot;&gt;&lt;/a&gt; coloque essa tag na parte do
    texto que você quer que o link aponte.</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>&lt;a href =
    &quot;#sobre&quot;&gt;Sobre mim&lt;/a&gt;</font></p>
    <p><font color="#0000FF" size="4" face="Arial"><font color=white>No &quot;name=&quot;
    lá encima, você deve colocar qualquer nome, e no &quot;a
    href=&quot; você deve colocar o # mais o nome que colocou.</font></p>

</blockquote>



<hr>



</body>
</html>
 
Junior Rodrigo Nascimento
Enviado por Junior Rodrigo Nascimento em 15 de julho de 2010 hs