Blog Do Marco

DIFERENÇA DE CSS INLINE, INCORPORADO E EXTERNO

Cascadind Style Sheets ou css, serve para colocar mais cores e formas no seu código visualizado pelo usuário para deixa-lo bonito e agradável para eles. Conhecido como experiencia de usuário. Para implementar no seu código existe três maneiras, uma para cada necessidade.

1.Inline- Esse tipo é usado para atribuir estilos em um determinado elemento do HTML, pois é usado somente dentro dos elementos de marcação que se encontram dentro do container. Como no exemplo abaixo:

<body>

atributos do CSS

</div>

</body>

2.Incorporado- Esse tipo funciona bem quando se tem poucas paginas, como ele é dentro do código na seção<head> funcionará só para a mesma pagina. Exemplo:

atributos do css
</style>
</head>

3.Externo- Esse tipo é usado geralmente quando se tem um grande número de paginas, como é declarado em um arquivo separado do arquivo HTML, você pode facilmente mudar aparências de vários arquivos de uma vez só. Como no exemplo abaixo:

<head>

</head>

É usado o link<href> dentro da seleção head para o navegador conseguir o atributos que estão dentro do css.

CRIAÇÃO DE TABELAS

Tabelas

Para a criação de tabelas no HTML é usado a tag <table> é preciso também definir o que é linha<tr>, o que é coluna<td> e o cabeçalho <th>. Como no exemplo abaixo:
<table>
<tr>
<th>Cabeçalho</th>
</tr>
<tr>
<td>Coluna1</td>
<td>Coluna2</td>
</tr>
</table>

CRIAÇÃO DE LINKS

Link

No HTML o links são definidos pela tag <a> que acompanha o atributo href, que defini o endereço de destino do link. Eles podem ser relativos ou absolutos. Tendo que usar o "http://" quando for absoluto e sem quando for relativo(link para o mesmo site). Exemplos:

Absoluto:
<a href="http://link para o site"></a>

Relativo:
<a href="pag.html"></a>

COMO CRIAR PARÁGRAFOS, TÍTULOS E LISTAGENS

Parágrafo

Para a criação de parágrafos é usada a tag <p> que aplicada da seguinte forma:

<p>texto</p>

Títulos

Para os títulos existem algumas tags que podem ser usadas dependendo do tamanho do quer ser mostrada para seu usuário, que vai desde <h1> que é o título com mais enfase, até o <h6> com menor enfase. No código fonte eles ficam assim:
<h1>Texto</h1>
<h2>Texto</h2>
<h3>Texto</h3>
<h4>Texto</h4>
<h5>Texto</h5>
<h6>Texto</h6>

Listagem

Para criar uma lista temos que abrir a tag <ul> e depois aplicar a tag <li> para colocar cada item da lista. Como no exemplo abaixo:

<ul>
<li>Café</li>
<li>Chá</li>
<li>Leite</li>
</ul>

ESTRUTURA BÁSICA

A estrutura básica de um documento HTML, começa na maioria das vezes igual ou seja ela é quase imutável.Elas podem ser estruturadas em vários softwares, até mesmo no bloco de nota nativo do seu computador, só tendo que salvar o documento com a extensão certa(HTML). Veja um exemplo de como ela se inicia:

<!DOCTYPE html>

<html lang="pt-br">

<head>

<title>Título da página</title>

<meta charset="utf-8">

</head>

<body>Aqui vai o código HTML que fará seu site aparecer.
</body>
</html>

Doctype - Definindo o documento

É uma linha obrigatória do seu código para que os programas saibam o que fazer para mostrar seu site da melhor forma possível. E fazer com que eles reconheçam que ali é um HTML.
Head
São informações que não são visíveis pelo usuário, mas que tem a função de vincular com outros arquivos, a aplicação de lógica de programação de scripts e metadados. E toda a informação fica vinculada no cabeçalho entre a abertura e fechamento da <head></head>.

Body
Aqui é aonde seu HTML será desenvolvido, contendo elementos semânticos da construção da sua futura página que poderá conter cabeçalho, rodapé e o conteúdo. Assim, todo e qualquer texto que for para o usuário ver, terá que ser colocado aqui nessa tag.Na pratica é aplicada da seguinte forma <body></body>.

Blog Do Marco

terça-feira, 2 de outubro de 2018

DIFERENÇA DE CSS INLINE, INCORPORADO E EXTERNO

CRIAÇÃO DE TABELAS

CRIAÇÃO DE LINKS

COMO CRIAR PARÁGRAFOS, TÍTULOS E LISTAGENS

ESTRUTURA BÁSICA

DIFERENÇA DE CSS INLINE, INCORPORADO E EXTERNO

Pesquisar este blog