Meta tags:
description= A tag HTML br insere uma quebra de linha. Veja como usá-la, como estilizá-la com CSS e exemplos práticos.;
Headings (most frequently used words):
br, exemplo, tag, html, definição, sintaxe, uso, quando, não, usar, alternativas, para, versos, texto, pré, formatado, atributos, prática, da, um, endereço, com, address, poemas, letras, de, música, acessibilidade, por, que, empilhado, prejudicial,
Text of the page (most frequently used words):
html (64), para (20), tag (20), linha (20), svg (19), quebra (17), aprender (15), css (14), não (13), uma (13), elemento (12), que (12), texto (11), the (10), title (10), tags (9), como (9), canvas (9), #atributos (8), quando (8), body (8), conteúdo (8), espaçamento (8), use (8), html5 (8), copiar (7), com (7), quebras (7), pre (7), linhas (7), head (7), address (6), sem (6), parágrafos (6), ser (6), parágrafo (6), exemplo (6), w3docs (5), todos (5), prática (5), deve (5), elementos (5), atributo (5), style (5), espaço (5), paragraph (5), introdução (5), formatter (5), color (5), code (4), generator (4), versos (4), blockquote (4), qual (4), clear (4), propriedade (4), white (4), space (4), line (4), cada (4), por (4), bloco (4), endereço (4), margin (4), layout (4), doctype (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), alternativas (3), pré (3), formatado (3), usar (3), uso (3), vazio (3), fechamento (3), vertical (3), extra (3), below (3), controlar (3), fonte (3), nenhum (3), class (3), onde (3), são (3), dois (3), leitores (3), tela (3), você (3), estrutura (3), mesmo (3), cite (3), document (3), letras (3), música (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), contato (2), sobre (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), exemplos (2), snippets (2), sintaxe (2), definição (2), this (2), page (2), button (2), verificar (2), void (2), entre (2), dentro (2), única (2), define (2), link (2), afirmação (2), descreve (2), corretamente (2), evento (2), globais (2), removido (2), status (2), are (2), poem (2), código (2), ascii (2), espaços (2), estruturado (2), visual (2), anunciam (2), second (2), first (2), gap (2), isto (2), significado (2), semântica (2), separar (2), adicionar (2), apresentação (2), pertence (2), experimente (2), one (2), usage (2), example (2), poemas (2), main (2), somente (2), text (2), xhtml (2), isso (2), parte (2), insere (2), ferramenta (2), certa (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, empresa, try, tutoriais, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, adiciona, usada, lugar, pode, conter, outros, dela, produz, hipertexto, suporta, both, float, impedir, seja, exibido, lado, flutuante, vez, disso, none, right, left, all, valor, aceitava, anteriormente, interagia, flutuantes, esse, foi, usado, aqui, vêm, transforma, visíveis, necessário, violets, blue, roses, red, arte, renderiza, monoespaçada, respeita, branco, preservado, exatamente, defina, contêiner, novas, tornem, reais, seu, desejadas, mas, comprimido, isolada, algumas, intencionais, fluente, inteiro, costuma, mais, limpo, encher, marcação, guia, rápido, decisão, versão, mantém, adequados, deixa, cuidar, distância, modo, nada, rem, bottom, correção, correta, expressar, substitua, empilha, vários, simular, leitor, diz, ruído, transmite, interrompe, fluxo, leitura, pior, ainda, vazias, têm, relação, redor, portanto, tecnologia, assistiva, consegue, ajudar, usuário, entender, documento, acessibilidade, empilhado, prejudicial, juntamente, perigo, empilhar, várias, empurrar, baixo, truque, através, criar, verticais, pensamentos, distintos, limite, envolva, usos, indevidos, comuns, john, lennon, imagine, and, world, will, live, hope, some, day, you, join, but, not, only, usa, springfield, 62704, 123, street, jane, doe, rua, exemplar, genuinamente, separada, separado, fornece, informação, organiza, casos, clássicos, endereços, postais, carrega, transfer, part, another, necessary, inside, can, put, significa, requer, porém, ela, auto, fechada, regra, principal, inerentemente, postal, poema, inicia, novo, pensamento, então, tarefa, próprio, contrário, cria, simplesmente, move, seguinte, próxima, esta, página, explica, faz, verdade, tratam, quais, adequadas, veja, usá, estilizá, práticos, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, span, spacer, source, small, select, section, script, samp, ruby, rtc, progress, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, center, caption, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, acronym, abbr, obsoletas, tabela, tipos, mime, mensagens, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, conjuntos, caracteres, references, migração, suporte, navegadores, áudio, vídeo, semânticos, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,
Text of the page (random words):
tag html br w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset tag html br a tag html br insere uma quebra de linha veja como usá la como estilizá la com css e exemplos práticos a tag html br insere uma única quebra de linha esta página explica quando uma quebra de linha faz parte do conteúdo e br é a ferramenta certa quando na verdade é espaçamento ou layout e css é a ferramenta certa como leitores de tela a tratam e quais alternativas como pre ou a propriedade css white space são adequadas para versos e texto pré formatado definição a tag html br define uma quebra de linha ao contrário da tag p que cria uma quebra de parágrafo a tag br simplesmente move o texto seguinte para a próxima linha sem adicionar espaço vertical extra a regra principal use br somente quando a quebra de linha é parte do próprio conteúdo texto que é inerentemente estruturado em linhas como um endereço postal um poema ou letras de música se uma quebra inicia um novo pensamento isso é um parágrafo então use p se a quebra é sobre espaçamento ou layout visual isso é uma tarefa de apresentação para css não para br sintaxe a tag br é um elemento vazio em html5 o que significa que não requer uma tag de fechamento porém em xhtml ela deve ser auto fechada br exemplo da tag html br exemplo da tag br doctype html html head title title of the document title head body h1 example of the br tag usage h1 p inside the paragraph we can put the tag br br to transfer a part of the text to another line if necessary p body html copiar experimente você mesmo uso use br somente quando a quebra de linha pertence ao conteúdo os casos clássicos são endereços postais poemas e letras de música onde a estrutura de linhas carrega significado exemplo um endereço com address e br um endereço de rua é o uso exemplar de br cada linha é genuinamente uma linha separada do mesmo bloco não um parágrafo separado o elemento address fornece a semântica de informação de contato e br organiza as linhas doctype html html head title title of the document title head body address jane doe br 123 main street br springfield il 62704 br usa address body html copiar exemplo poemas e letras de música doctype html html head title title of the document title head body h1 example of the br tag usage h1 blockquote but i m not the only one br i hope some day you ll join us br and the world will live as one br blockquote cite john lennon imagine cite body html copiar experimente você mesmo quando não usar br br é para estrutura de linhas não para espaçamento ou layout dois usos indevidos comuns separar parágrafos uma quebra entre dois pensamentos distintos é um limite de parágrafo envolva cada bloco em p criar espaços verticais empilhar várias tags br para empurrar conteúdo para baixo é um truque de apresentação o espaçamento pertence ao css através da propriedade margin perigo não use br para separar parágrafos ou adicionar espaçamento use elementos p juntamente com a propriedade css margin para controlar o espaço vertical acessibilidade por que br br empilhado é prejudicial leitores de tela anunciam cada br como uma quebra de linha quando você empilha vários para simular um espaço por exemplo br br br o leitor diz quebra de linha quebra de linha quebra de linha o que é ruído que não transmite nenhum significado e interrompe o fluxo de leitura pior ainda as linhas vazias não têm relação semântica com o texto ao redor portanto a tecnologia assistiva não consegue ajudar o usuário a entender a estrutura do documento a correção correta é expressar o espaço como espaçamento em css substitua isto p first paragraph p br br br p second paragraph p copiar por isto style gap below margin bottom 3 rem style p class gap below first paragraph p p second paragraph p copiar a versão css mantém os dois parágrafos como parágrafos adequados e deixa margin cuidar da distância visual de modo que os leitores de tela não anunciam nada extra alternativas para versos e texto pré formatado quando um bloco inteiro é estruturado em linhas controlar as quebras com css ou pre costuma ser mais limpo do que encher a marcação com tags br um guia rápido de decisão algumas quebras intencionais dentro de texto fluente um endereço uma linha isolada em um parágrafo use br um bloco onde as quebras de linha no seu código fonte são as quebras desejadas mas o espaçamento deve ser comprimido por exemplo versos defina white space pre line no contêiner para que as novas linhas no html se tornem quebras de linha reais sem nenhum br texto onde cada espaço e quebra de linha deve ser preservado exatamente código arte ascii use o elemento pre que renderiza o conteúdo em fonte monoespaçada e respeita todos os espaços em branco style poem white space pre line style p class poem roses are red violets are blue p copiar aqui as quebras de linha vêm do texto fonte e white space pre line as transforma em quebras visíveis nenhum br é necessário atributos a tag br aceitava anteriormente um atributo clear para controlar como a quebra interagia com elementos flutuantes esse atributo foi removido no html5 e não deve ser usado atributo valor status clear all left right none removido no html5 não usar para impedir que o conteúdo seja exibido ao lado de um elemento flutuante use a propriedade css clear em vez disso below float clear both copiar a tag br suporta os atributos globais e os atributos de evento prática prática qual afirmação descreve corretamente a tag html br qual afirmação descreve corretamente a tag html br define um link de hipertexto produz uma única quebra de linha no texto pode conter outros elementos html dentro dela deve ser usada no lugar de tags de parágrafo para parágrafos adiciona espaçamento vertical extra entre parágrafos verificar prática qual elemento é um elemento vazio void sem tag de fechamento e sem conteúdo qual elemento é um elemento vazio void sem tag de fechamento e sem conteúdo o elemento p o elemento br o elemento blockquote o elemento address verificar was this page helpful yes no previous body next button on this page definição sintaxe uso quando não usar br alternativas para versos e texto pré formatado atributos prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores
|