Ir para o conteúdo principal
Conhecimento público
  1. Home
  2. Posts
  3. Introdução ao HTML e CSS
Plano de estudo Publicado Lógico-matemática Inicial

Introdução ao HTML e CSS

Plano de estudo voltado a conhecer duas tecnologias para programação web.

Anotações pessoais do Curso HTML (HyperText Markup Language) e CSS (Folhas de estilo em cascata) da Udacity.

Martha Locks • Lógico-matemática • 30/09/2020
Link permanente
Objetivo educacional

Conhecer duas tecnologias para Programação Web.

Trilha de estudo

HTML

HyperText Markup Language ou HTML é a linguagem usada para descrever e definir o conteúdo de uma página da web.

O HTML usa tag, que é composta por caracteres especiais: <> e /. Eles são interpretados por softwares para compor um elemento HTML.

Algumas tags principais:

  • body (corpo no HTML)
  • head (significa cabeçalho)
  • h1 é o maior (temos h2, h3, h4 ... que são menores)

Existem várias outras TAGs no HTML, tais como: 

  • p (parágrafo)
  • span (intervalos)
  • image (imagem)

CSS

Folhas de estilo em cascata ou CSS são usadas para descrever a aparência do conteúdo da web.

O objetivo básico da linguagem Cascade Stylesheet (CSS) é permitir que um mecanismo de navegador pinte elementos da página com recursos específicos, como cores, posicionamento ou decorações.

  • property (propriedade) é o que define qual recurso será considerado.
  • value (valor) é o que descreve como o recurso deve ser tratado.

Obs.: Irei elaborar mais ao longo das semanas...

Materiais e recursos

Intro to HTML and CSS

These videos are part of a full course, Intro to HTML and CSS offered on https://udacity.com/.

Referências

https://www.w3.org/community/webed/wiki/HTML/Training/Tag_syntax

https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax

https://developer.mozilla.org/en-US/docs/Web/HTML

https://en.wikipedia.org/wiki/HTML

https://www.udacity.com

Continuidade dialética
Como este conhecimento evolui:
Tese Antítese Síntese

Este post é a tese. Leituras críticas e sínteses derivadas podem ampliar sua maturidade.


Antíteses desta tese

Carregando...

Sínteses geradas

Carregando...
Metadados do recurso
Tipo de documento: Anotação
Formato: Texto e Vídeo.
Requisitos técnicos:
Navegador google chrome e editor de textos.
Status: Publicado
Score: 80
Maturidade: Inicial
Apoio de IA: Não