Skip to content
Website Title

Page Title (Heading 1)

This layout was generated with petrapixel's layout generator. You may remove the credit in the footer, but please leave the credit in the code. Thank you!

Welcome to My Portfowebsitelio

About Me

I’m a developer and music creator with experience in Lua, Python, and JavaScript.and FL STUdio I enjoy making interactive experiences, from Roblox maps to. music

Projects

Roblox Creations

https://www.roblox.com/pt/games/138782386827632/Grande-Jogo-X

Game

i wish to make a game but im un motivated

Personal Website

I'm working on a personal working on a personal website to showcase my work and projwebsite to showcase my work and projects.and my

Skills

  • chat (gpt)
  • Python (automation, scripting)
  • JavaScript (web development)
  • t)
  • music

Contact

dont reach out to me

I will now show you how to use the most common HTML text elements:

This is bold text. This text is bold, which means it appears thicker than normal text. Bold text can be used for emphasis, titles, or drawing attention to important words.
This is also bold text. This is another way to make text bold, using the strong element instead of the bold element. Both appear visually similar, but carries semantic meaning that conveys importance.

This is italic text. Italicized text appears slanted and can be used to emphasize certain words, indicate thoughts, or highlight foreign words.
This is also italic text. Just like the italic element, the emphasized element makes text slanted, but it conveys meaning rather than just appearance.

Italic type was first used by Aldus Manutius and his press in Venice in 1500. Manutius intended his italic type to be used not for emphasis but for the text of small, easily carried editions of popular books (often poetry), replicating the style of handwritten manuscripts of the period. The choice of using italic type, rather than the roman type in general use at the time, was apparently made to suggest informality in editions designed for leisure reading. Manutius' italic type was cut by his punchcutter Francesco Griffo, who replicated handwriting of the period following from the style of Niccolò de' Niccoli. The first use in a complete volume was a 1501 edition of Virgil dedicated to Italy. Italic type rapidly became very popular and was widely imitated, although Manutius had exclusive rights to its use, granted by the Venetian Senate and confirmed by three successive Popes. [Source: Wikipedia: Italic type]

This is strikethrough text. This means the text appears with a line through it, often used to indicate corrections, deletions, or outdated information.
This is also strikethrough text. This is another way to apply strikethrough styling, and it also places a line through the text.

This is underlined text. This underlines the text, commonly used for emphasis, though it is less common now because underlined text can be confused with hyperlinks.
This is also underlined text. This is another way to underline text, specifically indicating inserted content.

This is a link. Links allow navigation to other web pages when clicked.
This is a link that will open in a new tab. This version of the link includes the target="_blank" attribute, which forces it to open in a new tab.

This is code (displayed in a monospace font). The code element makes text appear in a monospaced font, useful for displaying programming code or terminal commands.

This is preformatted code.
  This means line breaks and spaces are preserved exactly as written.
This uses both the code and pre elements together to preserve formatting.

This is an abbreviation (Try hovering over it). The tag is used to mark abbreviations and acronyms. When you hover over this text, you will see a tooltip with additional information.

This is highlighted text. The tag highlights text, often used to draw attention to key terms.

This is a line break (The br stands for break.):
A line break moves text to the next line without adding spacing, unlike paragraphs.
It is useful when breaking up text within a paragraph.

This is a paragraph. A paragraph is a block of text that is separated from other blocks of text by spacing.

This is small text. The tag makes text appear smaller than surrounding text, often used for fine print.

This is big text. The tag makes text slightly larger than the surrounding text.

This is subscript text. This text is positioned lower than the surrounding text, often used for chemical formulas like H2O.
This is superscript text. This text is positioned higher than the surrounding text, often used for mathematical exponents like x2.

As you can see, there are numerous ways to format text using HTML. These elements provide flexibility in styling, emphasis, and organization. If you need to convey meaning beyond simple appearance, use semantic tags like strong and em. If you just need styling, elements like bold and italic work as well.

This is a paragraph. As you can see, there's a bit of space between it and the previous paragraph.

This is a blockquote. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.

Heading 2

  • Unsorted list
  • Unsorted list
  • Unsorted list

Lorem ipsum dolor sit amet.

  1. Sorted list
  2. Sorted list
  3. Sorted list

Heading 3

This is preformatted text, which means that     spaces    are preserved:
          :D

This is preformatted code:

<!DOCTYPE html>
<html>
  <body>
   <h1>My First Heading</h1>
   <p>My first paragraph.</p>
  </body>
</html>

This is a separator line / divider:

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading 4

Here are two columns:

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

At vero eos et accusam et justo duo dolores et ea rebum.

Heading 5

This is an image:

This is a full-width image:

These are multiple images in a row:

Heading 6

. Pain comes when. you ,Least need it.