Documentos dinâmicos

R-HTML

Prof. Walmes Zeviani

2018-03-27

Justificativa

Objetivos

Apresentar uma visão geral do HTML com a pespectiva de produzir relatórios para a WEB.
Destacar os elementos principais de uma página HTML.
Mostrar como incluir fragmentos de código R no HTML.

HTML: HyperText Markup Language.
HTML é um dialeto XML destinado à exibição de conteúdo na Web.
A sintaxe básica é derivada do XML: estrutura de árvore, nós, atributos, etc.
Mas não é, estritamente falando, um dialeto XML.
HTML é texto pleno e editável em qualquer editor de texto.
A força do HTML vem da rica linguagem de marcação.
As marcações instruem o navegador sobre como exibir a página.
Os navegadores têm recursos para inspeção do código fonte, que facilita o aprendizado.
Pressione F12 no seu navegador para iniciar a inspeção.

No topo tem-se as declarações de versão e meta dados da página.
O elemento raíz é o <html> que contém os elementos
- <head>: funciona como um preâmbulo, tem metadados e carrega arquivos css, js, etc.
- <body>: contém o conteúdo a ser exibido pelo navegador.
Comentários são feitos com a marca .
Caracteres especiais são codificados, começa com & e termina com ;
- < é < e > é >.
O código fonte do HTML é ainda menos legível que o código fonte do LaTeX. É uma linguagem de marcação muito verbosa.

<p> é a tag para parágrafos.
<b>, <i>, <strong> e <emph> são tags para formatação de texto em negrito e itálico.
<a href="http://..."> vem de âncora e é usado para criar hiperlinks dentro da página ou para fora da página
<ol> e <ul> são tags que demarcam listas ordenadas (numeradas) e não ordenadas (tópicos).
<table>, <tr>, <th>, <td> são tags para os elementos de uma tabela, como as linhas, as cédulas do cabeçalho e do corpo da tabela.
<img src="/endereço/da/imagem.png"> utilizado para exibir imagens.
<div> e <span> são elementos de organização que permitem agrupar outros elementos para facilitar a aplicação de formação CSS.
<meta title="Título"> é usado para armazenar metadados da página.
<script> usado para contér código que habilitam funcionalidades no HTML, geralmente JavaScript.
<link> serve para incluir arquivos externos, geralmente CSS.

Blocos de código:

<!--begin.rcode ... chunk headers ...

    ... código R ...

    end.rcode-->

Código em linha:

library(knitr)

knit("knitr-minimal.Rhtml")