{"id":2466,"date":"2016-02-10T22:14:21","date_gmt":"2016-02-11T02:14:21","guid":{"rendered":"http:\/\/linguagemprisma.br4.biz\/blog\/?page_id=2466"},"modified":"2016-02-10T22:19:37","modified_gmt":"2016-02-11T02:19:37","slug":"html-manual-referencia","status":"publish","type":"page","link":"https:\/\/linguagemprisma.br4.biz\/blog\/html-manual-referencia\/","title":{"rendered":"html manual  refer\u00eancia"},"content":{"rendered":"<p>Biblioteca para facilitar a cria\u00e7\u00e3o de p\u00e1ginas html por meio de scripts prisma.<\/p>\n<p>Baixe-a aqui: <a href=\"http:\/\/www.mediafire.com\/download\/xryghx2abfedux1\/lib_html.zip\" target=\"_blank\">download.<\/a><\/p>\n<p>Para us\u00e1-la deve inclu\u00ed-la, usando o comando: \u00a0local html = inclua&#8217;html&#8217;<\/p>\n<p>Fun\u00e7\u00f5es de tipo:<\/p>\n<pre class=\"lang:prisma highlight:0 decode:true \">html.tipo_html(); \/\/imprime e retorna o tipo html: &amp;nbsp;\"Content-type: text\/html \\n\\n\";\r\n\r\nhtml.tipo_texto(); \/\/tipo texto;\r\n\r\nhtml.tipo_git(); &amp;nbsp;\/\/tipo gif (imagem);\r\n\r\nhtml.tipo_png(); \/\/tipo png (imagem);\r\n\r\nhtml.tipo_jpeg(); \/\/tipo jpeg (imagem);\r\n\r\nhtml.tipo_postscript(); \/\/tipo post script\r\n\r\nhtml.tipo_mpeg(); \/\/tipo mpeg (video);<\/pre>\n<p>fun\u00e7\u00f5es tags:<\/p>\n<pre class=\"lang:prisma highlight:0 decode:true\">html.inicie(tab); \/\/inicia o html &lt;html&gt;&lt;head&gt;\r\ntab \u00e9 uma tabela com os poss\u00edveis campos: tab.atrib \u00e9 uma string contendo \r\num ou mais atributos inserida na abertura da tag &lt;html&gt;; e tab.estilo que \u00e9 um comando css.\r\n\r\nhtml.titulo(str); \/\/ cria a tag t\u00edtulo a partir da string passada como par\u00e2metro. \r\nDeve ser usada entre o comando html.inicie() e html.corpo();\r\n\r\nhtml.corpo(tab); \/\/fecha o &lt;\/head&gt; e abre o &lt;body&gt; no html.\r\ntab \u00e9 uma tabela com os poss\u00edveis campos: \r\ntab.corfundo = \"cor\";\r\ntab.cortexto = \"cor\";\r\ntab.corlink = \"cor\"\r\ntab.corlinkv = \"cor\";\/\/cor dos links j\u00e1 visualizados\r\ntab.corlinka = \"#cor\"; \/\/links ativos\r\ntab.imagemfundo = \"http:\/\/imagem.jpg\"; \/\/imagem de fundo\r\ntab.atrib = \"string_com_atributos\"; \/\/string com atributo customizado, em html\r\ntab.estilo = \"css_estilo\"; \/\/estilo css\r\n\r\nhtml.h( n , str , tab); \/\/t\u00edtulo\r\n\/**\r\nonde n \u00e9 o n\u00famero de 1 a 6, maior para menor.\r\nstr \u00e9 a string a ser exibida\r\ntab \u00e9 uma tabela contendo os campos tab.atrib ou tab.estilo;\r\n**\/\/\r\n\r\nhtml.linha(n); \/\/pula n linhas no layout do html \r\n\r\nhtml.barrah(); \/\/insere uma barra horizontal\r\n\r\nhtml.p( str, tab ); \/\/par\u00e1grafo em html\r\n\/**\r\n str \u00e9 a string a ser exibida\r\n tab \u00e9 uma tabela com os poss\u00edveis campos tab.atrib e tab.estilo\r\n**\/\/\r\n\r\nhtml.finalize(); \/\/finaliza o html: &lt;\/body&gt;&lt;\/html&gt;\r\n\r\n\r\nFun\u00e7\u00f5es de formata\u00e7\u00e3o de texto, apenas retorna string n\u00e3o imprime.\r\n\r\nhtml.negrito(str); \/\/retorna str em negrito em html\r\nhtml.grande(str); \/\/fonte tamanho grande\r\nhtml.enfatico(str); \/\/texto enfatizado \r\nhtml.italico(str); \r\nhtml.pequeno(str); \/\/fonte tamanho pequeno\r\nhtml.forte(str); \/\/texto forte, negrito\r\nhtml.sub(str); \/\/texto subscrito (abaixo)\r\nhtml.sup(str); \/\/texto super escrito(elevado);\r\nhtml.ins(str); \/\/texto inserido\r\nhtml.cancelado(str); \/\/texto riscado (cancelado);\r\n\r\nfun\u00e7\u00f5es de tags de sa\u00edda de computador\r\n\r\nhtml.code(str); \/\/texto de c\u00f3digo de computador\r\nhtml.kbd(str); \/\/c\u00f3digo teclado.\r\nhtml.samp(str); \/\/amostra de c\u00f3digo de computador\r\nhtml.tt(str) ; \/\/texto de teletipo\r\nhtml.var(str); \/\/define uma vari\u00e1vel html\r\nhtml.pre(str); \/\/texto pre-formatado\r\n\r\n\r\nFun\u00e7\u00e3o para criar uma tag gen\u00e9ria\r\n\r\nRetorna a string, n\u00e3o imprime:\r\n\r\nhtml.tag( tag , str , tab );\r\n\r\n\/**\r\n\r\ntag \u00e9 uma string nome da tag\r\nstr \u00e9 a string que ser\u00e1 exibida entre a tag\r\ntab \u00e9 uma tabela com os poss\u00edveis campos tab.atrib e tab.estilo\r\n**\/\/\r\n\r\n\r\nFun\u00e7\u00f5es para LINKS:\r\n\r\nhtml.link( link , str , dica ); \/\/cria um link simples\r\n\/**\r\nlink \u00e9 a url a ser direcionada\r\nstr \u00e9 o texto a ser exibido\r\ndica \u00e9 o texto que aparece quando o mouse estiver em cima do link\r\n**\/\/\r\n\r\nhtml.h_id( n , id , titulo ); \/\/cria um t\u00edtulo com id para ser acessado via link local\r\n\/**\r\nn \u00e9 o numero do cabe\u00e7alho de 1 a 6 do maior para o menor. (padr\u00e3o \u00e9 1 caso seja nulo)\r\nid \u00e9 um identificador  ( o padr\u00e3o \u00e9 id_ acrescido por um n\u00famero de incremento.)\r\n**\/\/\r\n\r\nhtml.h_link(id , titulo , dica ); \/\/cria um link que leva ao h_id da fun\u00e7\u00e3o acima\r\n\/**\r\nid \u00e9 o id para o titulo link criado com a fun\u00e7\u00e3o acima, local onde este link ir\u00e1 levar\r\ntitulo \u00e9 o texto a ser exibido como t\u00edtulo do link\r\ndica \u00e9 o texto que aparece quando o mouse estiver em cima do link\r\n**\/\/\r\n\r\nhtml.email(email, str ); \/\/cria um link de e-mail.\r\n\/**\r\nemail \u00e9 uma string do email destino\r\nstr \u00e9 o texto a ser exibido no link\r\n**\/\/\r\n\r\nfun\u00e7\u00f5es de inser\u00e7\u00e3o de objetos:\r\n\r\nhtml.img(img, tab); \/\/insere uma imagem\r\n\r\nimg = \u00e9 o link da imagem\r\ntab \u00e9 uma tabela contendo os poss\u00edveis campos:\r\n  tab.desc = 'descri\u00e7\u00e3o'\r\n  tab.altura = 'altura' n\u00famero\r\n  tab.largura = 'largura'; n\u00famero\r\n  tab.dica = 'dica mouse sobre a imagem'\r\n\r\nhtml.li( tab_itens ); \/\/cria uma lista de itens. Retorna uma string, n\u00e3o imprime\r\n\r\ntab_itens \u00e9 uma tabela de strings, cada elemento da tabela \u00e9 um item da lista.\r\nesta fun\u00e7\u00e3o \u00e9 para ser usada com as fun\u00e7\u00f5es html.ul ou html.ol\r\n\r\nhtml.ul(lista , tab ); cria uma listagem com \u00edtens iniciados por pontos, ou quadrados\r\n\r\nlista \u00e9 uma string obtida pela fun\u00e7\u00e3o html.li();\r\ntab \u00e9 uma tabela com os poss\u00edveis campos:\r\n  tab.tipo = 'redondo' ou 'quadrado'\r\n  tab.atrib = 'string_atributos_customizados_html';\r\n\r\nhtml.ol( lista , tab); \/\/cria uma listagem ordenada por letras ou n\u00fameros.\r\n\r\nlista \u00e9 uma string obtida pela fun\u00e7\u00e3o html.li();\r\ntab \u00e9 uma tabela com os poss\u00edveis campos:\r\n  tab.tipo = 'a' ou 'A' ou 'i' ou 'I' ou 1\r\n  tab.revertido = verdadeiro (a ordem \u00e9 decrescente)\r\n  tab.inicial = numero_inicial ou letra_inicial\r\n  tab.atrib = 'string_atributo_html'\r\n  tab.estilo = 'estilo_css';\r\n  \r\n\r\nhtml.tabela( tab ); \/\/cria uma tabela visual em html\r\n  tab \u00e9 uma tabela com os poss\u00edveis campos:\r\n    tab.estilo = 'estilo_css'\r\n    tab.atrib = 'atributo_html'\r\n    tab.borda = numero\r\n\r\ntab deve conter outras subtabelas matrizes num\u00e9ricas em que cada subtabela ser\u00e1 uma linha e\r\n cada item ser\u00e1 uma coluna.\r\n\r\nExemplo completo de uso:\r\n----------------------------------------------------------------------------------------------\r\n#!\/usr\/local\/bin\/prisma\r\n\/\/teste tabela com a lib html.pris\r\n\r\nlocal html = inclua'html';\r\n\r\nhtml.tipo_html();\r\nhtml.inicie();\r\n\r\nhtml.corpo()\r\n\r\nhtml.h(1,'Exemplos de uso da funcao html.tabela():');\r\n\r\n\r\nhtml.tabela{\r\n \r\n {1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}\r\n \r\n };\r\n \r\n html.linha(2); \/\/pula 2 linhas\r\n \r\n html.tabela{\r\n estilo='background-color:black',\r\n atrib = 'width=\"30%\"',\r\n borda = 1,\r\n { atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { atrib = 'align=\"center\" valign=\"top\"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10},\r\n { atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { atrib = 'align=\"center\" valign=\"top\"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}, \r\n { atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { atrib = 'align=\"center\" valign=\"top\"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10},\r\n { atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { atrib = 'align=\"center\" valign=\"top\"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10},\r\n { atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 , 5, 6, 7, 8, 9, 10 } ,\r\n {atrib = 'align=\"center\" valign=\"top\"',estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10 },\r\n { atrib = 'align=\"center\" valign=\"top\"', estilo='color:white' , 1 , 2 , 3 , 4 ,5, 6, 7, 8, 9, 10}\r\n \r\n };\r\n \r\n html.linha(3);\r\n \r\n \/\/fazendo a taboada usando o la\u00e7o 'para' para criar tabelas aninhas com os resultados\r\n html.p( 'Aqui um exemplo de como fazer uma tabela dinamicamente:');\r\n html.linha();\r\n local taboada = {};\r\n taboada.borda=1;\r\n taboada.atrib = 'width=\"90%\" ';\r\n para i = 1, 10 inicio\r\n taboada[i] = {}; \/\/cada indice da tabela taboada \u00e9 uma nova tabela\r\n para j = 1 , 10 inicio\r\n taboada[i][j] = j .. ' x ' .. i .. ' = ' .. ( i * j ) .. '\\n'; \/\/que conter\u00e1 essa concatena\u00e7\u00e3o.\r\n fim\r\n fim\r\n \r\n html.tabela( taboada ); \/\/apos criar a tabela acima com ajuda do comando 'para', basta usar a funcao html.tabela(tabela);\r\n \r\n html.linha(10);\r\n\r\nhtml.finalize();\r\n----------------------------------------------------------------------------------------------\r\n\r\n\r\n** fun\u00e7\u00f5es de formul\u00e1rio de requisi\u00e7\u00e3o:\r\nhtml.form( a , m , str ); \/\/cria um form de requisi\u00e7\u00e3o\r\n \r\na = \"string_action\", url do script a ser chamado\r\nm = \"metodo\" ( \"GET\" ou \"POST\");\r\nstr (pode-se omitir) use caso deseje colocar um ou mais atributos html na tag form.\r\n\r\nhtml.fimform(); \/\/fecha uma tag form aberta pela fun\u00e7\u00e3o html.form();\r\n\r\nhtml.div( n , str ); \/\/cria uma tag div, um tipo de caixa para organizar v\u00e1rios widgets html dando um estilo css comum a todos.\r\n\r\nhtml.fimdiv(); \/\/fecha uma tag div aberta com a fun\u00e7\u00e3o html.div\r\n\r\n\r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>Alguns exemplos de uso:<\/p>\n<pre class=\"lang:prisma decode:true\">#!\/usr\/local\/bin\/prisma\r\n\r\nlocal html = inclua'html'; \/\/exemplo de uso da biblioteca html para prover tags prontas:\r\n\r\nhtml.tipo_html(); \/\/sempre este comando vir\u00e1 em primeiro na p\u00e1gina html, \u00e9 o header tipo de conte\u00fado.\r\n\r\nhtml.inicie(); \/\/iniciamos o html: &lt;html&gt;&lt;head&gt;\r\nhtml.titulo('Exemplo html lib'); \/\/definimos o titulo: &lt;title&gt;Exemplo&lt;\/title&gt;\r\n\r\nhtml.corpo{corfundo='white'}; \/\/&lt;\/head&gt;&lt;body&gt; ... atrib.\r\n\r\n\/\/exemplo de link de titulo:\r\nhtml.h_link( 'teste' ,'link para Titulo Teste', 'Va ate Titulo Teste');\r\n\r\nhtml.linha(30);\r\nhtml.p'exemplo de barra horizontal:';\r\nhtml.barrah();\r\nhtml.linha(3); \/\/duas linhas\r\nhtml.h(1,\"Exemplo de uso da biblioteca html.pris\");\r\nhtml.p(\"exemplo de paragrafo\");\r\nhtml.p( html.negrito(\"negrito\") );\r\nhtml.p( html.grande('Grande') );\r\nhtml.linha(30);\r\nhtml.h_id( 1 , 'teste' , 'Titulo teste' );\r\nhtml.p( html.enfatico( 'enfatico' ) );\r\nhtml.p( html.italico'italico' ); \/\/veja que quando for um unico parametro string nao precisa de parenteses.\r\nhtml.p( html.negrito( html.italico'italico e negrito' ) );\r\nhtml.p( \"Tipo: \",html.sub'subescrito' );\r\nhtml.p( html.cancelado'cancelado' );\r\nhtml.p( html.code'codigo computador' );\r\nhtml.p( html.pre'pre-formatado' );\r\n\r\nlocal minhatag = html.tag('h2' , 'tag customizada');\r\nimprima( minhatag );\r\n\r\nhtml.link('http:\/\/localhost' , 'link xampp', 'visite local host'); \/\/link, texto , dica \r\nhtml.linha(2); \/\/pula 20 linhas\r\nhtml.email('adalbermirom@gmail.com' , 'enviar e-mail');\r\n\r\n\r\nhtml.finalize(); \/\/&lt;\/body&gt;&lt;\/html&gt;\r\n<\/pre>\n<p>&nbsp;<\/p>\n<hr \/>\n<pre class=\"lang:prisma decode:true \">#!\/usr\/local\/bin\/prisma\r\n\r\nlocal html = inclua'html'; \/\/exemplo de uso da biblioteca html para prover tags prontas:\r\nhtml.tipo_html(); \/\/define o conte\u00fado content-type:text\/html\\n\\n\r\nhtml.inicie();\/\/abre o html e o head: &lt;html&gt;&lt;head&gt;\r\n\r\nhtml.titulo('Exemplo html lib'); \/\/&lt;title&gt;Exemplo...&lt;\/title&gt;\r\nhtml.corpo(); \/\/fecha o head e abre o body &lt;\/head&gt;&lt;body&gt;\r\n\r\nhtml.h(1,'Cabe&amp;ccedil;alho 1' , { estilo = \"background-color:lightgrey;color:blue\" } );\r\nhtml.linha(3); \/\/pula 3 linhas\r\nhtml.p'exemplo de paragrafo';\r\nhtml.p( html.kbd'outro exemplo de formato de texto' );\r\nhtml.p('imagens',':' , { estilo = \"background-color:lightgrey;color:blue\" } ); \/\/estilo tipo css\r\nhtml.img('bt.png', {desc=\"bt.png\"} );\r\nhtml.linha(5); \/\/pula 5 linhas\r\n\r\nlocal lista = html.li({'tomate' , 'limao' , 'alho' , 'banana' });\r\n\r\nhtml.ol( lista , { tipo='1', revertido=verdadeiro , atrib=' start=\"4\"' } ); \r\n\r\nhtml.img('img.jpg', {desc='imagem teste', dica='Esta e uma imagem', altura=100 , largura=250});\r\nhtml.finalize(); \/\/fecha o body e o html. &lt;\/body&gt;&lt;\/html&gt;\r\nleia();\r\n<\/pre>\n<p>Necess\u00e1rio que utilize suas pr\u00f3prias imagens no exemplo acima.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>FIM<\/p>\n<p>&nbsp;<\/p>\n<p>Caso tenha d\u00favidas deixe nos coment\u00e1rios ou no f\u00f3rum oficial.<\/p>\n<p>Att. Adalberto<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Biblioteca para facilitar a cria\u00e7\u00e3o de p\u00e1ginas html por meio de scripts prisma. Baixe-a aqui: download. Para us\u00e1-la deve inclu\u00ed-la, usando o comando: \u00a0local html = inclua&#8217;html&#8217; Fun\u00e7\u00f5es de tipo: html.tipo_html(); \/\/imprime e retorna o tipo html: &amp;nbsp;&#8221;Content-type: text\/html \\n\\n&#8221;; html.tipo_texto(); \/\/tipo texto; html.tipo_git(); &amp;nbsp;\/\/tipo gif (imagem); html.tipo_png(); \/\/tipo png (imagem); html.tipo_jpeg(); \/\/tipo jpeg (imagem);&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"tpl-full-width.php","meta":{"footnotes":""},"class_list":["post-2466","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/pages\/2466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/comments?post=2466"}],"version-history":[{"count":4,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/pages\/2466\/revisions"}],"predecessor-version":[{"id":2470,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/pages\/2466\/revisions\/2470"}],"wp:attachment":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/media?parent=2466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}