First blog post

2024-12-05

A couple is sitting on the edge of a rocky surface near a body of water. They have their feet dangling over the water, with one person resting their head on the other's shoulder. They are seen from above, creating a peaceful, intimate scene.

Typography Test Page

Headers

Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important.

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Links

Blog

External link

FirstBlogPost

Block elements

Block quote

The blockquote element is used to indicate the quotation of a bigger section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form. Wikipedia, The Free Encyclopedia

Preformated text

  
        ___                        _
   /   _ __ _   _ _ __   __ _| |   // This is preformated text
  / / / '__| | | | '_  / _` | |
 / /_//| |  | |_| | |_) | (_| | |
/___,' |_|   __,_| .__/ __,_|_|
                  |_|

Phrase elements

em

Element used to put emphasis on certain information. Most browsers display emphasized text in italics by default.

Sample: This is emphasized text.

strong

This element stands for “stronger emphasis” and is used for marking more important text.

Sample: This is text with stronger emphasis

cite

According to W3C specification, we use cite element to define source of a quotation or reference.

Sample: This is quotation source

dfn

Element used to markup inline definition of a single term.

Sample: This is definition

code

This element informs the browser that it contains a computer code, such as XHTML markup.

Sample: document.write("Hello world");

samp

Defines computer output data, for example we can use it to markup error messages

Sample: Error: no such file or directory

kbd

Means information that should be entered by the user.

Sample: press Alt + F4 to close this window. ESC

var

Means variables used in computer programs or scripts.

Sample: counter

abbr

Abbreviation / a shortened form of a word or phrase

Sample: dr

acronym

Acronym / a word formed from the initial letters of other words

Sample acronyms: XHTML

q

Inline quotation

Sample: This is sample quotation

Lists

Unordered List

Apple
- Golden Delicious
- Granny Smith
- Idared
- McIntosh
Pear
Banana
Orange
Carrot

Unordered List with Links

Ordered List

First
Second
Third
Fourth

Definition List

Definition List TitleThis is a definition list division.InkscapeOpen Source vector graphics editorSVGScalable Vector GraphicsW3C standardGIMPGNU Image Manipulation ProgramDrupalContent Management System

Nested lists

one, two
1. buckle my shoe
three, four
1. knock at the door
Five, six
1. pick up sticks
Seven, eight, lay them straight
1. Nine, ten, a big fat hen
2. Eleven, twelve, dig and delve
3. Thirteen, fourteen, maids a’courting
4. Fifteen, sixteen, maids in the kitchen
5. Seventeen, eighteen, maids a’waiting
6. Nineteen, twenty, my platter’s empty…

Paragraphs

According to Wikipedia: a paragraph (from the Greek paragraphos , “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. The start of a paragraph is indicated by beginning on a new line. Sometimes the first line is indented; sometimes it is indented without beginning a new line.

A paragraph typically consists of a unifying main point, thought, or idea accompanied by supporting details. The non-fiction paragraph usually begins with the general and moves towards the more specific so as to advance an argument or point of view. Each paragraph builds on what came before and lays the ground or run the length of multiple pages, and may consist of one or many sentences. When dialogue is being quoted in fiction, a new paragraph is used each time the person being quoted changed.

In (X)HTML, the p element marks a block of text as a paragraph – the opening tag <p> marks the beginning of a paragraph, and the closing tag </p> marks the end of a paragraph. The end tag is optional for legacy HTML as the browser automatically starts another paragraph at the next <p> tag, or the nextblock element.

Tables

Mauris	Tempor	Praesent lacus nulla	Quis
Mauris	23.000	Suspendisse viverra	Yes
Trupis	1.000	Placerat tortor aesent semper	No
Sagittis	122.000	Neque vel condimentum	No
Libero	500	Hendrerit, lectus elit pretium	Yes
Tristique	100.000	Ligula nec consequat	Yes
Id Neque	600.000	Etiam sodales orci nec	No