Text and Typography

Written by Harshal Ladhe

Typography

Headings#

H1 Heading (usually reserved for post title)

H2 Heading#

H3 Heading#

H4 Heading#

H5 Heading#

H6 Heading#

Paragraphs#

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vehicula, inline code, external link, and a line break:
New line here.

Blockquote#

“Design is not just what it looks like and feels like. Design is how it works.”
— Steve Jobs

Links#

External Link
Internal Link
Mailto: Send Email

Lists#

Unordered List#

• Chapter 1
  • Section 1
    • Paragraph 1
• Chapter 2
  • Section 2

Ordered List#

1. First item
2. Second item
   1. Nested
      1. Nested again
3. Third item

Task List#

• Job
  • Step 1
  • Step 2
  • Step 3

Description Lists#

Sun

the star around which the earth orbits

Moon

the natural satellite of the earth, visible by reflected light from the sun

Inline Elements#

bold text, italic text, code, strikethrough, underlined, small text highlighted text. attr

Code Blocks#

# Gemfile
gem 'httparty'

# app/services/weather_api.rb
require 'httparty'

class WeatherApi
  API_KEY = 'your_api_key'
  BASE_URL = 'https://api.openweathermap.org/data/2.5/weather'

  def fetch_weather(city)
    url = "#{BASE_URL}?q=#{city}&appid=#{API_KEY}&units=metric"
    response = HTTParty.get(url)
    raise "API Error: #{response.code}" unless response.success?
    response.parsed_body
  end
end

# app/controllers/weather_controller.rb
def show
  city = params[:city]
  weather_data = WeatherApi.new.fetch_weather(city)
  @temperature = weather_data['main']['temp']
end

Inline console.log("Hi") inside text.

Details / Summary#

Click to expand

This is hidden content revealed with HTML <details> and <summary> tags.

Figures and Images#

Image with Caption#

This is a caption below the image.

Simple Image#

Tables#

Feature	Supported	Notes
Tables	✅	Markdown & HTML
GFM	✅	Supported on GitHub
Footnotes	✅	In Markdown config

Filepath#

Here is the /path/to/the/file.extend.

Footnotes#

This sentence has a footnote. ¹

This sentence has an another footnote. ²

Misc elements#

Abbreviation:
The abbreviation for HyperText Markup Language is HTML.

Keyboard Input:
To save, press Ctrl + S.

Subscript/Superscript:
H₂O and E = mc²

Time Tag:
May 31, 2025

Footnotes#

1. This is the footnote content.  ↩

2. This is the another footnote content.  ↩