Jump to content

  2. →
  3. →

Photo

Tags

Started By sakurinha, 11/05/2004, 13:39

  • Faça o login para participar
14 replies to this topic

#1 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 11/05/2004, 13:39

:huh: :huh: :lol:
Eu andei pesquisando sobre Html, mas nunca tiram minhas duvdas , elas podem parecer babacas, mas entendam, por favor......estou começando....
O que significam extamente tags........por um acaso isso eh tag:..... <br>, P/>......e porq tenho q por um antes e uma depois?
:wacko: <_<

#2 allan.wa

allan.wa

    Turista

  • Usuários
  • 26 posts
  • Sexo:Não informado

Posted 11/05/2004, 13:50

com o <br> vc pula uma linha...

Ja com o <p></p> vc tem que abrir e fechar ele... pois ele é um elemento, consequentemente uma tag.

Qualquer duvida é só postar.
___________________________________________________
Está procurando um carro? Ou querendo verder o seu?
Então não perca mais tempo e acesse agora mesmo

www.BuscaCarros.com.br
___________________________________________________

#3 saninha

saninha

    Novato no fórum

  • Usuários
  • 13 posts
  • Sexo:Não informado
  • Localidade:Novo Hamburgo - RS
  • Interesses:Internet. Programação. Edição de Imagens. Músicas. Textos. etc

Posted 11/05/2004, 13:50

Nao sei explicar a fundo o que é a tag, mas assim: <br> e </p> sao sim tags. Sao os codigos onde tu vai informar o que vai acontecer depois. por exempro: o <br> é como se fosse o enter. o <b> e </b> é o negrito. Quando tu queres escrever algo em negrito tu escreve depois do <b> e para demarcar o fim vem sempre a "/" antes do codigo ja escrito na tag anterior.
Nao sei se fui muito clara, mas tentei ajudar.
Qualquer coisa pergunte d novo ok? ;)


/.ontem.eu.estava.sonhando./
/.que.eu.estava.com.voce./
/.mas.eu.só.estava.sonhando./
/.com.uma.coisa.que.nao.vai.acontecer./

#4 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 11/05/2004, 14:19

;) :)
Puxa, valeu mesmo!!! Tirou uma baita dúvida da minha cabeça.........
Mas, vou perguntar outra coisa........para cada cor, eu tenho um codigo em html, certo?.......e onde encontro esses codigos?...........uma tabela......?

#5 caduCO

caduCO

    Na correria.

  • Conselheiros
  • 688 posts
  • Sexo:Masculino
  • Localidade:Em algum lugar no Planeta Terra

Posted 11/05/2004, 14:42

Achei uma pequena tabela:
http://www.thedragon....br/tabela.html

Veja se ajuda linda!

Sobre as dúvidas em HTML, acharia legal vc dar uma olhada nesses tutorias daqui:
http://www.wmonline....&categoria=html
Procurando Host com qualidade? Visite => ::Comnecta - Soluções sob medida para você:: Planos a partir de R$ 7,50 Assine agora e pague daqui 30 dias.
Reflita: O Amanhã poderá nunca mais existir. Então lutai hoje, pois o momento se faz presente.
--------------------------------------
Administrador aposentado!

#6 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 11/05/2004, 15:02

:) :lol:
Cadu!!!
Brigada pela dica!!!
Vc eh mto lindo!!

#7 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 13/05/2004, 14:08

:) :D
Bom.......eu sei q existem uma pah de codigos de tag........como <p>, <br>, <i>, <b>, mas......onde eu encontro uma tabela cm cada um desses significados?.......por exmplo.........o q eh <td>....?

#8 Lengrat

Lengrat

    Mestre

  • Usuários
  • 638 posts
  • Sexo:Não informado

Posted 13/05/2004, 15:29

Oie Sakura


Um documento HTML é um ficheiro de texto normal que pode conter apenas textos ou outras diretivas especiais, que denominamos de TAG, para realizar determinada função. Estas diretivas são delimitadas por caracteres reservados, que quando interpretados por um programa especial, executam a função a que se destinam. Elas podem afetar o texto, estabelecer um link para outro documento, criar títulos, inserir imagens, introduzir menus, listas, etc.

Em resumo, um documento HTML é formado por tags disponibilizadas em forma estruturada, que ditam ao browser como definir a aparência, a funcionalidade e a interatividade de determinado documento.

Uma tag é representada pelo sinal <> e em seu interior, são definidas todas as diretivas de um determinado elemento, suas propriedades e atributos que darão forma ao documento.

A estrutura de um documento HTML obedece uma hierarquia que chamamos de PAI e FILHO. Exemplo:

A tag <HTML> engloba as tags <BODY> e <HEAD>. Com isso, dizemos que <HEAD> e <BODY> são filhos de <HTML>e por sua vez <HEAD> é pai de <TITLE> e irmão de <BODY>

É assim que funciona as estruturas de cada tag e suas sub-tags correspondentes.

A sintaxe e as regras formais para a HTML foram definidas usando uma outra linguagem muito complexa chamada Standard Generalized Markup Language ( SGML ), desenvolvida a partir dos anos 80. A SGML é um padrão Internacional ( ISO- Internacional Organization for Standardization ) para definir as linguagens de marca. Isto é, uma metalinguagem para definir as diferentes regras de linguagem. Na verdade, a SGML era o único padrão adequado para definir uma linguagem como a HTML .

A SGML permite definir as regras da sintaxe ( como as tags podem ser escritas ) e da gramática ( por exemplo: um elemento item pode ter vários list, mas não vice-versa) . Todas essas regras são definidas em um recurso chamado Document Type Declaration ( DTD ). Ou seja, o DTD define os nomes dos elementos, os atributos que cada tipo suporta e a gramática para esses elementos.

Para voce conhecer um pouco mais sobre cada Tag ou elementos, visite aqui querida Glossário de Html. Ao lado direito deste primoroso site sobre Dreamweaver, tem uma coluna que é exatamente oque vc procura. Um glossário de Tag e Elementos HTML.

:P (y)

Bjks

Edição feita por: Lengrat, 13/05/2004, 15:38.

#9 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 14/05/2004, 12:28

;) <_<
Noossaa valeu pela dica!!!
Ajudoo mtoooooo!!!!
Agora.....por exemplo.....num texto em html......com codigos e tals......

<!--INICIO - PERSONALIZAÇÃO -->
<b><font color="#800080" size="2">Perfil</font></b><br><br>
<b>Nome</b>: Tatinha<br>
<b>Idade</b>: 19<br>
<b>Cor</b>: Rosa e Azul<br><br>

tipo assim....soh vai ser editado o q estah entre tags.....certu?.........o <!--INICIO - PERSONALIZAÇÃO --> naum vai ser editado..........certu?.......gente desculpa pelas duvidas bobas, mas eu to começando.....hehe

#10 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 14/05/2004, 12:35

Como assim editado?
o que estiver entre <!-- e --> vc pode mudar que nao vai fazer nd, isso eh so um comentario...
no seu codigo, vc pode editar tudo...

<b><font color="#800080" size="2">Perfil</font></b><br><br>
<b>Nome</b>: Tatinha<br>
<b>Idade</b>: 19<br>
<b>Cor</b>: Rosa e Azul<br><br>

1- deixa o texto "Perfil" em negrito, cor 800080 e tamanho 2
2- deixa o texto "nome" em negrito
3- " "" "" "
4- " "" "" "
vc pode editar o texto digitado (perfil, idade, 19, cor, etc..) pode mudar a cor, o tamanho...

nao entendi o que vc falou em editar.. se puder explicar melhor..
nao precisa pedir desculpas :) eh assim msm (y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#11 xleandro

xleandro

    Saber eh poder

  • Usuários
  • 359 posts
  • Sexo:Não informado
  • Localidade:ES
  • Interesses:Linguagens de programaçao, SO`s, hardwares e softwares.

Posted 14/05/2004, 12:35

Certo...

<!--INICIO - PERSONALIZAÇÃO --> 

Isso eh apenas um comentario, sempre q dentro de uma tag tiver ! na frente, significa q akilo eh um comentario, isso facilita mto de intender o codigo, normalmente quem escreve o codigo faz isso para mostrar o procedimento ah ser usado, oq ira fazer e talz, mas isso nao interfere em nada, eh apenas para ajudar a intender melhor o codigo fonte.

[]`s

:)

Edição feita por: xleandro, 14/05/2004, 12:37.

Nesta guerra jah conquistamos grandes e pequenas batalhas, desde as mais faceis ateh akelas que para qualquer outro mortal seria dita como inalcansavel, mas então, pq continuar? Simples...
Pq o mais importante não eh vencer todas as batalhas, mas sim perpetuar a guerra. ;o)
Meu fotolog: http://www.pixlog.net/xleandro
Leandro Pretti

#12 sakurinha

sakurinha

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 14/05/2004, 14:14

:lol: :(
Ahhh beleza, entendi!!!
Tipo assim.....tenho aki....<b><font color="#800080" size="2">Perfil</font></b><br><br>
entaum..........eh negrito, tamanho 2...etc, etc......ese no lugar de font....eu por verdana.....vai estar em verdana.....certu?

#13 Lengrat

Lengrat

    Mestre

  • Usuários
  • 638 posts
  • Sexo:Não informado

Posted 14/05/2004, 15:00

o Elemento <Font> Tem suas propriedades. Color e size são apenas umas delas.

Para voce determinar qual a fonte que vai ser escrita, vc determina a propriedade face

<font color="#800080" face="verdana" size="2">

Se vc utilizar o Dreamweaver Mx e editar um código html no editor de código, quando vc estiver digitando a palavra font e der um espaço logo em seguida, aparecerá uma caixinha com tooooodas as propriedades que o elemento font tem.

Sugiro que vc dÊ uma mexidinha por lá =)

(y) Kissu

Edição feita por: Lengrat, 14/05/2004, 15:01.

#14 Rurouni Tiago Kun

Rurouni Tiago Kun

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino

Posted 14/05/2004, 16:19

HTML, Hypertext Markup Language, linguagem de marcação de hypertexto, oq é um hypertexto? Hypertexto é um texto dinâmico, oq principalmente faz a dinâmica desses textos são os links, mas eles tbm tm formas de mídia como imagem, som, etc...
Cada TAG em si é um objeto, nela se tm as propriedades assim como o Vash disse.
Só não aconselho a usar a tag <B>, use <STRONG>, pq B (de bold) nem todos navegadores exibirão como negrito, alguns exibirão como sublinhado tbm, mas é quesão de escolha, por exemplo o EM e o I são iguais, o S e o STRING... Existem tags diferentes que fazem as msm coisas!
Usar o DreamWeaver é a melhor opção dos profissionais, mas se vc ñ qr usar esse o Front Page pode ser uma boa base de início, apesar de não ser tão bom assim!
Tamanho de fonte é definido por um número de 1 a 7, nas configurações normais do navegador representarão respectivamente:
n.º|Fonte
1 - 8
2 - 10
3 - 12
4 - 14
5 - 18
6 - 24
7 - 32
Para maiores fontes, inicialmente vc pode usar a tag BIG repetidamente uma dentro da outra, mas com o tmp vc vai aprender um outro modo para isso.
Cores:
se vc sabe converter decimal em hexadecimal ajuda muito se não aqui vai os três numeros mais usados:
hex | dec
#00=0
#80=128
#FF=255
Esse número é como a tabela de cores do Paint, RRGGBB, Red, Green e Blue, respectivamente, ou seja, alguns exemplos:
#FF0000=vermelhor
#FF8000=laranja
#FFFF00=amarelo
#00FF00=verde
#00FFFF=azul céu
#0000FF=azul
#FF00FF=roxo
Quanto aos paragrafos funciona assim:
P=parágrafo dividido:
<P>Linha 1</P>
<P>Linha 2</P>
Vai exibir:
Linha 1

Linha 2
Agora com DIV funciona assim:
<DIV>Linha 1</DIV>
</DIV>Linha 2</DIV>
Vai exibir:
Linha 1
Linha 2
Sem pular no meio, vc pode obter o msm efeito usando a quebra de parágrafo (BR):
<P>Linha 1<BR>
Linha 2</P>
Vai exibir:
Linha 1
Linha 2
A diferença está no alinhamento, por exemplo
<DIV align=center>Linha 1</DIV>
<DIV align=right>Linha 2</DIV>
Vai exibir:
Linha 1
Linha 2
Já com quebra vai td igual:
<P align=center>Linha 1<BR>
Linha 2</P>
Vai exibir:
Linha 1
Linha 2
Ou com dois paragrafos, mas com espaçamento de uma linha:
<P align=center>Linha 1</P>
<P align=center>Linha 2</P>
Vai exibir:
Linha 1

Linha 2
É realmente dificil explicar oq td tag significa, o bom msm é pegar um tuto, uma apostila ou msm usar um editor gráfico, ou faça um curso de Web Designer. Se surgir mais dúvidas terei prazer em ajudar, apesar de estar meio mal explicado eh pq senão fica muito grande, mais do q já tah!!!!! por isso resolvi parar por aqui, mas o TD é uma coluna de uma tabela, só uma explicação rápida:
<TABLE>
<TR><!--Define a primeira Linha-->
<TD><!--Define a primeira Coluna-->
Linha 1 Coluna 1
</TD>
<TD><!--Define a segunda Coluna-->
Linha 1 Coluna 2
</TD>
</TR>
<TR><!--Define a segunda Linha-->
<TD><!--Define a primeira Coluna-->
Linha 2 Coluna 1
</TD>
<TD><!--Define a segunda Coluna-->
Linha 2 Coluna 2
</TD>
</TR>
</TABLE>
Comentarios vem entre <!-- e --> e podem ser removidos sem afetar o fonte, porém ele facilita o entendimento do programador, qndo o código eh muito grande é recomendável o seu uso!
Tm dificuldades em dar mais de um espaço? use a tag <PRE></PRE> se não gostar do resultado por causa da fonte, substitua seus espaços em conjunto (dois ou mais) todos por &nbsp; exemplo:
Texto Com Um Espaço, Agora vou pular quatro espaços:&nbsp;&nbsp;&nbsp;&nbsp;Fim!
8) Pode Crê
RoX a LoT

#15 Rurouni Tiago Kun

Rurouni Tiago Kun

    Turista

  • Usuários
  • 31 posts
  • Sexo:Masculino

Posted 14/05/2004, 16:30

droga deletaram os espaços, q era meu alinhamento -___- q sux, mas vc entendeu neh?
links:
<A HREF="pagina.htm">Página</A>
*use index em letra minuscula
Sintaxe:
<A HREF="URL/E-MAIL/SCRIPT/ETC..." target="ÂNCORA" name="NOME">Título/Rótulo</A>
URL:
<A href="http://www.uol.com.br">Site da UOL</A>
*use http:// se o site for fora do seu domínio
E-Mail:
<A href="mailto:seunome@site.com.br">seu apelido</a>
Abrindo site em nova janela:
<A href="http://www.uol.com.br" target=_blank>Site da UOL</A>
o _blank faz abrir em uma nova janela, sempre que clicar nesse link, agora se vc digitar um nome tipo target="siteuol" sempre vai abrir na msm janela por ela foi nomeada como "siteuol", ou seja, se vc não fechar a janela e clicar novamente no link naum abrirá nova janela. outros usados no target eh _top para página topo, _self para página atual, etc
Mandando e-mail já com o título formado:
<A href="mailto:seunome@site.com.br?subject=titulo">seu apelido</a>
Ou título e jah escrito o começo do corpo:
<A href="mailto:seunome@site.com.br?subject=titulo&body=email">seu apelido</a>
Imagem:
<IMG SRC="local/URL">
Imagem menor
<IMG SRC="local/URL" width=80 heigh=80>
Imagem alinhada
<IMG SRC="local/URL" align=middle>
Tipos de alinhamentos:
top=topo
bottom=embaixo
left=esquerda
right=direita
center=centro horizontal
middle=meio vertical

mais alguma coisa? vc vai usar frames? mapa de imagem? alguma outra coisa?
8) Pode Crê
RoX a LoT
Voltar para HTML, CSS e Metodologias


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq