+++ authors = [“Programador Solitário”] title = “HTML and CSS only tabs” date = “2023-07-09” description = “Sample article showcasing shortcodes for HTML/CSS only tabs” tags = [ “hugo”, “markdown”, “css”, “html”, “shortcodes”, ] categories = [ “sintaxe”, “demonstração do tema”, ] series = [“Demonstração do Tema”] aliases = [“migrate-from-jekyl”] +++

Shortcodes

O seguinte conteúdo:

Hello World!



Goodbye Everybody!

Irá gerar:

Hello World!

Goodbye Everybody!

Alinhamento à direita

Você também pode alinhas as tabs à direita:

Hello World!



Goodbye Everybody!

Obtendo o seguinte resultado:

Hello World!

Goodbye Everybody!

Conteúdo Markdown

Qualquer conteúdo Markdown válido pode ser usado dentro das tabs:

```ruby
puts 'Hello'
```




```python
print('Hello')
```




```js
console.log("Hello");
```

Assim você obterá o seguinte resultado:

puts 'Hello'

print('Hello')

console.log("Hello");

Nesse exemplo, style="code" faz com que o resultado seja mais agradável quando conteúdo é puramente blocos de código.