JSFiddle - React, Tailwind, and code Playground

by pichowskii

HTML

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>HTML Text Formatting Tags</title>
</head>
<body>
    <h1>Митология</h1>
    <p>
        <a href="#origins">Произход на митовете</a><br />
        <a href="#functions">Функции на мита</a><br />
        <a href="#myth-legends">Митове, легенди и народни предания</a><br />
        <a href="#history-review">Исторически преглед на изучаването на митологията</a><br />
        <a href="#comparative-mythology">Сравнителна митология</a><br />
        <a href="#day-myths">Съвременни митове</a><br />
        <a href="#other-people">Митология на различните народи</a><br />
        <a href="#mythological-creatures">Митологични същества</a><br />
        <a href="#extra-reading">Допълнително четене</a><br />
    </p>

    <h2 id="origins">Произход на митовете</h2>
    <p>Има теория, която твърди, че митовете са изопачени разкази за реални събития. Според тази теория разказвачите многократно усложняват исторически събития и с течение на времето реалните лица в тези истории добиват статут на богове. Например може да се спори дали митът за бога на ветровете Еол не се е развил от разказ за крал, който обучавал народа си да използва платна и да впряга ветровете в своя изгода Херодот - бащата на историята - и Продик изразяват подобно мнение. Тази теория е наречена евхемеризъм на древногръцкия философ Евхемер (роден ок. 320 г. пр. н. е.), който излага своята теза, че гръцките богове се развиват от легенди за човешки същества.</p>

    <h2 id="functions">Функции на мита</h2>
    <p>
        Румънският митолог Мирча Елиаде смята, че една от основните функции на мита е да установи модели на поведение и че митовете също могат да имат и религиозна насока. Като разказват или пресъздават митовете, членовете на древните общества се откъсват от сегашното и пътуват назад в митологичната епоха, което ги приближава до божественото.<br />
        Лаури Хонко изяснява, че в някои...

CSS

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}