[Web Coder] #HTML
2 participantes
Página 1 de 1
[Web Coder] #HTML
Aula 1(2/5)- Visão Geral: HTML Modelo de Cabeçalho
HTML- Modelo de Cabeçalho
HTML- Modelo de Cabeçalho
<+html> inicio do documento
<+head> inicio do cabeçalho do documento
<+title> inicio do documento
<+head> inicio do cabeçalho do documento
<+title> inicio do documento
<+/title> fim do documento
<+/head> fim do cabeçalho do documento
<+body> inicio do conteúdo do documento (é o corpo da página)
<+/body> fim do conteúdo do documento
<+/html> fim do documento
<+/head> fim do cabeçalho do documento
<+body> inicio do conteúdo do documento (é o corpo da página)
<+/body> fim do conteúdo do documento
<+/html> fim do documento
O comando <+h1> correspondem ao tamanho da fonte. Nestes casos existe uma variação na internet, os valores vão de 1 a 6, sendo que a número um corresponde a maior delas. Inserindo os comandos teremos a seguinte visão:
<+h1> Titutlo tamanho 01 <+/h1>
<+h2> Titulo tamanho 02 <+/h2>
...
É interessante conhecer os tamanhos e verificar quais deles podem ser utilizados. Os tamanhos podem facilmente transparecer maior ou meno profissionalismo, portanto capriche, viste sites e verifique quais os tamanhos de fonte são utilizadas com maior frequência.
<+h1> Titutlo tamanho 01 <+/h1>
<+h2> Titulo tamanho 02 <+/h2>
...
É interessante conhecer os tamanhos e verificar quais deles podem ser utilizados. Os tamanhos podem facilmente transparecer maior ou meno profissionalismo, portanto capriche, viste sites e verifique quais os tamanhos de fonte são utilizadas com maior frequência.
O <+P> corresponde ao inicio de um parágrafo, deixando uma linha em branco entre cada parágrafo.
A marcação <+br> Faz uma quebra de linha sem acrescentar espaço extra entre as linhas.
A primeira coisa que você precisa saber sobre o plano de fundo é que as cores são predefinidas por códigos. Para facilitar o entendimento colocarei um pequeno modelo de paleta de cores. É importante sabermos que existem milhares de cores, para tanto, basta fazer uma pequena pesquisa em tabela de cores em HTML, como a que se segue:
Para sabermos os códigos das cores usadas como plano de fundo é importante as conhecermos. Por tanto utilizaremos de uma tabela como esta:
Para inserir uma imagem de fundo a imagem que será inserida deve está em boa qualidade e salva dentro da página em que o site está sendo salvo. Desta maneira é possível ter uma boa qualidade eficiência na execução da inserção da imagem.
Caso você queira apenas inserir uma imagem digite o comando abaixo:
<+img src="imagem">
A marcação <+br> Faz uma quebra de linha sem acrescentar espaço extra entre as linhas.
A primeira coisa que você precisa saber sobre o plano de fundo é que as cores são predefinidas por códigos. Para facilitar o entendimento colocarei um pequeno modelo de paleta de cores. É importante sabermos que existem milhares de cores, para tanto, basta fazer uma pequena pesquisa em tabela de cores em HTML, como a que se segue:
Para sabermos os códigos das cores usadas como plano de fundo é importante as conhecermos. Por tanto utilizaremos de uma tabela como esta:
Para inserir uma imagem de fundo a imagem que será inserida deve está em boa qualidade e salva dentro da página em que o site está sendo salvo. Desta maneira é possível ter uma boa qualidade eficiência na execução da inserção da imagem.
Caso você queira apenas inserir uma imagem digite o comando abaixo:
<+img src="imagem">
Editando os Textos:
Texto negrito
<+b>texto aqui<+/b>
Texto sobrescrito
<+sup>texto aqui<+/sup>
Texto em itálico
<+i>texto aqui<+/i>
Texto subscrito
<+sub>texto aqui<+/sub>
Texto sublinhado
<+u>texto aqui<+/u>
Texto mono-espaço
Texto negrito
<+b>texto aqui<+/b>
Texto sobrescrito
<+sup>texto aqui<+/sup>
Texto em itálico
<+i>texto aqui<+/i>
Texto subscrito
<+sub>texto aqui<+/sub>
Texto sublinhado
<+u>texto aqui<+/u>
Texto mono-espaço
<+tt>texto aqui<+/tt>
OBS: Os códigos estão com com um "+" mais porque eu não vou desativar o HTML do tópico, então entendam sem o "+" mais.
Junior-
Cedaspy
Última edição por Junior- em Sex 11 Out 2013, 14:32, editado 2 vez(es)
Junior-- Membro Sênior
- Mensagens : 271
Re: [Web Coder] #HTML
Para iniciantes é um ótimo tutorial,e também existe o dreamweaver que ajuda muito na hora de programar.
redbear- Novato
- Mensagens : 8
Tópicos semelhantes
» Aprenda HTML - Mais tags HTML
» Aprenda HTML - Oque é HTML ?
» [Web Coder] #Objetivo do Módulo
» [Web Coder] #Tecnologias Disponíveis
» [Web Coder] #Profissões Relacionadas
» Aprenda HTML - Oque é HTML ?
» [Web Coder] #Objetivo do Módulo
» [Web Coder] #Tecnologias Disponíveis
» [Web Coder] #Profissões Relacionadas
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Dom 08 Abr 2018, 18:40 por JorgeZinhoo002
» Ojkjeeeee
Seg 10 Out 2016, 23:19 por Frozen
» Naruto Great Ninja Batle
Dom 09 Out 2016, 14:29 por GuiinhoLP
» Recrutamento de um Designer para jogo de CDZ.
Sex 23 Set 2016, 18:37 por newbie123
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:11 por Eduardo
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:11 por Eduardo
» Serviços de suporte maker( Programação , Design , PixelArt ) E Vendas de Jogos
Qui 22 Set 2016, 20:09 por Eduardo
» Projeto Dbz
Qua 31 Ago 2016, 23:46 por 157
» Avaliação - Sprites Naruto
Qua 31 Ago 2016, 17:09 por 157
» [Sprites] DBZ (Plix)
Qua 31 Ago 2016, 14:13 por 157
» Super Pack - Bleach V.2
Qua 31 Ago 2016, 13:02 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:04 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:03 por 157
» [PEDIDO][PROJETO][RECRUTAMENTO] DYNISTYGAMES
Ter 30 Ago 2016, 10:02 por 157
» [Pedido] Contador de resets na FrmMain
Sáb 13 Ago 2016, 17:45 por killers97
» [Recrutamento]
Qua 10 Ago 2016, 23:09 por Monsters
» Ajuda erro no Cliente e Servidor do EEB 2.6!
Qua 20 Jul 2016, 19:53 por Binholx
» Como criar tilesets para Eclipse Origins 3.0 (POKÉMON)
Qua 29 Jun 2016, 19:46 por Sir Aaron
» Recursos Pokemons
Qua 29 Jun 2016, 19:34 por Sir Aaron
» erro frm flash
Qua 25 maio 2016, 13:51 por vava123
» Pedido - Pack de star wars
Qui 19 maio 2016, 05:06 por edsonpet
» [Ajuda] Sobre como por o servidor on por ip fixo
Ter 17 maio 2016, 16:14 por vava123
» Illusion Dimension - O Misterio do ID: BETA TESTE ONLINE
Sex 06 maio 2016, 20:02 por LksFlorencio
» [NSME] Naruto Shinobi Maker Engine
Qua 23 Mar 2016, 15:11 por luana1457
» Script /base,/casa Igual DBZ Forces
Dom 21 Fev 2016, 07:34 por JorgeZinhoo002
» [Pedido]Colar Tsunade item sprite eclipse origin
Qui 21 Jan 2016, 07:38 por lawllietbr
» [Pedido] Elysium
Sáb 19 Dez 2015, 11:31 por luana1457
» Naruto - Recruta
Ter 15 Dez 2015, 18:40 por Uchiha ~
» [Avaliação] - Kirito from Sword Art Online; Red and Pikachu from Pokemon.
Qua 25 Nov 2015, 13:43 por Thanakii
» [Avaliação] - Kenpachi Zaraki from Bleach; Libra Shiryu From Saint Seiya.
Qua 25 Nov 2015, 12:55 por Thanakii
» Demonstração de Sprites (Á VENDA!)
Qua 25 Nov 2015, 12:40 por Thanakii
» [Sistema de Reset]Para Eclipse .
Ter 24 Nov 2015, 16:51 por VithorUchi
» Cada Guild Nascer em Certo Mapa
Qui 12 Nov 2015, 06:13 por fabiofeijó_HIT
» Dragon Ball z Fusion A Grande Volta
Qui 29 Out 2015, 15:17 por fabiofeijó_HIT
» Ajuda com Ip fixo
Seg 26 Out 2015, 16:07 por GalaxyHells15
» Como Fazer um GUI no Eclipse Origins
Dom 18 Out 2015, 22:10 por Jeanleee
» Shisui Susanoo
Dom 18 Out 2015, 20:23 por Jeanleee
» Fantasy Art Online
Dom 18 Out 2015, 16:41 por daviih123
» Ajuda !!
Seg 05 Out 2015, 12:13 por andersonzika
» como passar o usuário e senha para o MainMenu?
Seg 28 Set 2015, 22:03 por Bëzerk
» Ru time ero 13 Type mismatch
Seg 28 Set 2015, 09:08 por andredarle
» Jarvis 1.3 Download
Qua 23 Set 2015, 18:42 por soares125
» [Avaliação/Disponibilização]Árvore 64x64
Qua 23 Set 2015, 15:15 por Over~
» Mlk's Zikas Signatures
Ter 22 Set 2015, 21:15 por Aikawa Reborn'
» Pedido de Sistemas
Dom 20 Set 2015, 18:05 por cleyton_05
» [AjudaEEB]Gerador de EXP
Qua 16 Set 2015, 14:04 por Over~
» [Avaliar] Base, Humano e Goblin.
Seg 14 Set 2015, 22:51 por .iBlaz3.
» Fabrica do Tio Cronos!
Dom 13 Set 2015, 21:31 por [ADM]Cronos
» [PixelArt] Minion - Meu malvado favorito
Dom 13 Set 2015, 12:51 por [ADM]Cronos
» [Avaliar] Goku Dragon Ball Z
Qua 05 Ago 2015, 21:36 por Setrux