O que é HTML?
HTML (Linguagem de Marcação de HiperTexto) é o bloco de construção mais básico da web. Define o
significado e a estrutura do conteúdo da web. Outras tecnologias além do HTML geralmente são usadas
para
descrever a aparência/apresentação (CSS) ou a funcionalidade/comportamento (JavaScript) de uma
página da
web.
"Hipertexto" refere-se aos links que conectam páginas da Web entre si, seja dentro de um único site
ou
entre sites. Links são um aspecto fundamental da web. Ao carregar conteúdo na Internet e vinculá-lo
a
páginas criadas por outras pessoas, você se torna um participante ativo na world wide web.
O HTML usa "Marcação" para anotar texto, imagem e outros conteúdos para exibição em um navegador da
Web.
A marcação HTML inclui "elementos" especiais.
Estrutura base HTML
DOCTYPE>
O doctype não é uma tag HTML, mas uma instrução para o navegador e outros programas que podem
ler seu site, que o código encontrado ali é um código HTML. Assim eles sabem o que fazer para
mostrar seu site da melhor forma possível.
<html> </html>
Esta é a tag de abertura que indica o início de um documento HTML. Todo o
conteúdo HTML deve ser colocado entre e
.
: Esta é a tag de fechamento que indica o fim do documento HTML. Todas as outras
tags e conteúdos devem estar contidos dentro das tags e
.
Então, basicamente, quando você escreve no início e
no final de um documento HTML, você está definindo a estrutura básica do
documento HTML, indicando que todo o conteúdo está contido dentro dessas tags.+
<head> </head>
Esta é a tag de abertura que define a seção do cabeçalho de um documento HTML. O elemento geralmente contém informações sobre o documento, como o título da página, links para folhas de estilo CSS, scripts JavaScript e outras meta-informações. : Esta é a tag de fechamento que indica o fim da seção de cabeçalho ( ) do documento HTML. Todo o conteúdo que pertence ao cabeçalho do documento deve estar contido entre as tags e .
<title>
Esta é uma tag HTML usada para definir o título da página.
O título da página é exibido na barra de título do navegador ou na guia da página. É uma
parte importante de uma página da web, pois fornece uma breve descrição do conteúdo da
página.
<body> </body>
Esta é a tag de abertura que define a seção do corpo de um documento HTML. O elemento <body> contém todo o conteúdo visível da página da web, como texto, imagens, vídeos, links e outros elementos HTML. <body>: Esta é a tag de fechamento que indica o fim da seção de corpo ( <body>) do documento HTML. Todo o conteúdo visível da página deve estar contido entre as tags <body> e </body>
O que é CSS?
CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata) é uma linguagem de estilo
(en-US) usada
para
descrever a apresentação de um documento escrito em HTML ou em XML (incluindo várias
linguagens em
XML
como SVG, MathML ou XHTML). O CSS descreve como elementos são mostrados na tela, no
papel, na fala
ou em
outras mídias.
CSS é uma das principais linguagens da open web e é padronizada em navegadores web de
acordo com as
especificação da W3C. Desenvolvido em níveis, o CSS1 está atualmente obsoleto, o CSS2.1
é uma
recomendação e o CSS3, agora dividido em pequenos módulos, está progredindo para a sua
padronização.
Aqui estão alguns comandos do CSS
Comandos do CSS relacionados ao estilo de elementos:
color: Define a cor do texto.
Exemplo: color: blue;
font-family: Define a família de fontes a ser usada.
Exemplo: font-family: Arial, sans-serif;
font-size: Define o tamanho da fonte.
Exemplo: font-size: 16px;
font-weight: Define a espessura da fonte.
Exemplo: font-weight: bold;
text-align: Define a justificação do texto.
Exemplo: text-align: center;
text-decoration: Define decorações de texto como sublinhado, tachado, etc.
Exemplo: text-decoration: underline;
background-color: Define a cor de fundo de um elemento.
Exemplo: background-color: #FFFFFF;
border: Define a borda de um elemento.
Exemplo: border: 1px solid black;
margin: Define a margem ao redor de um elemento.
Exemplo: margin: 10px;
padding: Define o preenchimento interno de um elemento.
Exemplo: padding: 10px;
width: Define a largura de um elemento.
Exemplo: width: 200px;
height: Define a altura de um elemento.
Exemplo: height: 100px;
O que é BOOTSTRAP?
Bootstrap é um framework front-end que fornece estruturas de CSS para a criação de sites
e
aplicações responsivas de forma rápida e simples. Além disso, pode lidar com sites de
desktop e
páginas de dispositivos móveis da mesma forma.
Originalmente, o Bootstrap foi desenvolvido para o Twitter por um grupo de
desenvolvedores liderados
por Mark Otto e Jacob Thornton Logo e se tornou uma das estruturas de front-end e
projetos de código
aberto mais populares do mundo.
Antes de ser uma estrutura de código-fonte aberto, o Bootstrap era conhecido como
Twitter Blueprint.
Após alguns meses de desenvolvimento, o Twitter realizou sua primeira Hack Week: o
projeto ganhou
uma grande popularidade quando desenvolvedores de todos os níveis de habilidade usaram o
framework
sem qualquer orientação externa. Após o evento, ele serviu como guia de estilo para o
desenvolvimento de ferramentas internas na empresa por mais de um ano antes de seu
lançamento se
tornar públic