Lembrando HTML é Hypertext Markup Language que significa Linguagem de Marcação de Hipertexto, hoje temos a versão HTML 5

XTML é o HTML usado por especialistas, ele não exibe automaticamente como o HTML.

CSS=Cascading Style Sheets= folhas em estilo de cascata, trata-se apenas de estilo

Links de CSS code 2D Transitions

Backgroud transitions

Icons

Border Transitions

Shadow and Glow Transitions

Speech Bubbles

Curl

HTML, HTML5, XTML e CSS

Fonte: http://ianlunn.github.io/Hover/

O HTML5 trouxe uma série de elementos que nos ajudam a definir setores principais no documento HTML. Com a ajuda destes elementos, podemos por exemplo diferenciar diretamente pelo código HTML5 áreas importantes do site como sidebar, rodapé e cabeçalho. Conseguimos seccionar a área de conteúdo indicando onde exatamente é o texto do artigo.

Estas mudanças simplificam o trabalho de sistemas como os dos buscadores. Com o HTML5 os buscadores conseguem vasculhar o código de maneira mais eficaz. Procurando e guardando informações mais exatas e levando menos tempo para estocar essa informação.

Abaixo segue uma lista dos novos elementos e atributos incluídos no HTML5: Section A tag section define uma nova seção genérica no documento. Por exemplo, a home de um website pode ser dividida em

diversas seções: introdução ou destaque, novidades, informação de contato e chamadas para conteúdo interno. Nav O elemento nav representa uma seção da página que contém links para outras partes do website. Nem todos os grupos de links

devem ser elementos nav, apenas aqueles grupos que contém links importantes. Isso pode ser aplicado naqueles blocos de links que geralmente são colocados no Rodapé e também para compor o menu principal do site.

Article O elemento article representa uma parte da página que poderá ser distribuído e reutilizável em FEEDs por exemplo. Isto pode ser um post, artigo, um bloco de comentários de usuários ou apenas um bloco de texto comum.

Aside O elemento aside representa um bloco de conteúdo que referência o conteúdo que envolta do elemento aside. O aside pode ser representado por conteúdos em sidebars em textos impressos, publicidade ou até mesmo para criar um grupo de elementos nave outras informações separados do conteúdo principal do website.

Hgroup Este elemento consiste em um grupo de títulos. Ele serve para agrupar elementos de título de H1 até H6 quando eles tem múltiplos níveis como título com subtítulos e etc.

Header O elemento header representa um grupo de introução ou elementos de navegação. O elemento header pode ser utilizado para agrupar índices de conteúdos, campos de busca ou até mesmo logos.

Footer O elemento footer representa literalmente o rodapé da página. Seria o último elemento do último elemento antes de fechar a tag HTML. O elemento footer não precisa aparecer necessariamente no final de uma seção.

Time Este elemento serve para marcar parte do texto que exibe um horário ou uma data precisa no calendário gregoriano.

Novos elementos e atributos

Fonte: http://www.w3c.br/cursos/html5/conteudo/capitulo5.html

Internal Links – Links internos, de páginas dentro do site linkando entre elas.

Outbound Links – Links do nosso site apontando para outros sites. Inbound Links – Links de fora do site apontando para o nosso site.

Paid Links – Links Pagos. Você faz um acordo com o outro site para que ele tenha um link para o seu. Social Links – Links que vem de social bookmarks. Ex.: Facebook, Twitter,

Linkedin, etc.

Percebemos nesse hipertexto e no texto do slide anterior elementos da textualidade: Informatividade, situcionalidade, topicidade, relevância, coerência e coesão

Reciprocal Links – Quando um site A aponta para um site B e B aponta para A.

Elementos Texto (slide2) Hipertexto (slide3)

Informatividade O texto do slide 2 é novidade para quem não sabe dividir sílabas na língua inglesa.

O hipertexto do slide 3 é novidade para quem está aprendendo uma segunda língua baseada no papel.

Situcionalidade O texto tem relevância para quem tem interesse no assunto abordado.

O hipertexto 3 tem relevância para quem está aprendendo passo-a-passo.

Relevância Relevancia para estudantes e professores de língua inglesa.

Relevancia para estudantes e professores de língua inglesa.

Topicidade Apresenta tópicos a serem seguidos um após o outro;

Apresenta tópicos que não precisam ser seguidos linearmente um após o outro.

Coesão e coerência A coesão e a coerência são respeitadas para que o leitor entenda o passos-a-passo.

A coesão e a coerência são mantidass, mas não seguindo a linha do passo a passo, embora, para progredir para a próxima cor (nível) é necessário que tenha estudado todos “os links.”

ELEMENTOS DA TEXTUALIDADE

Eu também os chamaria de links da moda, pois como a existência dos mesmos está ligada ao uso de algo na atualidade, eles são efêmeros, logo passarão e darão lugar a novos links, ficará só na nostalgia da geração que os conheceu. São links ícones, assim serão mais fáceis de lembrar. A exemplo temos:

Links do Mercado

*81391006Mrs Luziana Luli_al

Com a expansão da internet e das “redes sociais” temos muito mais ícones links marqueteiros do modismo que dez anos atrás.

Especialmente com os comentários mais abertos, com as curtidas e não-curtidas , tudo isso é link. Embora muitos desses símbolos tenham surgido no Mirc, não tinha a tecnologia de clicar. Para ouvirmos músicas tínhamos que “baixar” no Kazaa e junto com ela um monte de vírus e invasores, um vídeo só ia se partíssemos em vários pedaços.Vejamos esses novos links:

Novos Links do Marcado

E essa lista continua com mais de 50 links!

Alternado Designa versões substituir o documento no qual a ligação ocorre. Quando usado em conjunto com o lang atributo, ele implica

uma versão traduzida do documento. Quando usado em conjunto com a mídia atributo, ele implica uma versão projetado para um meio diferente (ou mídia).

Stylesheet Refere-se a uma folha de estilo externa. Veja a seção sobre folhas de estilo externas para obter detalhes. Isto é usado em

conjunto com o tipo de ligação "Alternate" para as folhas de estilo alternativas selecionáveis pelo usuário. Começo Refere-se ao primeiro documento em uma coleção de documentos. Este tipo de link diz motores de busca que documento é

considerado pelo autor como sendo o ponto de partida da coleção. Next Refere-se ao documento seguinte numa sequência linear de documentos. Os agentes poderão optar por pré-carregar o

"próximo" document, para reduzir o tempo de carregamento percebido. Anterior Refere-se ao documento anterior numa série ordenada de documentos. Alguns agentes de utilizador também apoiar o

sinônimo "Anterior". Conteúdo Refere-se a um documento que serve como uma tabela de conteúdo. Alguns agentes de utilizador também apoiar

o TOC sinônimo (de "Índice"). Índice Refere-se a um documento que fornece um índice para o documento atual.

Links criados pela W3 que sempre são usados

Glossário Refere-se a um documento que fornece um glossário de termos que pertencem ao documento atual. Direitos autorais Refere-se a uma declaração de direitos autorais para o documento atual. Capítulo Refere-se a um documento que serve como um capítulo de uma coleção de documentos. Seção Refere-se a um documento que serve como uma seção em uma coleção de documentos. Subdivisão Refere-se a um documento que serve como uma subseção em uma coleção de documentos. Apêndice Refere-se a um documento que serve como um apêndice de uma coleção de documentos. Ajudar Refere-se a uma oferta de documento de ajuda (mais informações, links para outras fontes de informação, etc.) Bookmark Refere-se a um marcador. Um marcador é um link para um ponto de entrada chave dentro de um documento estendido. A 

título atributo pode ser utilizado, por exemplo, para marcar o indicador. Note-se que vários marcadores podem ser definidos em cada documento.