HTML (The Hypertext Markup Language) e CSS (Cascading Style Sheets) são duas das principais tecnologias para a construção de páginas Web. HTML fornece a estrutura da página, CSS o layout (visual e aural), para uma variedade de dispositivos. Junto com gráficos e scripting, HTML e CSS são a base para a construção de páginas Web e aplicações Web. Saiba mais abaixo sobre:
o que é HTML?
HTML é a linguagem para descrever a estrutura das páginas Web. HTML dá aos autores os meios para:
- publica documentos online com títulos, textos, tabelas, listas, fotos, etc.
- recupere a informação online através de links de hipertexto, com o clique de um botão.
- formas de projeto para a realização de transações com serviços remotos, para uso na busca de informações, Fazer reservas, encomendar produtos, etc.
- incluem folhas de espalhamento, clipes de vídeo, clipes de som e outras aplicações diretamente em seus documentos.
com HTML, os autores descrevem a estrutura das páginas usando a marcação. Os elementos da linguagem rotula peças de conteúdo, tais como” parágrafo, “” lista, “” tabela, ” e assim por diante. o que é XHTML?
XHTML é uma variante do HTML que usa a sintaxe de XML, a linguagem de marcação extensível. XHTML tem todos os mesmos elementos (para parágrafos, etc.) como a variante HTML, mas a sintaxe é ligeiramente diferente. Como XHTML é uma aplicação XML, você pode usar Outras ferramentas XML com ele (como XSLT, uma linguagem para transformar conteúdo XML). o que é CSS?
CSS é a linguagem para descrever a apresentação de páginas Web, incluindo cores, layout e fontes. Permite adaptar a apresentação a diferentes tipos de dispositivos, como telas grandes, telas pequenas ou impressoras. CSS é independente do HTML e pode ser usado com qualquer linguagem de marcação baseada em XML. A separação do HTML do CSS torna mais fácil manter sites, compartilhar folhas de estilo através de páginas, e adaptar páginas para diferentes ambientes. Isto é referido como a separação da estrutura (ou: conteúdo) da apresentação.
o que é WebFonts?
WebFonts é uma tecnologia que permite às pessoas usar fontes a pedido sobre a Web sem exigir a instalação no sistema operacional. W3C tem experiência em fontes transferíveis através de HTML, CSS2 e SVG. Até recentemente, fontes transferíveis não eram comuns na Web devido à falta de um formato de fonte interoperável. O esforço WebFonts planeja abordar isso através da criação de um formato de fonte aberto e suportado pela indústria para a Web (chamado “WOFF”).
exemplos
o seguinte exemplo muito simples de uma porção de um documento HTML ilustra como criar uma ligação dentro de um parágrafo. Quando renderizado na tela (ou por um sintetizador de voz), o texto do link será “relatório final”; quando alguém aciona o link, o navegador irá recuperar o recurso identificado por “http://www.example.com/report”:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class atributo no parágrafo a tag de início (“<p>”) pode ser usado, entre outras coisas, para adicionar estilo. Por exemplo, para colocar em itálico o texto de todos os parágrafos com uma classe de “moreinfo,” pode-se escrever, no CSS:
p.moreinfo { font-style: italic }
Por colocar essa regra em um arquivo separado, o estilo pode ser compartilhada por qualquer número de documentos HTML.