Resumo do aprendizado ( espero que ajude a quem interessar ) ^_^ OBS: Copia aqui e cola no word por causa da configuração

Abrir arquivo no navegador = Ctrl + O

Criada pelo britânico Tim Berners-Lee, o acrônimo HTML significa HiperText Markup Language, traduzindo ao português: 
Linguagem de Marcação de Hipertexto

html = linguagem de marcação (ele permite inserir o conteúdo e estabelecer a estrutura básica de um website. 
Portanto, ele serve para dar significado e organizar as informações de uma página na web. 
Sem isso, o navegador não saberia exibir textos como elementos ou carregar imagens e outros conteúdos)

<meta charset> = Tag para direcionar a linguagem e corrigir alguns erros de pontuação deve ser usada no início das 
instruções, juntamente com o padra ="UTF-8"
dessa forma:
<meta charset="UTF-8">

--------------------------------------------------------------------------------------------------------------------------
<br> = Pular linha
<h1>Texto</h1> = Titulo

Obs. gerais: algumas tags como <br> não precisam ser fechadas, e outras como <h1> precisam, e na tag de fechamento,
deve ser colocado uma barra </h1> dessa forma indicando que é o final da tag.

--------------------------------------------------------------------------------------------------------------------------
<a>Texto</a> = Ancora

Obs. gerais: A tag <a> deve ser usada com o atributo href=Link para indicar o site a ser acessado, dessa forma:
<a href=http://www.site.com.br>Texto que ao clicar vai direcionar para o link</a>

href = Atributo principal da tag anchor, usado para indicar a localização do arquivo de destino ao qual 
o link se refere

Considerações gerais: o HTML é estático e não dinâmico, dessa forma ele não permite gerar funções que se alterem sozinhas
exemplo: pular várias linhas sem ficar copiando e colando as tags, fazer um contador e qualquer outra atividade mutável

--------------------------------------------------------------------------------------------------------------------------
<script> Tipo de Comandos e Textos </script> = Comando para identificar uma cadeia de comandos e textos como em 
JavaScript

Exemplo básico de um PopUp: 

<script>
alert("Sejam todos bem vindos");
</script>

alert("Texto"); = Instrução JavaScript para PopUp

Considerações:
Todos os textos em Java deve conter parênteses e aspas e devem ser finalizados com ; (ponto e vírgula) 
(o uso do ponto e vírgula é opcional, mas em alguns códigos pode dar erro a ausência do mesmo)

Dicas:

String = Termo técnico usado quando falamos de texto
Para abrir o depurador de erros (debugger) no Google Chrome digite as teclas Ctrl + Shift + i
Para localizar os possíveis erros nos códigos, basta ir na guia console


--------------------------------------------------------------------------------------------------------------------------
<script>

document.write("Texto");

</script> 

Essa é a estrutura básica para escrever textos em JavaScript.

Exemplo de aplicação:

document.write("A idade dele é <br> 18");

ou

document.write("A idade dele é");
document.write("<br>");
document.write("18");

ambos exemplos terão o mesmo efeito.

considerações finais: 
se não for colocado Aspas nos números dentro de Java, esses números serão entendidos como numeros e poderão ser 
feitas operações com os mesmos, tais como: soma, subtração e outras.
Exemplo:

document.write(18 + 30); vai retornar um resultado no navegador de 48

ja no caso de serem utilizadas as Aspas esses números serão identificados como textos (string) e serão somados como tal.
Exemplo:

document.write(18 + 40); vai retornar um resultado no navegador de 1840 
A esse tipo de soma de textos é dado o nome de Concatenação

Estruturas: 

TAGs: Sinal de menor < Comando e Sinal de maior > 
Desta forma: <comando>

se a tag for necessária fechar, deve ser acrescido uma barra antes do comando no fechamento 
Desta forma: </comando>

<comando> Onde deve ser executado o comando </comand>

JavaScript:

Instrução Parênteses Aspas Parâmetro Fecha parênteses Fecha aspas Ponto e virgula
Exemplo alert("Isso é um PopUp");

--------------------------------------------------------------------------------------------------------------------------

Exemplo de configurações diferentes e o mesmo resultado:


        document.write(("<br>") + ("<br>") + "Exemplos diferentes e resultados iguais");

        document.write(("<br>" + "<br>") + "Exemplos diferentes e resultados iguais");

        document.write("Exemplos diferentes e resultados iguais");
        document.write("<br>");
        document.write("<br>");

        document.write("Exemplos diferentes e resultados iguais");
        document.write("<br>" + "<br>");

        document.write("Fim")


    TAGs, INTRUÇÕES e PARÂMETROS

    <meta charset="UTF-8>

    <br>

    <h1>Texto</h1>

    <a href=http//www.site.com.br> Texto a ser ancorado ao Link </a>

    <script> JavaScript </script>

alert("popup");

document.write("Texto");