Todos os segredos de informática para iniciantes e profissionais / CD/DVD/Blu Ray / Memorando sobre o uso de códigos BB (bbCode). Códigos de caracteres HTML Plugins para exibir código na página de postagem

Memorando sobre o uso de códigos BB (bbCode). Códigos de caracteres HTML Plugins para exibir código na página de postagem

02.11.2023

Tags HTML são a base da linguagem HTML. Tags são usadas para delimitar o início e o fim dos elementos na marcação.

Cada documento HTML consiste em uma árvore de elementos HTML e texto. Cada elemento HTML é identificado por uma tag de início (abertura) e de término (fechamento). As tags de abertura e fechamento contêm o nome da tag.

Todos os elementos HTML são divididos em cinco tipos:

elementos vazios - , ,
, , , , , ,
Usado para armazenar informações adicionais sobre a página. Essas informações são usadas pelos navegadores para processar a página e pelos mecanismos de pesquisa para indexá-la. Podem existir várias tags em um bloco, pois dependendo dos atributos utilizados elas carregam informações diferentes. Indicador de medição em uma determinada faixa. Uma seção de um documento contendo links de navegação para o site. Define uma seção que não oferece suporte a scripts. Contêiner para incorporação de multimídia (por exemplo, áudio, vídeo, miniaplicativos Java, ActiveX, PDF e Flash). Você também pode inserir outra página da web no documento HTML atual. A tag é usada para passar os parâmetros do plugin. Lista numerada ordenada. A numeração pode ser numérica ou alfabética. Um contêiner com um título para um grupo de elementos. Especifica uma opção/opção para selecionar na lista suspensa , ou . Campo para exibição do resultado de um cálculo calculado através do script.

Parágrafos no texto. Define parâmetros para plugins incorporados usando o elemento. Um elemento contêiner contendo um elemento e zero ou mais elementos. Por si só não exibe nada. Permite que o navegador selecione a imagem mais apropriada. Produz texto sem formatação, preservando espaços e quebras de texto. Pode ser usado para exibir código de computador, mensagens de e-mail, etc. Um indicador da conclusão de uma tarefa de qualquer tipo. Define uma citação curta. Recipiente para símbolos do Leste Asiático e sua decodificação. Define seu texto aninhado como o componente base da anotação. Adiciona uma breve descrição acima ou abaixo dos caracteres contidos no elemento, exibida em fonte menor. Marca o texto incorporado como anotação adicional. Exibe texto alternativo se o navegador não suportar o elemento. Exibe texto que não é atual com tachado. Usado para exibir texto que representa o resultado do código do programa ou execução de script, bem como mensagens do sistema. Exibido em fonte monoespaçada. Usado para definir um script do lado do cliente (geralmente JavaScript). Contém texto de script ou aponta para um arquivo de script externo usando o atributo src. Define uma área lógica (seção) de uma página, geralmente com um cabeçalho. Um elemento de controle que permite selecionar valores de um conjunto proposto. Os valores das variantes são colocados em . Exibe o texto em um tamanho de fonte menor. Especifica o local e o tipo de recursos de mídia alternativos para , , . Contêiner para elementos embutidos. Pode ser usado para formatar passagens de texto, como destacar palavras individuais com cores. Dá ênfase ao texto, destacando-o em negrito. Inclui folhas de estilo incorporáveis. Especifica a escrita subscrita de símbolos, por exemplo, índice de elemento em fórmulas químicas. Cria um título visível para a tag. Exibido com um triângulo preenchido, clicar nele permite visualizar os detalhes do título. Especifica a ortografia sobrescrita dos caracteres.

Folha de dicas com tags

Para facilitar o uso, agrupei as tags em seções temáticas, adicionando valores de propriedade de exibição para cada tag. Para ir até a mesa, clique na imagem.

Inscrições feitas em fontes monoespaçadas são criadas usando as tags e. Os resultados do uso dessas tags são geralmente idênticos: uma fonte monoespaçada com tamanho e espaçamento fixos de caracteres.

Marcação

Uma tag é um elemento de contêiner embutido usado para inserir pequenos fragmentos de código de programa nele, por exemplo, em um documento da web que representa um tutorial de programação. Os navegadores exibem esse código em uma fonte monoespaçada (por exemplo, Courier New). Se você usar ero junto com o elemento

A tag é utilizada para inserir texto sem formatação, ou seja, preservando todos os espaços, tabulações e quebras de linha. Você pode aplicar a maioria dos elementos de formatação de texto neste elemento.

Atenção: Em HTML, quebras de linha, espaços consecutivos e tabulações são ignorados. Vários espaços seguidos são tratados como um espaço.

Exemplo: usando elementos e

Tente você mesmo "

Dentro de um elemento, o navegador duplica cada espaço ou quebra de linha que encontra, preservando a formatação original.

If (document.getElementsByClassName) ( x = document.getElementsByClassName("paginação") if (x.length>y) ( x.style.visibility = "hidden"; )

Dentro do elemento “pré”, o navegador duplica cada espaço ou quebra de linha que encontra, preservando a formatação original.

if (document.getElementsByClassName) ( x = document.getElementsByClassName("paginação") if (x.length>y) ( x.style.visibility = "hidden"; )

Etiquetas e

A tag marca um trecho de código como sendo inserido pelo usuário usando o teclado. Alguns navegadores marcam esse texto com um fundo adicional.
A tag é usada para gerar a saída do computador, como o texto que aparece em uma janela do console após você inserir um script de controle. Este elemento raramente usado simplesmente exibe seu conteúdo em uma fonte monoespaçada como , , .

Exemplo: elementos e

Tente você mesmo "

Coloque o texto que o usuário deve inserir no teclado em
elemento de contêiner "kbd".

Digite o texto: Este é o texto digitado no teclado

Este é o texto que é colocado no contêiner "samp"

Marcação

A tag é usada para destacar ainda mais as variáveis no código do programa. Ele identifica uma variável em uma expressão matemática ou parâmetro de programa e geralmente é mostrado em itálico.

Exemplo: elementos

Tente você mesmo "

Energia cinética corporal:

Wк = mv2/2

Tarefas Tarefa final

Nesta lição, você aprendeu sobre tags que exibem seu conteúdo em uma fonte monoespaçada, realçam variáveis no código e pré-formatam tags. Todos eles são importantes ao trabalhar com expressões matemáticas e código de programa.

É hora de revisar o que você aprendeu e realizar três tarefas simples:

Variável

Decida por si mesmo"

Usando elementos HTML, designe a letra y como uma variável na equação acima.

Variável

Equação da parábola y = Nx2

Variável

Equação da parábola y = Nx2

Texto pré-formatado

Decida por si mesmo"

Usando o elemento HTML, faça com que o texto colocado no elemento de código apareça no navegador com todos os espaços em branco e quebras de linha preservados como estão.

Introdução

bbCode - Código do BBS, ou linguagem de marcação, usado para formatar mensagens em muitos sistemas de BBS (BBS) e fóruns. Tags semelhantes às tags HTML são usadas para formatar texto. Ao contrário das tags HTML, as tags bbCode são colocadas entre colchetes. Antes de exibir a página, o mecanismo do fórum analisa o texto e converte o bbCode em código HTML.

Em muitos fóruns, a capacidade de usar códigos BB é configurada pelo administrador individualmente para cada seção do fórum. Portanto, antes de usar códigos BB em mensagens, você precisa ter certeza de que eles são permitidos.

Formatação de fonte

Tags básicas para trabalhar com texto:

[p] Parágrafo normal com recuo.

Um parágrafo que pode ser estilizado.
* Doravante, “estilo” é um análogo de estilo em HTML.
o texto é semelhante em HTML

texto

** Você pode usar outras tags com tags [p], como [b], [i], [s], etc.

Texto cujas propriedades podem ser alteradas através de um estilo.

Uma área limitada que pode ser estilizada para alterar suas propriedades (posição, bordas, preenchimento, propriedades de conteúdo, etc.).
* Por padrão, os limites da área não são visíveis. Pode haver várias áreas em uma página ao mesmo tempo.

Formatação de texto:

[b] Texto importante, negrito

[eu] Texto importante, itálico

Apenas ousado

Apenas itálico

[você] Texto sublinhado

[s] Texto tachado - igual à opção

Fonte menor

Marca de nota de rodapé acima ou índice abaixo do texto

Texto excluído

Tamanhos de fonte:

Fonte de 13 pontos

Fonte de 15 pontos

Tamanho da fonte 9 pixels

Tamanho da fonte 12 pixels

Tamanho da fonte 15 pixels

Tamanho 0

Tamanho +1

Tamanho +2

Possíveis opções de tamanho de fonte (avaliação visual) estão disponíveis.

Títulos:

Cabeçalho de nível 1

Cabeçalho de nível 2

Cabeçalho de nível 3

Cabeçalho de nível 4

Cabeçalho de nível 5

Cabeçalho de nível 6

Formatando texto usando fontes:

Fonte Comic Sans Ms

Fonte Monotype Corsiva

Fonte Tahoma

Possíveis opções de tipos de fontes (nomes e classificação visual) estão disponíveis.

Decorar texto usando cores:

Texto vermelho
* Você pode usar designações verbais padrão para cores: Vermelho, Verde, Azul, etc.

Texto azul
* O número #0000ff significa azul na paleta RGB.

Fundo azul
* A cor de fundo também pode ser alterada.

Texto azul, fundo cinza

Algumas cores predefinidas:

Preto Branco Vermelho Verde Azul Roxo Tijolo refratário Marrom LaranjaVermelho Meia-NoiteAzul CentáureaAzul
Ciano Amarelo Magenta Verde Escuro Escuro Goldenrod Ouro Orquídea Azul Violeta Burlywood PeachPuff

Algumas cores em código hexadecimal são a intensidade do vermelho, verde e azul (RR GG BB):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE # 006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

Estão disponíveis opções possíveis para a paleta de cores e seus códigos/nomes.

Alinhando texto e formatando parágrafos

Alinhamento de texto:

Alinhar o texto à esquerda

Alinhamento à esquerda com estilo

Alinhamento à esquerda em um parágrafo

Alinhamento centralizado do texto

Alinhamento central com estilo

Alinhamento centralizado no parágrafo

Alinhar o texto à direita

Alinhamento certo com estilo

Alinhamento em um parágrafo à direita

Alinhe o texto em ambos os lados

Alinhe em ambos os lados com estilo

Alinhamento em um parágrafo em ambos os lados
* O alinhamento de textos em ambos os lados é exibido para textos com mais de uma linha.

Formatando notas de rodapé (comentários) com recuo de parágrafo:

[q] Citação na linha

Orçamento de acordo com as propriedades

Texto citado em bloco separado, que terá
um pequeno recuo à esquerda e um design especial (estilo fórum).

Exemplos:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Formatando parágrafos e áreas:

Olá! Neste parágrafo, a primeira frase será da linha “vermelha”, ou seja, recuado. Assim como na impressão de livros. É verdade que esta é uma prática rara na Internet. Os parágrafos devem ser separados simplesmente por espaços em branco.

O texto pré-formatado mantém o recuo à esquerda e entre as palavras e define o recuo especificado com espaços. Aviso! A tag não quebra a linha automaticamente!

Formatando listas

Usamos a tag ou para listas com marcadores:

Um dos itens da lista
Outro item desse tipo
Mais um ponto.

[*] Outro item desse tipo
[*] Mais um ponto.

Para listas numeradas usamos a tag:

Um dos itens da lista

Outro item desse tipo

Mais um ponto.

[*] Um dos itens da lista
[*] Outro item desse tipo
[*] Mais um ponto.

A tag de fechamento não é obrigatória para ser usada:

Um dos itens da lista
Outro item desse tipo
Mais um ponto.

[*] Um dos itens da lista
[*] Outro item desse tipo
[*] Mais um ponto.

Também é possível especificar diretamente o tipo de lista:
- lista numerada
- lista alfabética
- uma lista numerada com algarismos romanos

Imagens

Http://img.cx/img/primer.jpg - exemplo de inserção de uma imagem.

Http://img.cx/img/primer.jpg - imagem à esquerda.

Http://img.cx/img/primer.jpg - imagem à direita.
* Este código é semelhante ao código em HTML:

Http://img.cx/img/primer.jpg - imagem no centro.
* Este código é semelhante ao código em HTML:

Tags semelhantes com nomes e dicas de ferramentas:

Importante! Você não pode usar aspas no título da imagem!

Http://img.cx/img/primer.jpg - exemplo de inserção de uma imagem.

Http://img.cx/img/primer.jpg - imagem à esquerda.

Http://img.cx/img/primer.jpg - imagem à direita.

Http://img.cx/img/primer.jpg - imagem no centro.

Fotos com tamanhos indicados:

Http://img.cx/img/primer.jpg - exemplo de imagem com tamanho.
* Este código é semelhante ao código em HTML:

Http://img.cx/img/primer.jpg - imagem à esquerda, com tamanho.

Http://img.cx/img/primer.jpg - imagem à direita, com tamanho.

Inserindo imagens grandes com barras de rolagem:

Http://www..jpg - uma imagem na área selecionada se for maior que o tamanho de exibição disponível no fórum.

Endereço - abra a imagem em uma nova janela.
* Este código é semelhante ao código em HTML:

Endereço - abra a imagem na mesma janela.
* Este código é semelhante ao código em HTML:

Hospedagem. Modelos de sites prontos.

a (decoração do texto: nenhum; tamanho da fonte: 8pt; cor: #E0FDAF; )

a: pairar (decoração do texto: sublinhado; tamanho da fonte: 8pt; cor: #E0FDAF; )

fonte (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 8pt; cor: branco; )

b. amarelo (cor: #FAF294; )

hora (cor: #D1D33B; )

horas. bw (cor: preto; )

Fonte. verde (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 8pt; cor: #B5FC39; )

Fonte. título (família da fonte: Arial, Tahoma, Helvetica; tamanho da fonte: 14pt; cor: #ffffff; )

Fonte. title1 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 16pt; cor: preto; )

Fonte. title2 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 20pt; cor: #D2A801; )

Fonte. title3 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 14pt; cor: preto; )

Fonte. title4 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 16pt; cor: branco; )

Fonte. preto (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 8pt; cor: preto; )

Fonte. blackt (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 14pt; cor: #ffffff; )

Fonte. blacklm (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 8pt; cor: preto; )

Fonte. blacklm2 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 7pt; cor: preto; )

Fonte. blacklight (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 10pt; cor: branco; )

Fonte. blacklight2 (família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 10pt; cor: preto; espessura da fonte: negrito)

Fonte. tse ( família de fontes: Arial, Tahoma, Helvetica; tamanho da fonte: 8pt; cor: #96B495; )

d=documento; a=""; a+="; r="+escape (d. referenciador)

js=10 // -->

a+="; j="+navegador. javaEnabled()

js=11 // -->

s=tela; a+="; s="+s. largura+"*"+s. altura

a+="; d="+ (s. colorDepth? s. colorDepth: s. pixelDepth)

js=12 // -->

js=13 // -->

d. escrever("

"? id=280923; js="+js+a+"; rand="+Math. aleatório() +

"" altura=1 largura=1>")

se (js>11) d. escreva("") // -->

Tag para criar uma tabela.
	Define o corpo da tabela.
		Cria uma célula de tabela.
	Usado para declarar fragmentos de código HTML que podem ser clonados e inseridos em um documento por um script. O conteúdo de uma tag não é filho dela.
	Cria grandes campos de entrada de texto.
	Define o rodapé da tabela.
	Cria um título de célula de tabela.
	Define o título da tabela.
	Define data/hora.
	O título de um documento HTML que aparece na parte superior da barra de título do navegador. Também pode aparecer nos resultados da pesquisa, portanto isso deve ser levado em consideração ao fornecer um título.

Cria uma linha da tabela.
	Adiciona legendas para elementos e arquivos .
	Destaca uma passagem de texto sublinhando, sem ênfase adicional.
	Cria uma lista com marcadores.
	Destaca variáveis de programas exibindo-as em itálico.
	Adiciona arquivos de vídeo à página. Suporta 3 formatos de vídeo: MP4, WebM, Ogg.
	Indica ao navegador onde uma linha longa pode quebrar.

VB e COM Barbie Jogos Gerador de jogo Tutoriais Winsock Alunos do curso Visual básico Tutoriais Gratuitos Jogos MP3 Modelos Local na rede Internet Designer de Web Delfos Baixe um jogo Naturismo Cartões Modelos grátis Alunos do curso Photoshop

Lista de servidores para hospedagem de sites pessoais. São fornecidas informações verificadas que permitem comparar a qualidade da hospedagem fornecida - o tamanho do espaço em disco alocado, a quantidade de tráfego permitida, carga adicional de publicidade, opções de download de arquivos (FTP ou HTTP), serviços de e-mail, prontos modelos de sites, etc.

A seção "Modelos de sites prontos" fornece uma visão geral dos arquivos com uma grande seleção de modelos de sites prontos. A revisão inclui modelos feitos em diversas tecnologias e sobre diversos temas. Os modelos apresentados estão disponíveis para download gratuito (geralmente) e para pagamento (por uma pequena taxa de US$ 10 a US$ 30). [ Sites prontos]

geocidades. Yahoo.com é uma hospedagem gratuita e paga muito conveniente e de alta qualidade. O volume alocado é de 15 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Adsquare. O endereço do seu site é /você. Serviços adicionais - RealVideo, RealAudio, POPmail, GuestBook, MailForm Counter.

www.holm.ru - hospedagem gratuita e paga. O volume alocado não é limitado. Existe acesso via FTP. Os logs do servidor estão disponíveis. O nome de domínio de terceiro nível é your_domain. holm.ru Publicidade - banner. Serviços adicionais - scripts cgi, SSI, Perl, PHP4, MySQL,

www.hostultra.com - hospedagem gratuita e paga (a partir de US$ 5). O volume alocado é 999 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Banner. O endereço do seu site é /~você. Serviços adicionais - Largura de banda ilimitada, espaço web ilimitado, hospedagem de domínio, PHP, FTP.

www.hut.ru - hospedagem gratuita. O volume alocado não é limitado. Existe acesso via FTP. O endereço do seu site é /estado/você. Serviços adicionais - scripts PHP, scripts cgi, MySql, acesso a arquivos. htaccess, SSI, acesso a arquivos de log, fórum e livro de visitas.

www.joinme.net - hospedagem gratuita. O volume alocado é de 5 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Banner. O endereço do seu site é /você. Serviços adicionais - ferramentas de criação de páginas web online, livro de visitas, quadro de avisos, espaço adicional disponível mediante solicitação.

www.justfree.com - hospedagem gratuita. O volume alocado é de 40 MB. Existe acesso via FTP. Sem publicidade. O endereço do seu site é /você. Serviços adicionais - Largura de banda ilimitada, suporte gratuito, livro de visitas gratuito, fórum gratuito, gerenciador de arquivos EZ, e-mail gratuito.

www.megspace.com - hospedagem gratuita. O volume alocado é de 50 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Banner. O endereço do seu site é /dir/você. Serviços adicionais - quadros de mensagens gratuitos, livro de visitas pessoal gratuito, envios gratuitos para mecanismos de pesquisa, gerenciador de upload gratuito e fácil de usar, mailer de formulário gratuito, construtor de sites gratuito, servidores rápidos.

pessoas yandex.ru - hospedagem gratuita. O volume alocado é 999 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Banner. O endereço do seu site é Subdomínio. Serviços adicionais - caixa de correio, modelos de sites, estatísticas de visitas, livro de visitas, fórum.

www.owns1.com - hospedagem gratuita. O volume alocado é de 100 MB. Carregar arquivos via FTP. Editor - Adv Básico. Publicidade - Topbanner. O endereço do seu site é Subdomínio. Serviços adicionais - Extensões gratuitas do Frontpage, php, cgi, mysql, painéis de controle.

redrival.com - hospedagem gratuita. O volume alocado é de 2 MB. Existe acesso via FTP. Editor - Adv Básico. Publicidade - Pop-up. O endereço do seu site é /você. Serviços adicionais - PHP 5, bancos de dados SQLite, scripts SSI/XSSI, endereço de e-mail, suporte para publicidade.

www.sitepalace.com - hospedagem gratuita. O volume alocado é de 10 MB. Baixe via HTTP. Editor - Adv Básico. Publicidade - Pop-up. O endereço do seu site é /você. Serviços adicionais - Transferência ilimitada, acessos ilimitados, contador de páginas, envio GRATUITO para mais de 300 mecanismos de pesquisa.

www.spaceports.com - hospedagem gratuita. O volume alocado é de 10 MB. Existe acesso via FTP. Publicidade - Banner. O endereço do seu site é /~você. Serviços adicionais - CGI-BIN, MailForm, scripts PHP, suporte a banco de dados MySQL.

www.stormloader.com - hospedagem gratuita. O volume alocado é de 50 MB. Fazendo upload de arquivos - Navegador. Publicidade - Topbanner. O endereço do seu site é /você. Serviços adicionais - Ferramentas de construção de páginas, largura de banda ilimitada.

Em conexão com a manutenção deste blog, periodicamente tenho que inserir fragmentos de código HTML e CSS no site. No processo de implementação de uma solução normal, descobriu-se que, por algum motivo, não havia uma descrição adequada das soluções prontas em russo, então você mesmo teria que preencher a lacuna.

Vamos começar com algo simples:

Como inserir código HTML em texto?

Para inserir uma ou duas tags no texto de um site, você pode usar símbolos HTML< для вставки < и символ >para inserir > assim, a tag No código HTML é escrita como Inserindo grandes fragmentos de código no site.

Para inserir o próprio código html no site, existem três tags:

E e

Tag Identifica um bloco de texto pré-formatado. Ou seja, texto em que todos os espaços e hífens já foram colocados. Por padrão no navegador, o conteúdo da tag é exibido em fonte monoespaçada e com todos os espaços entre as palavras. Na tag, todos os espaços são exibidos e todas as quebras de linha são levadas em consideração (o HTML por padrão não leva em consideração vários espaços, convertendo-os em um). Dentro do contêiner você pode usar qualquer tag, exceto as seguintes: , , , , E .

A próxima tag é projetada especificamente para exibição com escape do código do programa. Por padrão, o navegador exibe o conteúdo da tag em texto pequeno e monoespaçado. A tag não leva em consideração espaços adicionais e quebras de texto, por isso as tags devem ser usadas para quebrar uma linha
E

A tag não é válida do ponto de vista do padrão HTML, porém atualmente é suportada por todos os navegadores. A tag exibe o conteúdo do contêiner como texto simples com todos os espaços e hifens. Até que a etiqueta seja “canonizada”, seu uso é considerado não kosher e herético.

A solução correta no momento é utilizar uma tag COM tags aninhadas nos locais onde for necessário. Tecnicamente, precisamos da tag para escapar de fragmentos de código que, por um motivo ou outro, caem fora da tag.Como formatar lindamente o código HTML usando Jquery?

Em nosso site usamos o script Snippet. O snippet tem como objetivo simplificar o design visual de exemplos de código de programa. O script funciona assim:

Div.blog_right h2 ( tamanho da fonte: 24px; cor: #ff9933; margem inferior: 9px; altura da linha: 44px; família de fontes: "arial", "verdana", sans-serif, "Lucida Sans"; fonte -peso: 100; margem superior: 0,83em; )

Conectando o script de execução de código:

2) Conecte arquivos js e css. Você também precisará da biblioteca Jquery conectada.

3) Configure o roteiro:

$(document).ready(function())( $("pre.htmlCode").snippet("html",(style:"acid")); // Procuramos tags com a classe "htmlCode" // e conecte-se a esses elementos com estilo ácido e processamento html $("pre.styles").snippet("css",(style:"acid")); // Procuramos tags com a classe "styles" // e conecte o estilo ácido e o processamento a esses elementos para o código CSS $("pre.js").snippet("javascript",(style:"acid")); // Procuramos tags com a classe "js" // e conecte estilo ácido e processamento para )) ;

4) Documentação mais sofisticada para o script está disponível no site dos desenvolvedores. O script pode alterar o design instantaneamente, destacar os trechos de código necessários em quadros, retirar o lixo e cozinhar alimentos.

Materiais relacionados: