«

»

maio 25

Curso html e css o que são tags

Curso html e css o que são tags 

Sejam bem vindos ao curso html e css o que são tags do meu canal youtube mais negócio, vamos da inicio a um curso de HTML,CSS e XHTML.

Curso html e Css o que são tags Aula 01

E hoje eu vou apresentar para vocês as tags do HTML, na verdade são muitas tags, depois vou ta mostrando para vocês todas as tags, e para começar vocês tem que entender o que é tags. Porque quando vocês aprenderem HTML,  XHTML ou HTML5 você vai ver o que é tags, o HTML é tags e todos os documentos HTML são tags.

Se você for criar uma página para colocar um simples texto, você vai ter que colocar 3 tags a primeira é a tag <html> a segunda a tag “red”<head> e a terceira “bore”<body>.mais antes de mostrar isso a vocês, eu vou mostrar o que são tags e depois vamos ver as tags  principais para construção de uma página HTML.

<Html>  nós temos aqui a tag  html as tag vem sempre dentro do sinal  “<” Menor que e “>” Maior que, e essa tag indica que esta começando um documento HTML, só que todas as tags  precisa ser fechadas, com exceção de algumas tags que estarei mostrando depois, então quando você inicia a tag HTML ela precisa ser fechada e como você faz, você pula algumas linhas apertando ENTER e você vai fecha-la, e pra você fechar é igual a abertura da tag, você vai colocar “<” Menor que e “/” barra e HTML e “>” Maior que, fechando a tag </html> pronto você fechou a sua tag.

Assista o Video com a Aula

Então todo conteúdo de sua pagina vai ficar aqui dentro dessas duas tags que é o <html> para abrir e o </html> para fechar, sempre as tags tem que ser fechadas, e Essa  tag aqui a <html></html> ela indica que aqui dentro é um documento html e se você colocar alguma coisa fora dessas duas tags o navegador não vai poder exibir.

Vamos conhecer agora a tag “red” <head>, que indica a onde é o cabeçalho do seu documento HTML, dentro da tag <head> colocamos o cabeçalho e os documentos CSS o “Taiton” <title>  o Java Script e também varias configurações que vamos estar vendo durante o curso

Então vamos colocar a tag “red”<head> dentro da tag HTML e depois vamos fecha-la </head> lembrando que a primeira tag que você abre vai ser a ultima a ser fechada, se a segunda tag é o “red” <head> ela vai ser a penúltima a ser fechada, vamos coloca-la aqui dentro da tag <html> e </head> fecha-la.

OBS: Vocês já viram que todas as tags estão dentro dos símbolos “<” Menor que e   “>” Maior que

Temos também a tag “bore”<body> ela fica logo abaixo da tag “red”<head>,como é essa  tag é assim para abrir “bore” <body> e para fecha-la </body>

Essas aqui são as tags HTML que você vai encontrar em todos os documentos HTML, você pode pesquisar em qualquer código fonte, que você vai encontrar essas  tags aqui, que esta indicando que é um documento HTML.

Dentro da tag “red” <head> temos a tag “Taitom”<title> se você não conhece e esta começando a aprender HTML eu vou mostrar para vocês um exemplo da tag “Taitom” <title> eu tô aqui no meu blog www.negocioerendaextra.com e a tag “Taitom” <title> é isso aqui, o que você colocar dentro da tag “Taitom” <title> vai ser exibida aqui no titulo do navegador a tag “taitom” quer dizer Titulo.

curso html e css o que são tags

Criando um documento simples

 

Vamos fazer um teste aqui criando um documento simples, e que vamos tá abrindo no “crome” chrome vamos voltar aqui para notepad++ e aqui dentro da   tag “red”<head> vamos  colocando a tag “Taitom” <title></title> e o que você colocar aqui vai ser exibido la no titulo do navegador. vamos colocar aqui <title> Aula 01 Titulo da janela do site </title>.

Eu vou vim aqui em arquivo “salvar  como” vou salvar em uma pasta e vou colocar o nome de Aula 01 Titulo da janela do site.html e salvar pronto tá aqui o arquivo é só colocar o cursor encima e vai mostrar que é um documento HTML. e pra você abrir é só colocar o cursor em cima e do arquivo um clik depois ir em abrir com google “crome” chrome, vejam ai esta o titulo que colocamos Aula 01 Titulo da janela do site.

Se mudarmos o titulo aqui e atualizarmos ele vai mudar é claro. vamos fazer um teste  aqui vou trocar o titulo por “Titulo da janela do site” é só da um Ctrl S para salvar vamos ate o navegador e atualizarmos a pagina.

Vamos colocar um texto aqui para ficar com mais um pouco de conteúdo a nossa vídeo aula e para colocar um texto em uma pagina é interessante colocarmos um paragrafo a tag do paragrafo é o <p> depois você coloca o texto aqui, e pra você fechar é como as outras tag </p> <p>INICIANDO COM O HTML TITULO DA JANELA DO SITE A TAG UTILIZADA PARA O TITULO DA JANELA É O “Taiton” “title”</p> agora vamos salvar dê um Ctrl  S para salvar vá ate o navegador e atualize e vejam que já temos uma estrutura básica de uma página em HTML, mais vamos ver muita coisa ainda, mais pra você que esta começando eu recomendo que você faça as aulas para você pegar o jeito de como você deve fazer.

Agora pra você dar uma quebra de linha você deve usar a tag <br /> veja que eu estou dando um espaço antes de colocar a barra para fechar, é que algumas tags  tem fechamento único, a tag quebra de linha é só isso, agora vou salvar e vou aqui no navegador, e olha só você colocou uma quebra de linha e ele deu um espaço e se você colocar outra tag quebra de linha <br /><br /> ele vai pular dois espaço e assim por diante, vamos salvar, agora  vamos aqui no navegador ver como funciona, pronto ele quebrou a linha ai mais uma vez, bom eu acredito que ficou bem explicado a tag <br />mais você não precisa se preocupar porque durante o curso vamos está explicando mais sobre essas tegs.

 Obs: Se você não tem nenhum conhecimento de HTML durante o curso html e css o que são tags, vamos está explicando e você poderá acompanhar o curso tranquilamente.

curso html e css o que são tags 01

Fazendo uma revisão

 

Para podermos finalizar, vamos fazer uma revisão para ficar bem explicado para depois podermos passar  para uma próxima aula. Você aprendeu que todo documento HTML começa com a tag  <html> e fecha com a tag barra e HTML </html>.

E aqui dentro você encontra a tag “red” <head> que é onde se coloca o cabeçalho do seu site. E a tag “bare” onde se encontra o corpo do seu site onde vai se encontrar todo seu conteúdo como Imagem, textos e muito mais, então tudo que você colocar aqui dentro da tag “bare” é o que vai ser exibido no seu navegador. E o que você colocar dentro da tag “red” são informações para o navegador  está podendo carregar o site sem problema, se você deixar de colocar alguma tag ou ignorar o fechamento de uma tag, pode ocorrer um erro na hora de carregar o site.

Vou dar um exemplo para ficar bem claro eu vou colocar aqui a tag <b> que é a tag negrito vamos vê como ela funciona, do mesmo jeito da tag <p>,você abre a tag <b> agora você ta dizendo para o navegador que à partir daqui ele vai começar colocar negrito, eu vou salvar vou dar Ctrl  S, essa tag está errada ela precisa ser fechada eu só tô dando um exemplo para que vocês vejam ai o erro, vamos lá para o navegador e vejam só ele colocou negrito em todo texto, que temos aqui em nossa pagina, porque eu não indiquei ao navegador ate a onde ele deve colocar o negrito, para você que ta aprendendo é bom você saber que toda tag que você abrir você vai ter que fechar, e você precisa seguir uma ordem para não ter nenhum erro no seu documento. Pra gente finalizar eu vou colocar negrito só nesse primeiro documento eu vou colocar aqui </b>, o que é que eu estou dizendo para o navegador que ele vai colocar negrito à partir daqui <b> e quando chegar na tag </b> ele vai parar, e o texto aqui apos a quebra de linha ou não, o navegador já sabe, que não precisa colocar mais negrito. agora vamos salvar, pronto agora está correto vejam que só o texto que eu determinei tá em negrito e o texto que esta depois que a tag foi fechada esta normal, é muito importante que você entenda isso e como dica eu deixo pra vocês trinarem, criem essa página simples mesmo, coloquem mais de um paragrafo, criam mais de um texto coloquem negrito vejam como fecha, vocês podem está pausando a vídeo aula e está copiando esse código, porque o que vai fazer todos vocês aprenderem é o treino vocês tem que treinarem para aprender, mais se tiverem qualquer duvida sobre essa aula deixem um comentário que vou esta respondendo. então vamos continuar com o curso na próxima aula

Dica Extra: Se você já é um profissional em marketing e já tem seu blog ou esta começando agora e não sabe como criar e monetizar seu blog ou site, aprenda passo a passo com  treinamento em vídeo com os melhores cursos de marketing que eu fiz e que indico para quem quer ter  SUCE$$O com seu blog ou site.

[do action=”formulario-quero-meu-e-book”/]

1 comentário

  1. Weslley

    http://www.uol94.com.br/canal/canal/zoio-e-barrado-no-shopping…-clique-para-assistir/41868a1k5s9h352154741852a21598572

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

  • Facebook