HTML & CSS Basics

You’re certainly already acquainted with document editors, like Microsoft Word, with which you can structure your document with titles, paragraph, lists, tables, images, bold and italic text.

HTML provides roughly the same elements of formatting. The key difference is that formatting text in Microsoft Word is visual, whereas HTML code is purely semantic: you provide meaning to your text.

The same way you use notes to write music, you use HTML to write webpages.

While HTML is about defining the content of a webpage, CSS is about styling a webpage. It means setting colors, fonts, dimensions, margins, positions, of a webpage’s elements.

CSS brings a webpage to life, by applying a coat of paint on its static content, and elevates its purpose through color, space, emphasis and motion.

Certamente você já está familiarizado com editores de documentos, como o Microsoft Word, com os quais você pode estruturar seu documento com títulos, parágrafos, listas, tabelas, imagens, texto em negrito e itálico.

HTML fornece aproximadamente os mesmos elementos de formatação. A principal diferença é que a formatação do texto no Microsoft Word é visual, enquanto o código HTML é puramente semântico: você fornece significado ao seu texto.

Da mesma forma que você usa notas para escrever música, você usa HTML para escrever páginas da web.

Embora o HTML seja sobre a definição do conteúdo de uma página da Web, o CSS trata o estilo de uma página da Web. Isso significa definir cores, fontes, dimensões, margens, posições dos elementos de uma página da Web.

O CSS dá vida a uma página da Web, aplicando uma camada de tinta em seu conteúdo estático e eleva sua finalidade por meio de cor, espaço, ênfase e movimento.