Texto central de marcação
Este guia implementará algumas das maneiras de alinhar o texto ao centro usando HTML embutido.
Texto central em Markdown Utilizando HTML:
Para centralizar o texto em Markdown, temos que exercer HTML em nosso arquivo de marcha. Esta demonstração ajudará você a aprender a empregar tags HTML para o alinhamento do texto de acordo com o seu documento. Vamos começar com as ilustrações.
Estamos usando a ferramenta de código do Visual Studio para implementar o código. A ferramenta é lançada então e cria um novo arquivo com "Markdown" como o tipo de arquivo. Agora vamos compilar os scripts nele.
O Markdown nos fornece uma sintaxe diferente para modelar qualquer texto em um documento, mas não fornece nenhuma sintaxe nativa para posicionar o texto em documentos de Markdown. Felizmente, nos permite exercer html simples dentro dele. Então, vamos explorar como podemos alinhar o texto em Markdown utilizando HTML com exemplos práticos.
Por primeira instância, criamos um cabeçalho de marcação. O cabeçalho pode ser adicionado a um documento de marcação usando os símbolos de hash (#). Um único hash (#) representa um cabeçalho de nível um. Então, adicionamos um hash (#) seguido de um espaço. Nós intitulamos o cabeçalho "Este é um cabeçalho de marcha. Lembre -se de que você deve adicionar um espaço após o símbolo de hash para torná -lo um título, caso contrário, será considerado um texto normal com símbolos de hash anexados a ele.
Este é o resultado previsto do script de marcação acima generado. Aqui você pode ver que o cabeçalho está alinhado no lado esquerdo do documento, que é o alinhamento padrão para o script de Markdown. E não pode ser alterado usando puro Markdown.
Agora, se queremos que o cabeçalho seja exibido no meio do documento, não temos outra opção no Markdown, a não ser empregar as tags html nele, o que nos permitirá alterar a colocação do texto onde quisermos no documento.
Para criar um título, o HTML tem uma tag "". Esta tag tem duas partes: uma abertura "" e um fechamento "". Queremos criar um cabeçalho de nível 1, por isso usaremos a tag como “
”. Para alinhar o texto nesta tag, usamos o atributo "alinhado". Esta propriedade define o posicionamento de qualquer texto, imagem, link, botão, etc. na página da web. Aqui estamos usando -o para posicionar nosso cabeçalho de texto de marcação. Nós atribuímos o valor "centro", pois precisamos colocar o cabeçalho no meio da página. Depois disso, especificamos o texto para um cabeçalho como “este é um cabeçalho de marcha. Então a etiqueta do cabeçalho está fechada usando “
”.Agora na janela de visualização, você observará que o título atualmente se mudou para o centro do documento.
Para uma distinção clara, estamos fornecendo os cabeçalhos de saída renderizados, com o Markdown e com HTML, no instantâneo abaixo:
Aprendemos a centralizar o cabeçalho na página da web. Da mesma forma, você pode alinhar o restante dos títulos: direita, esquerda, centro, justificar, etc., no documento. Agora veremos como centralizar os parágrafos em Markdown. Primeiro criaremos texto regular em Markdown para ver seu alinhamento e, em seguida, usando HTML, ele será alinhado ao meio.
Para criar um parágrafo de texto em Markdown, não precisamos de nenhuma sintaxe. Basta escrever as seqüências de texto e ele será exibido como um parágrafo regular. Então, criamos um parágrafo como “estamos aprendendo a alinhar o texto normal no meio da página da web. Markdown exibirá na posição esquerda da página com suas configurações padrão.”
A saída renderizada exibe um parágrafo de marcha alinhado no lado esquerdo.
Não há como fazê -lo se mover no meio com uma remarca. Novamente, o HTML nos deixará fazer isso usando suas tags. Criaremos um parágrafo em HTML usando as tags HTML especificadas para criação de parágrafos, que são “
..
”. O primeiro "”Tag é a tag de abertura e a“ “
”Tag é a tag de fechamento do parágrafo. Entre essas duas tags, o texto para o parágrafo será especificado. Então, escrevemos o parágrafo entre as tags do parágrafo como “Estamos aprendendo a alinhar o texto normal no meio da página da web. Para alinhar o texto no centro, estamos usando o HTML.”Este texto será exibido no lado esquerdo por padrão. Para mudar seu alinhamento, temos que usar a propriedade "alinhada" na abertura "
" marcação. Então, inserimos o “
”Tag nele e forneceu o valor“ centro ”para que o parágrafo fosse colocado no meio.Além disso, alteramos o tamanho da fonte de texto de normal para tamanho "3" usando a tag HTML "" e especificando o tamanho com o atributo "tamanho".
Agora, o parágrafo recém -criado é exibido no meio e o tamanho da fonte deste parágrafo é maior que o tamanho regular do texto.
Vamos ver os dois parágrafos de saída juntos para obter melhores diferenças visuais no instantâneo fornecido abaixo:
Você pode observar a mudança de alinhamento, bem como as variações do tamanho da fonte em ambos os parágrafos.
Também podemos alinhar uma parte de um parágrafo ao centro, em vez de todo o parágrafo. Para isso, usaremos a classe HTML “'.
Primeiro, crie um parágrafo de marcação e depois coloque as linhas de texto entre as tags div "..." que queremos ser exibidas no meio. Dentro da tag de abertura da div, usamos o atributo "estilo" e atribuímos o valor "Text-align: Center".
A saída renderizada mostra um parágrafo parcialmente alinhado.
Outra tag html que pode ser usada para alinhar o texto ao centro é "". Esta tag é a mais simples e fácil. Você só precisa colocar entre as tags a tabela ou a linha de texto ou o parágrafo para centralizá -lo.
Para colocar a cabeça no centro, primeiro colocamos as tags de abertura e fechamento “...” e entre essas tags usamos o HTML “
..
”Tags para especificar um título. O conteúdo que fornecemos para o cabeçalho é “Este é o nosso cabeçalho de nível 2.”O cabeçalho de segundo nível atualmente criado está alinhado com sucesso no meio do documento.
Da mesma forma, podemos usar este tag center os parágrafos no Markdown. Inicializamos as tags "..." e usamos o "
.. .
”Tags entre eles para criar um parágrafo. O texto fornecido entre as tags do parágrafo é “Estamos centralizando o parágrafo agora.”Isso nos produz a seguinte saída:
Conclusão:
Neste artigo, fornecemos técnicas diferentes para exercitar as tags HTML para alinhar o texto no centro. A saída de cada técnica é comparada com a sintaxe de marcação nativa para tornar as diferenças compreensíveis. Implementamos os scripts no código do Visual Studio no sistema operacional Windows.