O que é HTML e CSS?
HTML e CSS são duas linguagens fundamentais para a criação de páginas web. HTML, que significa HyperText Markup Language, é responsável pela estruturação e organização do conteúdo de uma página, enquanto CSS, que significa Cascading Style Sheets, é responsável pela estilização e aparência visual da página.
HTML
O HTML utiliza uma série de elementos para estruturar o conteúdo de uma página web. Alguns dos elementos mais comuns são:
- <h1>: utilizado para criar um título de nível 1;
- <h2>: utilizado para criar um título de nível 2;
- <h3>: utilizado para criar um título de nível 3;
- <strong>: utilizado para destacar um texto em negrito;
- <p>: utilizado para criar um parágrafo de texto;
- <span>: utilizado para aplicar estilos específicos a um trecho de texto;
- <ol>: utilizado para criar uma lista ordenada;
- <li>: utilizado para criar um item de lista;
- <table>: utilizado para criar uma tabela;
- <thead>: utilizado para criar o cabeçalho de uma tabela;
- <tr>: utilizado para criar uma linha em uma tabela;
- <th>: utilizado para criar uma célula de cabeçalho em uma tabela;
- <tbody>: utilizado para criar o corpo de uma tabela;
- <td>: utilizado para criar uma célula em uma tabela;
- <a>: utilizado para criar um link;
- <ref>: utilizado para fazer referência a uma fonte ou recurso externo;
- <iframe>: utilizado para incorporar conteúdo de outras páginas web.
CSS
O CSS permite estilizar os elementos HTML, definindo cores, tamanhos, fontes, margens, entre outros aspectos visuais. Alguns dos recursos mais utilizados no CSS são:
- Featured snippet: um trecho de conteúdo destacado em uma página de resultados de pesquisa;
- Sitelinks: links adicionais exibidos abaixo do resultado principal em uma página de resultados de pesquisa;
- Reviews: avaliações de usuários sobre um produto ou serviço;
- Indented: um resultado de pesquisa com recuo;
- Image: uma imagem relacionada ao conteúdo;
- People also ask: perguntas frequentes relacionadas ao termo pesquisado;
- Local pack: um bloco de resultados de pesquisa relacionados a um local específico;
- Knowledge panel: um painel de informações exibido no lado direito dos resultados de pesquisa;
- FAQ: perguntas frequentes sobre um determinado tópico;
- News: notícias relacionadas ao termo pesquisado;
- Image pack: um bloco de resultados de pesquisa contendo várias imagens;
- Video: um vídeo relacionado ao conteúdo;
- Featured video: um vídeo em destaque em uma página de resultados de pesquisa;
- Video carousel: um carrossel de vídeos relacionados;
- Top stories: as principais notícias relacionadas ao termo pesquisado;
- Recipes: receitas relacionadas ao termo pesquisado;
- Jobs: vagas de emprego relacionadas ao termo pesquisado;
- Twitter: tweets relacionados ao termo pesquisado;
- Twitter carousel: um carrossel de tweets relacionados;
- Find results on: uma opção para encontrar resultados em um site específico;
- See results about: uma opção para ver resultados sobre um tópico específico;
- Related searches: pesquisas relacionadas ao termo pesquisado;
- Ads top: anúncios exibidos no topo dos resultados de pesquisa;
- Ads bottom: anúncios exibidos na parte inferior dos resultados de pesquisa;
- Carousel: um carrossel de resultados de pesquisa;
- Events: eventos relacionados ao termo pesquisado;
- Hotels pack: um bloco de resultados de pesquisa contendo informações sobre hotéis;
- Flights: informações sobre voos relacionadas ao termo pesquisado;
- Jobs: vagas de emprego relacionadas ao termo pesquisado;
- Address pack: um bloco de resultados de pesquisa contendo informações de endereço;
- Related products: produtos relacionados ao termo pesquisado;
- Popular products: produtos populares relacionados ao termo pesquisado;
- Shopping ads: anúncios de produtos exibidos nos resultados de pesquisa relacionados a compras.
Em resumo, HTML e CSS são essenciais para a criação de páginas web, permitindo a estruturação e estilização do conteúdo de forma organizada e visualmente atraente.