fala pessoal aqui o professor mateus para o planalto torando estarei trabalhando com vocês aulas de html e css para iniciar começaremos com o html paz vamos lá nesse modo de html iremos aprender a estrutura e os primeiros comandos com html para começar precisaremos utilizar editores de texto você pode utilizar editores com o próprio bloco de notas que é padrão do windows o php dito o sublime teste tem o flash html de um livre e várias outras que são algumas versões pagas e outras não para nossas aulas utilizaremos o notepad mais mais pois se trata de
um editor leve fácil de usar e está em português você pode ver pelo menos aqui beleza então vamos começar nossas aulas primeiramente iremos aprender a estrutura do html uma página web é composta de texto e comandos especiais que são afastados até inicial do html escrita dessa forma iniciamos com um sinal de menor a tag que iremos utilizar e fechamos e algumas delas elas necessitam de uma de abertura outra de fechamento como estamos vendo para fechar utilizamos uma barra antes do nome da tag como vivemos aqui você pode observar que o editor e ainda não está
reconhecendo o arquivo como um tipo html para fazer isso eu gostamos vim aqui em linguagem selecionar html e ele já irá reconhecer essa esse script com o html agora basta salvarmos o arquivo escolhemos o local intex ponto html você vê que já está escrito aqui e salvamos pronto criamos nosso arquivo html ouvimos aqui na nossa porta já vemos que ele está aqui se abrirmos ele não editou digo no navegador aqui tá não tem nada porque não colocamos nada ainda mas vamos começar a segunda etapa importante da história da ktm l é até guide que é
a cabeça do nossa página na tag rir ave em toda as informações que você irá passar o navegador do sobre o seu site inicialmente iremos trabalhar somente com o título que é o tato e depois iremos aprender outras outros parâmetros também da rede o tato ele indica qual será o nome do do nosso título do site ele aparecer na água de cima do navegador logo aqui você vê que não tem nada escrito aqui vamos colocar aqui nossa primeira página irá aparecer lá salvamos o documento venus navegador é carregamos você pode ver que já está escrito
aqui nem fácil e simples é tão beleza a segunda é importante imprescindível para o documento html e até de bolle nela você irá colocar todo o conteúdo da sua página tudo que irá aparecer ao usuário você colocará dentro d'água na rede ela só pra só o navegador irá reconhecer o que você coloca dentro dele ele não será visível usuário ao leitor mas dentro da bota tudo que você destaque irá aparecer vamos ver aqui um exemplo salvamos o documento que carregamos a página e aqui está escrito olha aqui também então é bem simples dá pra entender
bem estrutura e como funciona a principal estrutura de uma página em html sempre com trabalhando com códigos é imprescidível comentarmos o todo o nosso código pois para não nos perdermos e várias linhas linhas de código e para acabar no confundindo a mais pra frente é sempre importante comentar o nosso código cada parte do código você comentar indicando conquistar relacionado aquilo é bem simples iniciamos um sinal de menor exclamação 2-1 o que você quer comentar e fechamos novamente dessa forma todo o nosso código poderá ser comentado elegível o comentário não é visível o usuário mas quando
você vê no navegador e pede para ver o código-fonte ele aparece somente nesse caso a tag p/l indica em parágrafo ela é usada quando você vai digitar textos ou qualquer coisa que seja muito extenso utilizamos sempre até ip para indicar um parágrafo pois assim é melhor dividido em sua página basta iniciamos com a tag p e fechamos com a barra nela no final é uma tag que precisa ser aberta e fechada com tag separadas a tag br é usada para pular uma linha de texto o navegador ele não reconhece quando você digita em tem na
no teclado ele não reconhece aquilo como o próximo parágrafo a única forma que eles a reconhecer é com utilizando a tag br a tag h/a que vai do nível 1 até os 61 e usada para formatação do conteúdo é através destas tag que o bucho do google procura o que é mais relevante na sua página ela é muito usada em títulos de seu conteúdo como de um parágrafo o título de um artigo então sempre quando você for usar um artigo que escreveu um comentário e tiver um título é sempre importante que você usa a tag
h do nível 1 ao 6 ou que você queira chamar mais a atenção vamos ver aqui como é que ela se comporta dentro da página vemos aqui no navegador e recarregamos para ver como ficou tá vendo ho-1 que é um texto bem grande e o garcez que é um texto bem pequeno da menor importância mas sempre importante utilizar seja para o que você for chamar a atenção mais para algum conteúdo utilize a tag h do 1 ao 6 a tag hrl insere uma barra e seu conteúdo se salvar no saque e recarregamos o navegador vemos
que cria foi criada essa barra que cobre toda a página você pode customizar essa barra de alguma forma mas é sempre importante disse a ela para separar algum conteúdo de outro para ficar mais visível até o l é usada para ordenação quando você foi criar uma lista ordem nada você utiliza tag o ele e os lz ele é o elemento que define um hit desse a lista ela pode ser tanto na lista ordenada como não ordenada para você escolher qual seu tipo de ordenação você vem aqui em taipe que você pode selecionar no nosso caso
está escrito não abre de nome iniciando estar ter iniciado a partir de um se mudarmos o que para 3 veremos navegador que esse tipo de lista vai começar a partir do terceiro se mudarmos esse tipo no caso pra a e começamos aqui em a veremos aqui que irá começar com letras também e se colocarmos e que são números romanos ele irá aparecer em números romanos ouvimos aqui navegador reiniciamos e assim sucessivamente até que o ele é usada para se criar uma lista não ordenada é a ela inicia com ela e fecha com ele e os
parâmetros da mesma forma com ele tivemos aqui no navegador vemos que aqui está é criada uma lista não ordenada a tag o l é muito utilizada para a criação de menus e subir - por se tratar de uma lista na ordem nada e separar melhor ela até de mg é usada para se chamar imagens para a nossa página ela se inicia com o inmg de imagem e ela não tem uma tag de fechamento não precisa de um imagem de uma tag barra imagem ela ela sozinha mesmo fecha você precisa apenas inserir por questão de semântica
e inseriam a barra no final dela os r 6 indica onde está arquivado essa imagem no nosso caso temos uma imagem dentro da própria pasta que criamos nosso arquivo em 10 ou então chamava dessa forma o crc e o caminho da imagem o tato é usado para colocarmos um título nessa imagem vamos ver um exemplo agora que vencemos aqui n recarregamos a página e vemos que a nossa mas está aqui se deixarmos nosso mal posicionado em cima da imagem vemos o título que colocamos para aquela imagem super simples e fácil né para a criação de
links utilizamos a tag a hf oa significa que indica que você vai brincar algo e hf é para onde esse link irá levar no caso colocamos um site do google com o nosso exemplo o hf basta você colocar o caminho desse link no título é apenas um título para este link o target é muito importante pois assim você define aonde esse link vai irá abrir no caso você pode usar tanto como para sua na recarga ela na própria página onde está ou você abrir uma nova aba é recomendável utilizar em uma nova aba no nosso
caso nil pois assim você induz o usuário continuar no seu site mesmo você indicando o link para ele clicar ele clica é aberta nova aba porém o seu usuário continua no seu site iniciamos ela aqui fechamos colocamo texto que irá a vi e fechamos novamente vamos olhar aqui como ficou exemplo agora aqui está o nosso link clique aqui você vê que está indicando para o google ao clicar mos irá abrir em uma nova aba fazendo com que ele permaneça sua página b é sempre importante isto por questão de você não perder o usuário bom pessoal
vamos finalizar nossa aula de hoje por aqui na próxima aula iremos continuar com o nosso conteúdo bom é isso pessoal espero que vocês tenham gostado se inscreva no canal para acompanhar nossas aulas clique não gostei favorito esse vídeo e nos ajude a ajudar vocês trazendo mais conteúdo e mais aulas então até a próxima era holly i