Como exibir código fonte em uma página da Web
Os navegadores da Web permitem visualizar o código-fonte HTML e CSS de uma página web. Dando uma olhada no código-fonte de uma página web é uma ótima maneira de ver como ele é construído - e ver como você pode fazer algo semelhante.
Para ver o código HTML por trás de uma página da web, siga estes passos simples:
Go on-line e abrir um navegador web, como o Mozilla Firefox ou o Internet Explorer.
Vá a qualquer site, digitando o URL de qualquer página web cujo código HTML que você gostaria de ver.
Olhar para a fonte HTML da página:
No Firefox, escolha View-Page Source na barra de menu.
No Internet Explorer, escolha View-Source.
Você verá uma nova janela com o código HTML da página atual que você está vendo. Se você olhar através do código, você verá o conteúdo do texto da página e todas as tags para cada link. Você pode selecionar e copiar a página inteira ou qualquer parte dele.
A janela de origem mostra apenas o código HTML, não há documentos CSS externamente ligados (ver figura abaixo). Se a página usa CSS, a seção na parte superior do código HTML irá conter o caminho URL para o arquivo CSS. Você pode copiar o caminho e colar isso em campo de localização do seu navegador, como digitando um endereço da web e ver o código CSS que a página usa.
No exemplo, a ligação CSS está escrito como uma relativo caminho - em relação ao caminho já no navegador da web. Para completar o caminho que você precisa para anexar /unassets/css/smart_min.css para o URL que mostra na barra de endereços no topo da tela.
Quando terminar de adicionar o caminho relativo para o URL, você pressionar ou pressione Enter para acessar o CSS- se você estiver executando o Windows, o CSS aparece em um arquivo de bloco de notas que se abre automaticamente na tela, como na figura a seguir.
