Como estruturar um documento html para fazer uma página web em seu pi framboesa

A fim de fazer uma página web sobre o Raspberry Pi, você terá de estruturar o documento HTML corretamente. Um trecho de código é uma boa maneira de ver como tags HTML funcionam e como o navegador interpreta-los, mas você precisa incluir muito mais informações e marcação antes que você pode criar uma página web realmente válido.

Um documento HTML tem duas partes principais: o cabeçalho (entre o e tags), e o corpo (entre o e etiquetas). O cabeçalho é usado principalmente para obter informações sobre a página web, enquanto que o corpo contém o conteúdo real da página.

Tag todos funcionam da mesma maneira, com um tag de abertura e outra de encerramento. Como você pode ver, é bom ter algumas tags dentro de algumas outras tags. Neste documento, todas as outras marcas, exceto a primeira estão dentro do abertura e fechamento.

Video: Tutorial Photoshop - Passando template de .PSD para HTML & CSS - Parte 1

Você não precisa memorizar todas essas novas tags, para sua sorte, porque aqui é um quadro que você pode reutilizar e levemente modificar para cada nova página web que você criar. Você precisa mudar apenas dois bits para cada página da web que você criar:

• e : Entre essas tags é o título da página, que aparece em marcadores, resultados de pesquisas, e na barra de título na parte superior do navegador (guia da página ou, se você estiver usando guias) quando você está visitando a página.

• e : Entre essas tags é onde você colocar todo o seu conteúdo da página web, então esta seção tende a ser bastante longa quando você está trabalhando com uma página web real. Neste exemplo, você pode ver que o trecho de HTML é entre as tags body.

Para aqueles que querem entender tudo isso, aqui está uma repartição do resto do documento:

• : Isso informa ao navegador qual versão do HTML que você está usando. Você pode ver o DOCTYPE para HTML5, que é simplesmente a palavra html. Versões mais antigas do HTML tinha tipos de documentos longos e complicados, e você ainda vai se deparar com estes ao longo do tempo.

• 
  
  
  

  e : Estas tags são usadas para marcar o início e fim do documento HTML. A tag de abertura também especifica o idioma do documento, neste caso, Inglês.

• e : Essas marcas marcar o início eo fim do cabeçalho. A única coisa dentro de nosso cabeçalho é o título da página, mas como você aprender mais sobre HTML, você vai se deparar com mais marcas que pertencem aqui.

• : Esta tag define o conjunto de caracteres que está sendo usado no documento, para que as pessoas que usam idiomas com alfabetos diferentes pode dizer qual deve ser usado. Para este projeto, há um conjunto de caracteres chamado utf-8. Você pode notar que há uma barra no interior do suporte de fechamento nesta tag. Isso porque a marcação não envolvem qualquer coisa, então ele não tem uma marca de fechamento separado.

  Em uma versão anterior do HTML chamado XHTML, cada tag teve que ser fechado, por isso, quando não havia nenhuma marca de fechamento separado, uma barra foi colocada dentro do colchete de fechamento da tag em vez. Muitas pessoas ainda consideram esta a melhor prática, mas é opcional.

  

Você pode usar espaços para recuar as linhas dentro do cabeçalho e do corpo e linhas em branco ao redor ambas as partes, para que possa ver mais facilmente onde o cabeçalho eo corpo começar e terminar. As pessoas muitas vezes fazer isso: Isso torna o HTML mais fácil de ler e editar. HTML ignora espaço em branco, de modo que não importa o quanto você usa, ou onde você colocá-lo.

Não importa tecnicamente se as tags estão em maiúsculas ou minúsculas, mas parece mais arrumado quando é consistente e convenção dita minúsculas para todas as marcas, exceto para a DOCTYPE.

Quando você abrir a página no navegador, ele parece o mesmo que o nosso trecho de código anterior fez no navegador, exceto que você verá um título na barra na parte superior do navegador, e é uma página web válido agora. Você poderia publicar isso na internet, se você queria, e ele iria trabalhar perfeitamente.

Porque parece apenas o mesmo, você pode se perguntar por que você precisa se preocupar com todas as outras marcas, então. A resposta é que a maioria dos navegadores são bastante tolerante e vai tentar contornar seus erros e omissões, mas você não pode contar com isso.

Video: Converter HTML em PDF Modo Gráfico

Você não sabe que o browser de um visitante pode utilizar para ver o seu site, então você precisa para fornecer toda a marcação correta, mesmo se a página funciona bem no seu Raspberry Pi. Outros navegadores ou dispositivos pode não ser capaz de lidar com um documento HTML inválido, bem como Midori lata.