English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

HTML - uma linguagem website explicado - por mais de 35s

Web design RSS Feed





Este é um olhar muito superficial no site o código HTML, para aqueles que nunca fizeram qualquer tipo de estudos de computador na escola e nunca tive a necessidade ou oportunidade de olhar "sob a saia" do seu site da média. Não há nada que um webmaster experiente vai encontrar aqui isso não é muito básico, mas para aqueles que apenas começaram a descobrir o 'website' e, especialmente, aqueles que se arriscam ... talvez a partir de uma conta própria, Aqui está uma compreensão básica para despertar o interesse e, eventualmente, desencadear a aprendizagem process.If você nem sabe do que estou falando quando digo HTML, como forma de acompanhar o que estamos a falar de como vamos nós, em seguida, basta ir a esta página - Home Based Business & Affiliate Center e clique na opção "Exibir" na parte superior do navegador, e selecione "Source" ou "Page Source" (dependendo do tipo do seu navegador) a partir do drop-down menu. Você será confrontado com um documento do Bloco de notas com quem silly símbolos, letras e números sobre ele. Bem, esse é o código HTML. É o modelo codificado "para a página da web (e não o site inteiro) que você está procurando em. Manter o documento com o Notepad aberto para se referir ao discutirmos cada part.PS eu tive que adicionar alguns espaços para os códigos de exemplo que não seriam normalmente lá, caso contrário, os códigos de exemplo seria realmente o "trabalho" e influenciar a forma como o artigo olhei nos sites de artigo que aceitam as suas propostas de artigos com a capacidade de código HTML. Mas você vai ficar com a ideia ... HTML nada mais é que um conjunto de instruções para seu navegador Programa (ou qualquer programa usado para ler páginas da web) para interpretar e apresentar a página Web de uma forma visual para você ver. É composto de símbolos individuais, com cada uma delas tem um significado em si, ou às vezes um conjunto de eles (muitas vezes muitos personagens longo), que representa uma instrução simples para qualquer lugar, uma parte da página web, dizem ... uma imagem em um determinado local ou para executar uma function.Firstly, no topo, você verá o código HTML tag <>, que é identificar o idioma a ser utilizado. Então você vê uma marca. Isso é comparável ao "cabeçalho" em uma carta, onde o nome da empresa, endereço e número de telefone iria. É lá para os motores de busca, como Google e Yahoo, etc, para que eles possam, num relance, ver o que a página web é e do que se trata. No âmbito da tag <> Existem <meta> tags, cada um dos quais contém informações sobre diferentes aspectos da página da web como, o título, uma breve descrição, o programa usado para criá-lo, informações sobre direitos autorais, palavras-chave que se relacionam com o assunto na página da web e outras instruções que são destinadas exclusivamente para os robôs do Search Engine (aranhas, lagartas - eles têm nomes diferentes), quando pórtico seção <head> é, então, fechada com um </ head>. Isso é uma parte importante do código html. Cada marca que contém uma instrução precisa ser "acabado", usando a mesma marca com uma '/' na frente. Este é o programa dizendo que este tipo de instrução especial terminado. É como dizer 'over' no final de uma transmission.There rádio são demasiados diferentes tipos de etiquetas de instrução para abranger, em um artigo simples, mas que abrange alguns dos mais comum dar-lhe a idéia básica. Em seguida é o órgão tag <>. Este é o início de uma parte da página web que serão visíveis no navegador. No caso de meu exemplo Web, a marca é longo, pois contém algumas instruções específicas, que se aplicam à página da Web inteira. Eles dizem respeito ao fundo da página (neste caso de uma imagem está sendo usada para um fundo que serve de listras verticais), a cor do texto da página e as cores diferentes de todo o 'hyperlinks' na página (antes, durante e depois que eles estão sendo clicado por alguém). Obviamente, isso seria uma tarefa enorme a explicar sistematicamente cada entrada como tenho feito até agora, mas basta dizer, existem vários tipos de etiquetas contendo instruções codificadas que dizem ao navegador (ou que programa é usado para produzir a representação visual do código HTML) o que colocar na página web, onde colocá-lo, qual a cor para torná-lo etc Só no que diz respeito às cores, todas as cores do arco-íris representado por um sistema de seis dígitos chamado sistema de "hexadecimal", que não precisamos entrar exceto para dizer que cada código que parece '# A1B2C3' representa uma colour.The particular mais freqüentemente utilizados codificados instruções encontradas em uma página web são: </ font> - Uma marca da fonte é a instrução para o navegador sobre o tamanho do tipo e cor de texto entre essas tags é ser. Quando alguma coisa sobre as mudanças de fonte, você vai ver a nova etiqueta contendo a nova instrução, que pode ser simplesmente uma mudança de cor. Por exemplo: <font face = "Arial" color = "# FFFFFF size =" 4 ">. Trata-se de texto escrito em fonte Arial, cor branca (# FFFFFF), Tamanho 4 (que é 14pt texto). </ b>, </ i>, </ u> - Texto também pode ter outras tags dentro da fonte <> sim, o que denota, uma vez que estes fazem, respectivamente, em negrito, itálico e sublinhado tipo . Quando o negrito e itálico, ou sublinhado tipo é interrompido, é necessário que haja uma correspondente </ b> ou </ i> etc, para instruir o programa para voltar ao tipo padrão. </ p> - é uma quebra de parágrafo. Ele também pode conter informações adicionais como onde alinhar a entrada (esquerda, direita, centro ou justificar). Por exemplo: <p align = "left"> <br> - é uma quebra de linha única. Não transportar quaisquer instruções adicionais. </ Table> - A tabela é apenas uma caixa. Pode ser de qualquer tamanho, em qualquer posição e têm fronteiras ou não, que são coloridas ou planície, pontilhada ou sólidos etc Ele pode ter uma cor de fundo específico, que é diferente do fundo da página principal. Pode conter números diferentes de linhas, colunas ou ser apenas uma única caixa aberta. Se a tabela é dividida em linhas ou colunas, as diferentes seções dentro da tabela são chamadas de "células" que todos podem ter a borda, tamanho e opções de fundo como a tabela. </ tr> - Define uma linha dentro de uma tabela. É sempre contidas entre uma tabela <> e </ table> tag. </ Td> - Define os atributos de uma determinada célula em uma tabela. Novamente, ela só pode ser entre uma tabela <> e < / table> tag. Por exemplo: uma "célula" ou </ td> tag pode ter esta aparência: <td width = "100%" height = "64" bgcolor = "# FFFFFF" style = "border: 1 solid # BF0000; padding: 2" > Nesse código especial, indica a largura de 100% (de a tabela na qual ela está contida), a altura é representado por 64 pixels - ambas as percentagens ou exata medida do pixel pode ser escolhido. A cor de fundo é, como você pode ver, # FFFFFF, que é branco e tem um borda sólida de 1 pixel de espessura e cor da borda é # BF0000, que é uma cor vermelho / castanho. Você também ver um outro atributo - estofamento, que neste caso é '2 'pixels. Esta é a zona "tampão" ao redor da borda interna do a célula de modo que o conteúdo da célula (texto, imagem ou qualquer outro) não se sentar direito até a borda da borda da célula. </ a> - é uma 'marca de âncora. É mais frequentemente utilizado para criar um hiperlink para outra página (em o mesmo site) ou outro site completamente. O "âncora de hiperlink 'terá a tag <a href>. Tags Hyperlink conterá o local onde o utilizador está a tomar. Por exemplo, um link para o meu site exemplo seria como este: <a href = http://www.online-plus.biz "target =" _new "> Qualquer que seja o texto é para conter a linkYou observará também um atributo 'target', que determina se o destino do link abre em uma 'nova' browser janela (neste caso) ou pode ser designado para abrir na mesma window.The <a tag> também pode ser usado para 'link' para outro ponto da mesma página da web. Neste caso, a tag usada ainda será o <a href> sim, mas a ponto para o qual você deseja que ele terá que ir a uma <a> name tag. Por exemplo: <a href = "whatever"> O texto que será o link </ a> e aponte o na página para que as ligações terão uma tag <a name = "whatever"> Word ou imagem naquele ponto ligados </ a> </ img> - é a instrução para inserir uma imagem. Claro, o programa precisa de saber qual a imagem a inserir assim, esta marca irá conter a localização da imagem (usando 'src', significando fonte), que será geralmente dentro de uma pasta no servidor que hospeda o site. No entanto, essencialmente, o endereço (URL) da imagem Qualquer em qualquer servidor público pode ser inserido e que a imagem será exibida na web página. É representada assim: <img border = "0" src = "images/logo1.png" width = "195" height = "66"> Esta instrução diz que a imagem (com o nome do arquivo 'logo1.png ") tem No Border ( "0"), é de origem (onde está localizado é a pasta 'imagens' dentro deste site). Tem também as medidas da imagem em pixels. Se uma imagem de outro site precisava de ser inserido, o URL completo da imagem iria aparecer. Por exemplo, se este imagem foi localizado em outro servidor web, ao invés do "src" ser apenas "images/logo1.png '(que é um endereço de site local), seria necessário' http://www.other-website. com / images/logo1.png ', para que o programa saberiam exatamente aonde ir para recuperar os image.That 's sobre tudo o que pode ser coberto em um curto prazo (artigo ou não tão curto), no entanto, espero que para aqueles que têm ou nunca viu código HTML ou aqueles que têm considerou alguns jargão misterioso segredo técnico, agora vê-lo como mais amigável e understandable.In meu dia mais cedo eu encontrei sites como o W3Schools como uma fonte inestimável no processo de compreensão que todos os gobbledygook 'significava. Existe também uma lista completa de todas as diferentes tags HTML e seus significados. Tenho certeza que minha mais de 35 pares (e possivelmente até mesmo os mais jovens) serão too.The 2005 Edition de Steve Brennan

Artigo Fonte: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster começa O Código do HTML
Adicionar este artigo para o seu site agora!

Webmaster enviar seus artigos
Nenhum registro necessário! Preencha o formulário e seu artigo está no Messaggiamo.Com Diretório!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Envie os seus artigos para Messaggiamo.Com Directory

Categorias


Copyright 2006-2011 Messaggiamo.Com - Mapa do Site - Privacy - Webmaster enviar seus artigos para Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu