HTML – Site Criado por MoneyAcess

codigos

Tag base do html

<!DOCTYPE html>
<html lang= "pt-br">

<head>

<meta charset= "UTF-8/>

<meta name="viewport"content=width=device-
width, initial-Scale=1.0">

<title>nome do documento</title>

</head>

<body>

<h1>ola, Mundo</h1>

</body>

</html>

<head>

cabeça do projeto

<body>

corpo do site

h1 a h6

Titulos e Subtitulos

escrever um paragrafo

<hr>

traçar uma linha

<br />

usado para quebrar uma linha

alguns Simbolos

&Reg;
&Copy;
&Trade;
&Euro;
&Pond;
&Yen;
&Cent;
Delta;
Uparrow;

todos os simbolos devem ser usado o “&” e as letras devem ser minúsculas, exceto alguns que são usados em Letras Maiúsculas

caso queira usar emojis no seu site você pode usar o site a seguir
Acesse aqui

Alguns Formatos de Compactação de Foto

JPEG=.jpg

JPEG é a forma de compactação mais adequada para imagens em seu site

Sempre utilize o tamanho ideal para suas fotos, nunca coloque uma foto gigante e diminua com CSS, isso só ira pesar seu site mais para frente

PNG=.png

PNG é mais usado quando precisa de uma imagem com fundo transparente

Tamanhos de Imagem

nunca usar uma imagem maior e diminuir com códigos, isso só pesará mais o seu site quando tiver muitos acessos

Podemos adicionar uma imagem no seu site usando o seguinte comando

o parâmetro alt do código img é usado para identificação para pessoas com deficiência visuais

Usar uma Favicon no seu site “imagem de favorito”

para utilizar a Favicon basta digitar o seguinte comando
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

Texto Negrito

basta utilizar a tag <strong>

texto italico

basta utilizar a tag <em>

Texto marcado

podemos criar um texto marcado usando a tag <mark>

texto deletado

basta utilizar a tag ~~<del>~~

texto inserido

basta utilizar a tag

texto sobrescrito

caso queira digitar algo como X² basta utilizar a tag <sup>

texto subscrito

caso queira digitar algo como H₂O basta utilizar a tag <sub>

CODIGO NO SEU SITE?

Nós somos (ou seremos) programadores, e por isso compartilhamos muito código-
fonte em diversas linguagens. Para isso, existe a tag <code> da HTML onde você pode 
delimitar seu código. A principal vantagem no uso dessa tag é a o valor semântico que 
ela representa, indicando ao navegador que se trata de um código de computador. 
Porém, existe também um efeito visual, pois as letras ficam no modo mono-espaçadas
(monospace), o que facilita bastante a leitura do código.

para fazer isso basta escrever o codigo dentro do par de tags <code></code>

Texto pre-formatado

nao pense que quando usar a tag <code></code> seu codigo vai ficar lindo ou maravilhoso, pelo contrario vai ficar muito baguncado, por isso utilizamos as Tags <pre></pre>

citação no texto?

muitas vezes precisamos fazer uma citação e para isso usamos o par de tags <q></q> mais esse codigo e mais utilizado em paragrafos.

e se eu quiser fazer uma citacao mais longa?
para isso iremos utilizar o par de tags <blockquote><blockquote>

E se eu quiser cocar um link para o texto original? podemos usar o parametro cite exemplo <blockquote cite=”link-destino.com”></>

Abreviacoes no seu site?

para isso usamos o par de tags <abbr></abbr>

EXEMPLO:
<p>Eu estou estudando <abbr title= “Cascading Style
Sheets”>CSS</abbr></p>

texto invertido?

e se por ventura eu precisar fazer um texto invertido como eu faco?

e simples basta utilizar o par de tags
<bdo dir=”rtl OU ltr”> texto</bdo>

e para que serve o rtl e ltr

rtl significa= da direita para a esqueda

ltr da esqueda para a direita

lista ordenada

sabia que a tag <ol> possui um parametro? pois é existe o parametro type

valor padrao. criar listas numeradas. Ex:1,2,3,4…

criar listas alfabeticas em Maiúsculo Ex:A,B,C,D,…

criar lista alfabeticas em minúsculo

criar listas com algorismos romanos em Maiúsculo

criar listas em algorismos romanos em Minúsculo

codigos

Alguns Formatos de Compactação de Foto

PAGINA ANTERIOR