HTML é focado em tudo que envolve conteúdo
-Textos
-Imagens
-Vídeos
-Tabelas
Quando se está em um site lendo uma matéria, esse texto foi reproduzido em HTML.
CSS é focado no designer, a parte que vai embelezar o site
-Cores
-Fontes
-Sobreposições de teto
-Estilizações no geral
-Tamanhos
-Proporções
foi proporcionado pelo CSS
Ai entra a Linguagem JAVASCRIPT que proporciona a interatividade do site
Essa trinca (JAVASCRIPT, HTML E CSS) vão ser pilares fundamentais para
desenvolvimento bem elaborado de um site.
NÃO ADIANTA APRENDER SÓ CSS OU HTML É NECESSÁRIO APRENDER AS TRÊS EM CONJUNTO PRA
SE TER UM BOM SITE.
JAVASCRIPT PROPORCIONA:
-Menus
-Animações
-Popups
-Validações : "Esse nome tal é invalido - exemplo"
Todas essas Interatividades foram proporcionadas pelo JAVASCRIPT
--------------------
Conteúdos em HTML
--------------------
Para TÍTULOS
Tag <h1> para abrir e tag </h1> para fechar
exemplo: <h1> Olá mundo </h1>
Para PARÁGRAFOS
Tag <p> para abrir e tag </p> para fechar
Para IMAGENS
Tag <img src="[Link]" alt="exemplo de foto>" onde (src) vem de source que
significa origem e (alt) de parâmetro oque seria alg alternativo, se a imagem não
for mostrada de alguma maneira ele vai dar algum exemplo de foto.
---------------
Estilos em CSS
---------------
se eu quiser modificar o estilo do h1 a tag a se usar será:
h1{
font-family: Arial; <- onde a família da fonte será Arial(exemplo)
font-size: 20pt; <- o tamanho será de 20 pontos (obs:px significa pixels)
color: blue; <- e a cor será apresentada na cor azul
}
obs: toda declaração tem ponto e vírgula no final.
ou seja, toda as informações inseridas no h1 (nosso título) sofrerão esses
modificadores.