From 6ee0327b89e623c7370cda516a0e2d17d2d9a319 Mon Sep 17 00:00:00 2001
From: ophir <ophir@ziprecruiter.com>
Date: Mon, 14 Sep 2020 08:44:36 +0300
Subject: [PATCH] reformat

---
 week1/1_Strings_and_Output.ipynb    | 152 ++---
 week1/2_Arithmetics.ipynb           |  84 ++-
 week1/3_Types.ipynb                 | 101 ++-
 week1/4_Variables.ipynb             | 177 +++--
 week1/5_Input_and_Casting.ipynb     | 184 +++---
 week1/6_Booleans.ipynb              | 168 ++---
 week1/7_Logic_Operators.ipynb       | 192 +++---
 week2/1_Conditions.ipynb            | 199 +++---
 week2/2_Conditions_part2.ipynb      | 294 ++++-----
 week2/3_Functions.ipynb             | 493 +++++++-------
 week2/4_Lists.ipynb                 | 592 +++++++++--------
 week2/5_String_Methods.ipynb        | 384 +++++------
 week2/6_Documentation.ipynb         | 134 ++--
 week2/7_Summary.ipynb               | 263 ++++----
 week3/1_While_Loops.ipynb           | 525 ++++++++-------
 week3/2_Slicing.ipynb               | 742 ++++++++++-----------
 week3/3_Files.ipynb                 | 530 ++++++++-------
 week3/4_List_Methods.ipynb          | 260 ++++----
 week3/5_Mutability_and_Tuples.ipynb | 255 ++++---
 week3/Summary.ipynb                 | 497 ++++++--------
 week4/1_For_Loops.ipynb             | 992 ++++++++++++++--------------
 week4/2_Dictionaries.ipynb          | 606 ++++++++---------
 week4/3_Dictionaries_part2.ipynb    | 311 +++++----
 week4/4_Unpacking.ipynb             | 322 ++++-----
 week4/5_Builtins.ipynb              | 817 ++++++++++++-----------
 week4/Summary.ipynb                 | 156 ++---
 week5/1_Modules.ipynb               | 369 ++++++-----
 week5/2_Functions_Part_2.ipynb      | 554 ++++++++--------
 week5/3_Generators.ipynb            | 509 +++++++-------
 week5/Summary.ipynb                 |  96 +--
 week6/1_Sets.ipynb                  | 379 ++++++-----
 week6/2_Functional_Behavior.ipynb   | 392 +++++------
 week6/3_Comprehensions.ipynb        | 630 +++++++++---------
 week6/4_Modules_Part_2.ipynb        | 294 ++++-----
 week6/5_Summary.ipynb               |  60 +-
 week7/1_Classes.ipynb               | 811 +++++++++++------------
 week7/2_Documentation.ipynb         | 551 ++++++++-------
 week7/3_Classes_Part_2.ipynb        | 673 ++++++++++---------
 week7/4_Summary.ipynb               | 156 ++---
 week8/1_Inheritance.ipynb           | 714 ++++++++++----------
 week8/2_Inheritance_Part_2.ipynb    | 477 +++++++------
 week8/3_Exceptions.ipynb            | 576 ++++++++--------
 week8/4_Exceptions_Part_2.ipynb     | 504 +++++++-------
 week8/5_Summary.ipynb               | 109 ++-
 44 files changed, 8563 insertions(+), 8721 deletions(-)

diff --git a/week1/1_Strings_and_Output.ipynb b/week1/1_Strings_and_Output.ipynb
index 66ea93f..6462051 100644
--- a/week1/1_Strings_and_Output.ipynb
+++ b/week1/1_Strings_and_Output.ipynb
@@ -4,22 +4,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">ברוכים הבאים למחברת הפייתון הראשונה שלכם!</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">ברוכים הבאים למחברת הפייתון הראשונה שלכם!</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ממש בקרוב נצלול לעולם התכנות, שבו תוכלו להריץ דוגמאות קוד מעניינות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ממש בקרוב נצלול לעולם התכנות, שבו תוכלו להריץ דוגמאות קוד מעניינות.<br/>\n",
     "המחברת שלפניכם היא מחברת אינטראקטיבית שמאפשרת לנו להריץ קוד ולראות את התוצאות שלו בקלות.\n",
     "</p>"
    ]
@@ -28,8 +28,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">כדי להריץ את התוכן של תא מסוים, לחצו עליו כך שתופיע סביבו מסגרת, והקישו בו־זמנית על המקשים <kbd>CTRL</kbd> + <kbd>ENTER</kbd> במקלדת.<br>\n",
-    "לאחר שתעשו זאת, פייתון תעבד את הביטוי המופיע במשבצת ותציג לכם תשובה בהתאם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כדי להריץ את התוכן של תא מסוים, לחצו עליו כך שתופיע סביבו מסגרת, והקישו בו־זמנית על המקשים <kbd>CTRL</kbd> + <kbd>ENTER</kbd> במקלדת.<br/>\n",
+    "לאחר שתעשו זאת, פייתון תעבד את הביטוי המופיע במשבצת ותציג לכם תשובה בהתאם.<br/>\n",
     "נסו את זה על המשבצת הבאה!</p>"
    ]
   },
@@ -46,22 +46,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">אפשר לזהות בקלות תא שמיועד להרצה, באמצעות צבע הרקע האפור שלו שנמתח על גבי כל השורה.</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">אפשר לזהות בקלות תא שמיועד להרצה, באמצעות צבע הרקע האפור שלו שנמתח על גבי כל השורה.</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            תוכלו להמנע משימוש בעכבר ולעבוד מהר יותר רק עם המקלדת. עברו בין התאים בעזרת המקשים <kbd>↓</kbd> או <kbd>↑</kbd> במקלדת שלכם.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -69,15 +69,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">הדפסה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">הדפסה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<q>אבל רגע</q>, יגידו הסקרנים ביניכם, <q>מה הרצתי שם למעלה?</q><br>\n",
+    "<p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<q>אבל רגע</q>, יגידו הסקרנים ביניכם, <q>מה הרצתי שם למעלה?</q><br/>\n",
     "</p>\n"
    ]
   },
@@ -85,7 +85,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">\n",
     "כמו שוודאי ניחשתם, הקוד שהרצתם מדפיס \"שלום עולם\". הוא מורכב משני חלקים יחסית פשוטים: <em>מחרוזת</em> ו<em>פקודת הדפסה</em>.\n",
     "</p>"
    ]
@@ -94,16 +94,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">print</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">print</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אחד הדברים שנעשה לא מעט בשבועות הקרובים זה להדפיס למסך.<br>\n",
-    "כדי לעשות את זה, נצטרך פשוט לכתוב <code>print</code>, לפתוח סוגריים, לכתוב <em>ביטוי חוקי כלשהו</em> ולסגור את הסוגריים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אחד הדברים שנעשה לא מעט בשבועות הקרובים זה להדפיס למסך.<br/>\n",
+    "כדי לעשות את זה, נצטרך פשוט לכתוב <code>print</code>, לפתוח סוגריים, לכתוב <em>ביטוי חוקי כלשהו</em> ולסגור את הסוגריים.<br/>\n",
     "בואו נסתכל על כמה דוגמאות:\n",
     "</p>"
    ]
@@ -148,35 +148,36 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            נהוג לרשום את הסוגריים סמוך למילה <code>print</code>, בלי רווחים לפני או אחרי הסוגריים.<br>\n",
-    "            אם תשכחו סוגריים, או אם תפתחו סוגריים ותשכחו לסגור אותם, פייתון תתריע על <dfn>שגיאה</dfn>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            נהוג לרשום את הסוגריים סמוך למילה <code>print</code>, בלי רווחים לפני או אחרי הסוגריים.<br/>\n",
+    "            אם תשכחו סוגריים, או אם תפתחו סוגריים ותשכחו לסגור אותם, פייתון תתריע על <dfn>שגיאה</dfn>.<br/>\n",
     "            זה לא באמת מפחיד אותנו, אבל כדאי לזכור שזו אחת הסיבות שאתם עלולים להיתקל בהודעות שגיאה.\n",
     "    </p>\n",
-    "</div>\n"
+    "</div>\n",
+    "</div>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "למרות השם הרשמי, מחרוזת היא בסך הכול רצף של תווים. מחרוזת יכולה להיות \"שלום עולם\", התוכן של הספר הארי פוטר ואפילו האות \"ש\" לבדה.<br>\n",
-    "במקרה שלנו, המחרוזת היא <code>\"Hello World\"</code>.<br>\n",
-    "כדי שפייתון תזהה שמדובר במחרוזת, נהיה חייבים להקיף את המחרוזת בגרש (צ'וקו) או בגרשיים (צ'וקיים).<br>\n",
-    "פייתון נחמדה אלינו ולא באמת אכפת לה במה תשתמשו, כל עוד תתחילו בגרש ותסיימו בגרש, או תתחילו בגרשיים ותסיימו בגרשיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "למרות השם הרשמי, מחרוזת היא בסך הכול רצף של תווים. מחרוזת יכולה להיות \"שלום עולם\", התוכן של הספר הארי פוטר ואפילו האות \"ש\" לבדה.<br/>\n",
+    "במקרה שלנו, המחרוזת היא <code>\"Hello World\"</code>.<br/>\n",
+    "כדי שפייתון תזהה שמדובר במחרוזת, נהיה חייבים להקיף את המחרוזת בגרש (צ'וקו) או בגרשיים (צ'וקיים).<br/>\n",
+    "פייתון נחמדה אלינו ולא באמת אכפת לה במה תשתמשו, כל עוד תתחילו בגרש ותסיימו בגרש, או תתחילו בגרשיים ותסיימו בגרשיים.<br/>\n",
     "בואו נסתכל על כמה דוגמאות:\n",
     "</p>"
    ]
@@ -221,16 +222,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה בקרב אנשים שמצטרפים לעולם התכנות, היא לשכוח את הגרש או את הגרשיים בסיום ו/או בתחילת המחרוזת.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה בקרב אנשים שמצטרפים לעולם התכנות, היא לשכוח את הגרש או את הגרשיים בסיום ו/או בתחילת המחרוזת.<br/>\n",
     "            אם תשכחו אותם, פייתון עלולה להתריע על שגיאה. זה לא באמת מפחיד אותנו, אבל כדאי לזכור שזו אחת הסיבות שאתם עלולים להיתקל בהודעות שגיאה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -238,7 +239,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הנה דוגמה לטעות שכזו, שתגרום לפייתון להתריע על שגיאה:</span>"
+    "<span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הנה דוגמה לטעות שכזו, שתגרום לפייתון להתריע על שגיאה:</span>"
    ]
   },
   {
@@ -254,23 +255,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right;\">תרגול</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מה מחרוזת ומה לא?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מה מחרוזת ומה לא?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לפניכם כמה ביטויים בפייתון. מה לדעתכם מחרוזת תקינה ומה לא?<br>\n",
-    "רשמו בצד את התשובות שלכם, ורק אז עברו לתא שאחרי התרגיל כדי לבדוק אם עניתם נכונה על השאלות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לפניכם כמה ביטויים בפייתון. מה לדעתכם מחרוזת תקינה ומה לא?<br/>\n",
+    "רשמו בצד את התשובות שלכם, ורק אז עברו לתא שאחרי התרגיל כדי לבדוק אם עניתם נכונה על השאלות.<br/>\n",
     "זהירות! הטמנו שם כמה מוקשים ;)\n",
     "</p>"
    ]
@@ -279,7 +280,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"font-size: 1.25em; direction: ltr\">\n",
+    "<ol dir=\"ltr\" style=\"font-size: 1.25em; direction: ltr\">\n",
     "<li><code>\"Hello World\"</code></li>\n",
     "<li><code>'Hello World'</code></li>\n",
     "<li><code>1234</code></li>\n",
@@ -289,9 +290,9 @@
     "<li><code>'Israel'</code></li>\n",
     "<li><code>Moshe</code></li>\n",
     "<li><code>\".\"</code></li>\n",
-    "<li><code>\"_)(*&^%\"</code></li>\n",
-    "<li><code>\"_)('*&^%\"</code></li>\n",
-    "    <li><code>\"_)(\"*&^%\"</code></li>\n",
+    "<li><code>\"_)(*&amp;^%\"</code></li>\n",
+    "<li><code>\"_)('*&amp;^%\"</code></li>\n",
+    "<li><code>\"_)(\"*&amp;^%\"</code></li>\n",
     "</ol>"
    ]
   },
@@ -299,12 +300,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "    סמנו בעזרת העכבר את הריבוע השחור (<span style=\"direction: rtl; background: #000; text: #000\">המחרוזות התקינות הן: 1, 2, 4, 7, 9, 10, 11</span>) כדי לראות אילו מן הסעיפים הוא מחרוזת תקינה.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "    סמנו בעזרת העכבר את הריבוע השחור (<span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">המחרוזות התקינות הן: 1, 2, 4, 7, 9, 10, 11</span>) כדי לראות אילו מן הסעיפים הוא מחרוזת תקינה.\n",
     "</p>\n",
-    "<br>\n",
-    "<p >\n",
-    "    \n",
+    "<br/>\n",
+    "<p>\n",
     "</p>"
    ]
   },
@@ -312,18 +312,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">חוברים למחברת</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">חוברים למחברת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הוסיפו למחברת תא שבו ניתן לכתוב קוד.<br>\n",
-    "ניתן לעשות זאת בלחיצה על המשבצת הזו, ואז בלחיצה על <kbd>b</kbd> במקלדת.<br>\n",
-    "הלחיצה על <kbd>b</kbd> משמעה \"הוסף אזור קוד <em>מתחת (<strong>b</strong>elow)</em> למשבצת שסימנתי\".<br>\n",
-    "כתבו במשבצת קוד לבחירתכם. ודאו שהתא שמכיל את הקוד מסומן, ואז לחצו <kbd>CTRL</kbd> יחד עם <kbd>ENTER</kbd> כדי להריץ אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הוסיפו למחברת תא שבו ניתן לכתוב קוד.<br/>\n",
+    "ניתן לעשות זאת בלחיצה על המשבצת הזו, ואז בלחיצה על <kbd>b</kbd> במקלדת.<br/>\n",
+    "הלחיצה על <kbd>b</kbd> משמעה \"הוסף אזור קוד <em>מתחת (<strong>b</strong>elow)</em> למשבצת שסימנתי\".<br/>\n",
+    "כתבו במשבצת קוד לבחירתכם. ודאו שהתא שמכיל את הקוד מסומן, ואז לחצו <kbd>CTRL</kbd> יחד עם <kbd>ENTER</kbd> כדי להריץ אותו.<br/>\n",
     "</p>"
    ]
   },
@@ -331,17 +331,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">שרה שרה שיר שמח</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">שרה שרה שיר שמח</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הדפיסו את הפזמון מהשיר האהוב עליכם!<br>\n",
-    "אם צריך, היעזרו בדוגמת ההדפסה שמופיעה בתחילת המחברת.<br>\n",
-    "שימו לב שניתן להדפיס יותר משורה אחת על ידי חזרה על <code>print</code> בכמה שורות נפרדות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הדפיסו את הפזמון מהשיר האהוב עליכם!<br/>\n",
+    "אם צריך, היעזרו בדוגמת ההדפסה שמופיעה בתחילת המחברת.<br/>\n",
+    "שימו לב שניתן להדפיס יותר משורה אחת על ידי חזרה על <code>print</code> בכמה שורות נפרדות.<br/>\n",
     "הוסיפו אזור קוד שבו תוכלו לכתוב את פתרון התרגיל.\n",
     "</p>"
    ]
@@ -350,15 +350,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">נגמר הדיו</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">נגמר הדיו</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "    בהרצה של קטע הקוד הבא, פייתון תתריע על שגיאה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "    בהרצה של קטע הקוד הבא, פייתון תתריע על שגיאה:<br/>\n",
     "</p>"
    ]
   },
@@ -378,8 +378,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הריצו את הקוד, צפו בשגיאה ותקנו את הקוד בהתאם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הריצו את הקוד, צפו בשגיאה ותקנו את הקוד בהתאם.<br/>\n",
     "חזרו על הפעולה עד שהקוד ירוץ במלואו.\n",
     "</p>"
    ]
diff --git a/week1/2_Arithmetics.ipynb b/week1/2_Arithmetics.ipynb
index b6ce225..f7dfe27 100644
--- a/week1/2_Arithmetics.ipynb
+++ b/week1/2_Arithmetics.ipynb
@@ -4,23 +4,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים נרצה לצרף דברי הסבר לקוד שכתבנו.<br>\n",
-    "כדי להוסיף הסברים לצד הקוד נשתמש בתו סולמית, ומייד אחריה נכתוב את ההסברים שרצינו לצרף.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים נרצה לצרף דברי הסבר לקוד שכתבנו.<br/>\n",
+    "כדי להוסיף הסברים לצד הקוד נשתמש בתו סולמית, ומייד אחריה נכתוב את ההסברים שרצינו לצרף.<br/>\n",
     "החלקים האלו בקוד נקראים <dfn>הערות</dfn>, ופייתון מתעלמת מקיומם כשהיא מריצה את הקוד.\n",
     "</p>"
    ]
@@ -29,7 +29,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה:\n",
     "</p>"
    ]
@@ -48,7 +48,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">או אפילו באותה שורה:</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">או אפילו באותה שורה:</p>"
    ]
   },
   {
@@ -64,9 +64,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "    הערות נועדו להסביר את הקוד שלכם למתכנתים אחרים שיקראו אותו בעתיד.<br>\n",
-    "    בינתיים, אנחנו נשתמש בהערות כדי להבהיר ולהדגיש דוגמאות במחברת הקורס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "    הערות נועדו להסביר את הקוד שלכם למתכנתים אחרים שיקראו אותו בעתיד.<br/>\n",
+    "    בינתיים, אנחנו נשתמש בהערות כדי להבהיר ולהדגיש דוגמאות במחברת הקורס.<br/>\n",
     "    נהוג לכתוב הערות באנגלית, אבל רק לצורך הקורס שלנו, שמתקיים בעברית, נכופף קצת את החוקים.\n",
     "</p>"
    ]
@@ -75,15 +75,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אריתמטיקה</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אריתמטיקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "    אין צורך לפחד מהמונח המאיים, מדובר פשוט בפעולות חשבון בסיסיות. בואו נראה מה פייתון יודעת לעשות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "    אין צורך לפחד מהמונח המאיים, מדובר פשוט בפעולות חשבון בסיסיות. בואו נראה מה פייתון יודעת לעשות.<br/>\n",
     "    חשבו מה תהיה התוצאה בכל אחד מהתאים הבאים. לאחר שכתבתם בצד את התוצאה שעליה חשבתם, הריצו את התאים ובדקו אם צדקתם.\n",
     "</p>"
    ]
@@ -218,21 +218,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים ושארית</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים ושארית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים</span>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\"><dfn>חלוקת שלמים</dfn> היא פעולה שתוצאתה תמיד מספר שלם, בניגוד לפעולת החילוק שאנחנו רגילים אליה (<code>/</code>).</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">כאשר אנחנו עושים חלוקת שלמים מהצורה <code>A // B</code>, אנחנו למעשה מתכוונים לשאול:</p>\n",
-    "\n",
-    "<blockquote style=\"text-align: left; direction: ltr; float: right; border-left: 0; border-right: 5px solid #eeeeee;\"><p style=\"text-align: right; direction: rtl; float: left;\">אם יש לי A משולשי פיצה, וחילקתי את כל משלושי הפיצה באופן שווה ל־B ילדים (תזהרו מלחתוך לי את המשולשים!), כמה משולשי פיצה יקבל כל ילד?</p></blockquote>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">לדוגמה: הביטוי <code>4 // 9</code>, אומר שיש לנו 9 משולשי פיצה ו־4 ילדים רעבים.<br>אם נחלק את משולשי הפיצה בין הילדים, נגלה שכל ילד יקבל 2 משולשים, ושנשאר משולש אחד שלא ניתן לחלק.</p>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\"><dfn>חלוקת שלמים</dfn> היא פעולה שתוצאתה תמיד מספר שלם, בניגוד לפעולת החילוק שאנחנו רגילים אליה (<code>/</code>).</p>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כאשר אנחנו עושים חלוקת שלמים מהצורה <code>A // B</code>, אנחנו למעשה מתכוונים לשאול:</p>\n",
+    "<blockquote dir=\"ltr\" style=\"text-align: left; direction: ltr; float: right; border-left: 0; border-right: 5px solid #eeeeee;\"><p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: left;\">אם יש לי A משולשי פיצה, וחילקתי את כל משלושי הפיצה באופן שווה ל־B ילדים (תזהרו מלחתוך לי את המשולשים!), כמה משולשי פיצה יקבל כל ילד?</p></blockquote>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לדוגמה: הביטוי <code>4 // 9</code>, אומר שיש לנו 9 משולשי פיצה ו־4 ילדים רעבים.<br/>אם נחלק את משולשי הפיצה בין הילדים, נגלה שכל ילד יקבל 2 משולשים, ושנשאר משולש אחד שלא ניתן לחלק.</p>"
    ]
   },
   {
@@ -248,8 +245,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl; float: right;\">שארית</div>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">למשולשי הפיצה שלא הצלחנו לחלק לילדים אנחנו קוראים <dfn>שארית</dfn>, וזו התוצאה שנקבל כשנכתוב את הסימן <code>%</code> במקום <code>//</code>.<br>לדוגמה, אם היינו כותבים <code>4 % 9</code>, היינו מקבלים <code>1</code>, הרי הוא משולש הפיצה שנשאר מהדוגמה שלמעלה.</p>"
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">שארית</div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">למשולשי הפיצה שלא הצלחנו לחלק לילדים אנחנו קוראים <dfn>שארית</dfn>, וזו התוצאה שנקבל כשנכתוב את הסימן <code>%</code> במקום <code>//</code>.<br/>לדוגמה, אם היינו כותבים <code>4 % 9</code>, היינו מקבלים <code>1</code>, הרי הוא משולש הפיצה שנשאר מהדוגמה שלמעלה.</p>"
    ]
   },
   {
@@ -265,20 +262,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%;\" width=\"90%\">\n",
     "            עבור מספרים חיוביים, תוכלו להמיר את החלוקה ה\"רגילה\" מהצורה\n",
-    "            <div style=\"display: inline-flex; direction: ltr;\">$\\normalsize{\\frac{9}{4}}$</div>\n",
+    "            <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{\\frac{9}{4}}$</div>\n",
     "            לשבר מעורב מהצורה\n",
-    "            <div style=\"display: inline-flex; direction: ltr;\">$\\normalsize{2\\frac{1}{4}}$</div>.\n",
-    "        <br>\n",
+    "            <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{2\\frac{1}{4}}$</div>.\n",
+    "        <br/>\n",
     "            המספר השלם שהתקבל\n",
-    "            <div style=\"display: inline-flex; direction: ltr;\">($\\normalsize{2}$)</div>\n",
+    "            <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">($\\normalsize{2}$)</div>\n",
     "            הוא תוצאת חילוק השלמים, בעוד שהמספר במונה \n",
-    "            <div style=\"display: inline-flex; direction: ltr;\">($\\normalsize{1}$)</div>\n",
+    "            <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">($\\normalsize{1}$)</div>\n",
     "            הוא השארית.\n",
     "    </div>\n",
     "</div>"
@@ -288,24 +285,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right;\">תרגול: תה אמריקה</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול: תה אמריקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "חובבי תה רציניים ידעו להגיד לכם, שחליטת התה שלכם צריכה להיעשות בטמפרטורה מסוימת מאוד, שתלויה בסוג התה שבידכם.<br>\n",
-    "כפלצן תה גדול, אני מזמין לעיתים קרובות תה ממחוזות מוזרים בעולם, שבהם מציגים את הטמפרטורה המושלמת לחליטת התה במעלות פרנהייט במקום בצלזיוס.<br>\n",
-    "לאחרונה קיבלתי תה יסמין שהיה צריך לחלוט ב־176 מעלות פרנהייט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "חובבי תה רציניים ידעו להגיד לכם, שחליטת התה שלכם צריכה להיעשות בטמפרטורה מסוימת מאוד, שתלויה בסוג התה שבידכם.<br/>\n",
+    "כפלצן תה גדול, אני מזמין לעיתים קרובות תה ממחוזות מוזרים בעולם, שבהם מציגים את הטמפרטורה המושלמת לחליטת התה במעלות פרנהייט במקום בצלזיוס.<br/>\n",
+    "לאחרונה קיבלתי תה יסמין שהיה צריך לחלוט ב־176 מעלות פרנהייט.<br/>\n",
     "הדלקתי קומקום ועקבתי אחרי הטמפרטורה של המים. עזרו לי, והדפיסו את הטמפרטורה שאליה המים צריכים להגיע, במעלות <em>צלזיוס</em>.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הנוסחה להמרה מפרנהייט לצלזיוס היא <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>.<br>\n",
-    "או, אם אתם מעדיפים כתיב מתמטי: <span style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(F - 32)}$</span><br>\n",
-    "לדוגמה, אם הייתי צריך לחלוט את התה שלי ב־212 מעלות פרנהייט, הייתי מצפה שתציגו לי <samp>100</samp>, כיוון ש: <span style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(212 - 32)} = 100$</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הנוסחה להמרה מפרנהייט לצלזיוס היא <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>.<br/>\n",
+    "או, אם אתם מעדיפים כתיב מתמטי: <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(F - 32)}$</span><br/>\n",
+    "לדוגמה, אם הייתי צריך לחלוט את התה שלי ב־212 מעלות פרנהייט, הייתי מצפה שתציגו לי <samp>100</samp>, כיוון ש: <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(212 - 32)} = 100$</span>\n",
     "</p>"
    ]
   },
diff --git a/week1/3_Types.ipynb b/week1/3_Types.ipynb
index 22e7a6f..ecbe730 100644
--- a/week1/3_Types.ipynb
+++ b/week1/3_Types.ipynb
@@ -4,31 +4,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"align: right; direction: rtl; float: right;\">סוגי ערכים (טיפוסים, או types)</span>"
+    "# <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">סוגי ערכים (טיפוסים, או types)</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">כל ערך שאנחנו כותבים בפייתון הוא מ<strong>סוג</strong> מסוים. עד כה למדנו על שלושה סוגי ערכים שקיימים בפייתון (איזה זריזים אנחנו!):</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כל ערך שאנחנו כותבים בפייתון הוא מ<strong>סוג</strong> מסוים. עד כה למדנו על שלושה סוגי ערכים שקיימים בפייתון (איזה זריזים אנחנו!):</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "<li><abbr title=\"str\">מחרוזת</abbr></li>\n",
     "<li><abbr title=\"int\">מספר שלם</abbr></li>\n",
-    "<li style=\"white-space: nowrap;\"><abbr title=\"float\" style=\"display: inline\">מספר עשרוני</abbr> (\"שבר\")</li>\n",
+    "<li style=\"white-space: nowrap;\"><abbr style=\"display: inline\" title=\"float\">מספר עשרוני</abbr> (\"שבר\")</li>\n",
     "</ul>"
    ]
   },
@@ -36,7 +36,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">היעזרו בסוגי הערכים המוצגים למעלה ונסו לקבוע מה סוג הנתונים בכל אחת מהשורות הבאות:</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">היעזרו בסוגי הערכים המוצגים למעלה ונסו לקבוע מה סוג הנתונים בכל אחת מהשורות הבאות:</p>"
    ]
   },
   {
@@ -58,16 +58,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">המינוח המקצועי ל\"<dfn>סוג</dfn>\" הוא \"<dfn>טיפוס</dfn>\", או באנגלית: <em>type</em>.</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">המינוח המקצועי ל\"<dfn>סוג</dfn>\" הוא \"<dfn>טיפוס</dfn>\", או באנגלית: <em>type</em>.</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "טיפוסי נתונים מזכירים מצבי צבירה: כפי שניתן למצוא בטבע מים בצורות שונות (כנוזל – לשתייה, וכמוצק – קוביות קרח),<br>\n",
-    "כך בפייתון ניתן להשתמש בערך מסוים בכמה צורות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "טיפוסי נתונים מזכירים מצבי צבירה: כפי שניתן למצוא בטבע מים בצורות שונות (כנוזל – לשתייה, וכמוצק – קוביות קרח),<br/>\n",
+    "כך בפייתון ניתן להשתמש בערך מסוים בכמה צורות.<br/>\n",
     "נניח, בערך 9.5 ניתן להשתמש גם כמספר (<code>9.5</code>) וגם כמחרוזת (<code>'9.5'</code>). השימוש בכל אחד מהם הוא למטרה אחרת.\n",
     "</p>"
    ]
@@ -76,16 +76,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            בניסוח רשמי או אקדמי משתמשים במינוח \"טיפוס\" או במינוח \"טיפוס נתונים\" כדי לסווג ערכים לקבוצות שונות.<br>\n",
-    "            בתעשייה וביום־יום משתמשים במינוח \"סוג\". לדוגמה: <q>מוישה, מאיזה סוג המשתנה <var>age</var> שהגדרת פה?</q><br>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            בניסוח רשמי או אקדמי משתמשים במינוח \"טיפוס\" או במינוח \"טיפוס נתונים\" כדי לסווג ערכים לקבוצות שונות.<br/>\n",
+    "            בתעשייה וביום־יום משתמשים במינוח \"סוג\". לדוגמה: <q>מוישה, מאיזה סוג המשתנה <var>age</var> שהגדרת פה?</q><br/>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -93,16 +93,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">type</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">type</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">כיוון שסוגי ערכים הם עניין מרכזי כל כך בפייתון, קיימת דרך לבדוק מה הוא הסוג של ערך מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כיוון שסוגי ערכים הם עניין מרכזי כל כך בפייתון, קיימת דרך לבדוק מה הוא הסוג של ערך מסוים.<br/>\n",
     "לפני שנציג לכם איך לגלות את הסוג של כל ערך (אף על פי שחשוב שתדעו לעשות את זה בעצמכם), אנחנו רוצים להציג לפניכם איך פייתון מכנה כל סוג נתונים:</p>\n",
-    "\n",
     "<div style=\"clear: both;\"></div>\n",
     "\n",
     "| שם בפייתון | שם באנגלית | שם בעברית |\n",
@@ -116,8 +115,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<span style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לראות את <em>הסוג</em> של ערך נתון, נשתמש ב־<code style=\"direction: ltr;\" dir=\"ltr\">type(VALUE)</code>, כאשר במקום <code>VALUE</code> יופיע הערך אותו נרצה לבדוק.\n",
+    "<span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לראות את <em>הסוג</em> של ערך נתון, נשתמש ב־<code dir=\"ltr\" style=\"direction: ltr;\">type(VALUE)</code>, כאשר במקום <code>VALUE</code> יופיע הערך אותו נרצה לבדוק.\n",
     "</span>"
    ]
   },
@@ -125,17 +124,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            לפניכם דוגמאות אחדות של שימוש ב־<code>type</code>.<br>\n",
-    "            קבעו מה תהיה התוצאה של כל אחת מהדוגמאות, ורק לאחר מכן הריצו ובדקו אם צדקתם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            לפניכם דוגמאות אחדות של שימוש ב־<code>type</code>.<br/>\n",
+    "            קבעו מה תהיה התוצאה של כל אחת מהדוגמאות, ורק לאחר מכן הריצו ובדקו אם צדקתם.<br/>\n",
     "            אם טעיתם – לא נורא, ממילא מדובר פה בהימורים מושכלים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -215,14 +214,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right;\">תרגול</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "בדקו מה הסוג של הערכים והביטויים הבאים:\n",
     "</p>"
    ]
@@ -255,14 +254,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">שוני בין סוגי ערכים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">שוני בין סוגי ערכים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "סוג הערכים ישפיע על התנהגותם בפועל. הריצו את שלושת קטעי הקוד הבאים ונסו לעמוד על ההבדלים ביניהם:\n",
     "</p>"
    ]
@@ -298,17 +297,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            פעולות המערבות סוגי ערכים שונים לא תמיד עובדות.<br>\n",
-    "            לדוגמה, כשננסה לחבר מספר שלם ומספר עשרוני, נקבל מספר עשרוני. לעומת זאת, כשננסה לחבר מספר שלם למחרוזת, פייתון תתריע לפנינו על שגיאה.<br>\n",
-    "            נמשיל לקערת קוביות קרח: נוכל לספור כמה קוביות קרח יש בה גם אם נוסיף מספר קוביות, אבל יהיה קשה לנו לתאר את תוכן הקערה אם נשפוך אליה כוס מים.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            פעולות המערבות סוגי ערכים שונים לא תמיד עובדות.<br/>\n",
+    "            לדוגמה, כשננסה לחבר מספר שלם ומספר עשרוני, נקבל מספר עשרוני. לעומת זאת, כשננסה לחבר מספר שלם למחרוזת, פייתון תתריע לפנינו על שגיאה.<br/>\n",
+    "            נמשיל לקערת קוביות קרח: נוכל לספור כמה קוביות קרח יש בה גם אם נוסיף מספר קוביות, אבל יהיה קשה לנו לתאר את תוכן הקערה אם נשפוך אליה כוס מים.<br/>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -316,7 +315,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "דוגמה לערכים מסוגים שונים שפעולת החיבור ביניהם עובדת:\n",
     "</p>"
    ]
@@ -334,7 +333,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "דוגמה לערכים מסוגים שונים שפעולת החיבור ביניהם גורמת לפייתון להתריע על שגיאה:\n",
     "</p>"
    ]
diff --git a/week1/4_Variables.ipynb b/week1/4_Variables.ipynb
index 7905537..7e0ba3d 100644
--- a/week1/4_Variables.ipynb
+++ b/week1/4_Variables.ipynb
@@ -4,27 +4,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">משתנים</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">משתנים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בואו נחשב את נפח הפיצה שלנו לפי אורך המשולש ועוביו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בואו נחשב את נפח הפיצה שלנו לפי אורך המשולש ועוביו.<br/>\n",
     "הנוסחה לחישוב נפח פיצה היא:\n",
-    "    <span style=\"display: inline-flex; direction: ltr;\">$pi \\times z \\times z \\times a$</span>,\n",
-    "כאשר <span style=\"display: inline-flex; direction: ltr;\">$z$</span> הוא אורך המשולש ו־<span style=\"display: inline-flex; direction: ltr;\">$a$</span> הוא עובי המשולש.<br>\n",
-    "    pi, או <span style=\"display: inline-flex; direction: ltr;\">$\\pi$</span>, הוא מספר קבוע שנקרא בעברית <dfn>פאי</dfn>, וערכו קרוב ל־3.141592653589793. בפועל יש לו אין־סוף ספרות אחרי הנקודה העשרונית, אבל אנחנו נסתפק באלו.<br>\n",
-    "נניח שאורכו של המשולש הוא 5 מטרים, ועוביו הוא 2 מטרים (זו למעשה עוגת פיצה. אנחנו אוהבים!)<br>\n",
+    "    <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$pi \\times z \\times z \\times a$</span>,\n",
+    "כאשר <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$z$</span> הוא אורך המשולש ו־<span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$a$</span> הוא עובי המשולש.<br/>\n",
+    "    pi, או <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\pi$</span>, הוא מספר קבוע שנקרא בעברית <dfn>פאי</dfn>, וערכו קרוב ל־3.141592653589793. בפועל יש לו אין־סוף ספרות אחרי הנקודה העשרונית, אבל אנחנו נסתפק באלו.<br/>\n",
+    "נניח שאורכו של המשולש הוא 5 מטרים, ועוביו הוא 2 מטרים (זו למעשה עוגת פיצה. אנחנו אוהבים!)<br/>\n",
     "נחשב:\n",
     "</p>"
    ]
@@ -42,16 +42,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/pizza_cake.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"פיצה עבה מאוד, עם הרבה גבינה ותוספות של עגבנייה, זיתים וגמבה.\" width=\"40%\">"
+    "<img alt=\"פיצה עבה מאוד, עם הרבה גבינה ותוספות של עגבנייה, זיתים וגמבה.\" src=\"images/pizza_cake.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"40%\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אך <strong>אבוי</strong>!<br>\n",
-    "מתכנת אחר שיקרא את הקוד שלכם, עלול להתבלבל מכמות המספרים הלא מובנים בעליל שכתובים שם, וקרוב לוודאי שהוא לא יבין מה הם אומרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אך <strong>אבוי</strong>!<br/>\n",
+    "מתכנת אחר שיקרא את הקוד שלכם, עלול להתבלבל מכמות המספרים הלא מובנים בעליל שכתובים שם, וקרוב לוודאי שהוא לא יבין מה הם אומרים.<br/>\n",
     "יותר מזה, אם תרצו לחשב את גודלן של פיצות רבות נוספות, תצטרכו לכתוב את פאי המסורבל (סליחה פאי) פעמים רבות בקוד.\n",
     "</p>"
    ]
@@ -60,15 +60,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">השמה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">השמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "למזלנו, בפייתון יש דרך לתת לערכים שם, ממש כמו תווית שכזו. ערכים עם שם נקראים <dfn>משתנים</dfn>, ויש להם יתרונות רבים נוספים שנגלה בהמשך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "למזלנו, בפייתון יש דרך לתת לערכים שם, ממש כמו תווית שכזו. ערכים עם שם נקראים <dfn>משתנים</dfn>, ויש להם יתרונות רבים נוספים שנגלה בהמשך.<br/>\n",
     "כעת נדגים כיצד אנחנו נותנים לערך \"פאי\" שם, ואיך מייד לאחר מכן אנחנו משתמשים בו.\n",
     "</p>"
    ]
@@ -87,10 +87,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "תחילה נשים לב לכך שאף שהשתמשנו בסימן <code>=</code>, השורה הראשונה היא לא שוויון מהסוג שאנחנו רגילים אליו.<br>\n",
-    "משמעות הסימן בתכנות שונה לחלוטין, והעיקרון שאותו הוא מממש נקרא <dfn>השמה</dfn>.<br>\n",
-    "<mark>בהשמה אנחנו שמים את הערך שנמצא בצד ימין של השווה, בתוך משתנה ששמו נכתב בצד שמאל של השווה.</mark><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "תחילה נשים לב לכך שאף שהשתמשנו בסימן <code>=</code>, השורה הראשונה היא לא שוויון מהסוג שאנחנו רגילים אליו.<br/>\n",
+    "משמעות הסימן בתכנות שונה לחלוטין, והעיקרון שאותו הוא מממש נקרא <dfn>השמה</dfn>.<br/>\n",
+    "<mark>בהשמה אנחנו שמים את הערך שנמצא בצד ימין של השווה, בתוך משתנה ששמו נכתב בצד שמאל של השווה.</mark><br/>\n",
     "אחרי שביצענו את הפעולה הזו, בכל פעם שנכתוב את שמו של המשתנה, פייתון תבין את מה שכתוב שם <em>כאילו</em> רשמנו את הערך שנמצא בתוכו.\n",
     "</p>"
    ]
@@ -99,7 +99,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "ניצור משתנים גם עבור שאר הערכים:\n",
     "</p>"
    ]
@@ -120,7 +120,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "או אם בא לנו להיות אפילו מובנים יותר, ניתן למשתנים שמות ברורים:\n",
     "</p>"
    ]
@@ -142,9 +142,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אם נרצה לתאר את הקוד שלנו במילים, נוכל להגיד שיצרנו שלושה משתנים שאליהם השמנו את הנתונים הדרושים לנו לחישוב נפח הפיצה.<br>\n",
-    "בסוף, חישבנו את נפח הפיצה, ואת התוצאה השמנו למשתנה נוסף בשם <var>pizza_volume</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אם נרצה לתאר את הקוד שלנו במילים, נוכל להגיד שיצרנו שלושה משתנים שאליהם השמנו את הנתונים הדרושים לנו לחישוב נפח הפיצה.<br/>\n",
+    "בסוף, חישבנו את נפח הפיצה, ואת התוצאה השמנו למשתנה נוסף בשם <var>pizza_volume</var>.<br/>\n",
     "את הערך הנמצא במשתנה הזה הדפסנו למסך.\n",
     "</p>"
    ]
@@ -153,14 +153,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<dt>אופרטור ההשמה</dt><dd>סתם שם מפחיד שמתאר את הסימן <code>=</code> כשרוצים לבצע השמה.</dd>\n",
     "<dt>שם המשתנה</dt><dd>מופיע משמאל לאופרטור ההשמה.</dd>\n",
     "<dt>ערך המשתנה</dt><dd>התוכן (הערך) של המשתנה שבסופו של דבר המחשב יזכור. מופיע מימין לאופרטור ההשמה.</dd>\n",
@@ -171,18 +171,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">איך משתנים עובדים?</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">איך משתנים עובדים?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אפשר לדמיין משתנים כמצביע לייזר קטן.<br>\n",
-    "כשאתם מבצעים <em>השמה</em>, אתם מבקשים מפייתון ליצור לייזר בשם שבחרתם, ולהצביע בעזרתו על ערך מסוים.<br>\n",
-    "נניח, במקרה שבו <code dir=\"ltr\" style=\"direction: ltr;\">pi = 3.14</code>, אנחנו מבקשים מפייתון ליצור לייזר בשם <var>pi</var> שיצביע על הערך <samp>3.14</samp>.<br>\n",
-    "בכל פעם שתציינו בהמשך הקוד את שם הלייזר, פייתון תבדוק להיכן הוא מצביע, ותיקח את הערך שנמצא שם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אפשר לדמיין משתנים כמצביע לייזר קטן.<br/>\n",
+    "כשאתם מבצעים <em>השמה</em>, אתם מבקשים מפייתון ליצור לייזר בשם שבחרתם, ולהצביע בעזרתו על ערך מסוים.<br/>\n",
+    "נניח, במקרה שבו <code dir=\"ltr\" style=\"direction: ltr;\">pi = 3.14</code>, אנחנו מבקשים מפייתון ליצור לייזר בשם <var>pi</var> שיצביע על הערך <samp>3.14</samp>.<br/>\n",
+    "בכל פעם שתציינו בהמשך הקוד את שם הלייזר, פייתון תבדוק להיכן הוא מצביע, ותיקח את הערך שנמצא שם.<br/>\n",
     "אם כך, לצורך האנלוגיה הזו, הלייזר הוא <em>שם המשתנה</em>, שמצביע על <em>ערך המשתנה</em>.\n",
     "</p>"
    ]
@@ -192,8 +192,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/laser_variables.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"200px\" alt=\"איור להמחשה של שלושה לייזרים שעליהם מודבקות התוויות pi, length ו־thick. מכל אחד מהלייזרים יוצאת קרן לייזר אדומה, שמצביעה (בהתאמה) על המספרים 3.14, 5 ו־2.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\">המחשה של שלושה לייזרים שמצביעים על משתנים.</figcaption>\n",
+    "<img alt=\"איור להמחשה של שלושה לייזרים שעליהם מודבקות התוויות pi, length ו־thick. מכל אחד מהלייזרים יוצאת קרן לייזר אדומה, שמצביעה (בהתאמה) על המספרים 3.14, 5 ו־2.\" src=\"images/laser_variables.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"200px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">המחשה של שלושה לייזרים שמצביעים על משתנים.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -201,21 +201,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">חוקים לשמות משתנים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">חוקים לשמות משתנים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<li style=\"white-space: nowrap;\"><strong>חוק 1:</strong> שם משתנה יכול לכלול רק ספרות (<code>0–9</code>), אותיות לטיניות גדולות (<code>A-Z</code>) או קטנות (<code>a-z</code>) וקו תחתון (<code>_</code>).</li>\n",
     "<li style=\"white-space: nowrap;\"><strong>חוק 2:</strong> שם משתנה לא יכול להתחיל בספרה.</li>\n",
     "<li style=\"white-space: nowrap;\"><strong>מוסכמה 1:</strong> נהוג ששם משתנה יהיה באותיות קטנות, ומילים יופרדו בקווים תחתונים.</li>\n",
     "<li style=\"white-space: nowrap;\"><strong>מוסכמה 2:</strong> נהוג לתת למשתנה שם שמתאר היטב את תפקידו בקוד.</li>\n",
     "</ol>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "המוסכמה הראשונה נכונה ברוב המקרים, אך לא בכולם. בעתיד ניכנס לעובי הקורה בכל הנוגע לכתיבת קוד בהתאם למוסכמות בעולם התכנות.\n",
     "</p>"
    ]
@@ -224,30 +223,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">תרגול שמות משתנים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול שמות משתנים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <p style=\"align: right; direction: rtl; float: right;\">בדקו האם שם המשתנה עומד בחוקים ובמוסכמות</p>"
+    "#### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">בדקו האם שם המשתנה עומד בחוקים ובמוסכמות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\">\n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            עבור כל אחד משמות המשתנים שלפניכם, רשמו במחברת או בהערה האם שם המשתנה עומד בחוקים ובמוסכמות.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            עבור כל אחד משמות המשתנים שלפניכם, רשמו במחברת או בהערה האם שם המשתנה עומד בחוקים ובמוסכמות.<br/>\n",
     "            אחרי שרשמתם בצד, תקנו את שמות המשתנים הבעיתיים, וודאו שהרצת התא לא תגרום לשגיאה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -273,14 +272,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"align: right; direction: rtl; float: right; clear: both\">תנו שם למשתנים הבאים:</span>"
+    "#### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both\">תנו שם למשתנים הבאים:</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<li>השם של כותב הספר.</li>\n",
     "<li>הגיל של המשתמש בתוכנית.</li>\n",
     "<li>המלל במחברת הזו.</li>\n",
@@ -292,15 +291,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">עריכת ערכי משתנים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">עריכת ערכי משתנים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בתחילת המחברת ביצענו כמה השמות למשתנים. לעיתים קרובות, נרצה <em>לערוך</em> את התוכן של המשתנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בתחילת המחברת ביצענו כמה השמות למשתנים. לעיתים קרובות, נרצה <em>לערוך</em> את התוכן של המשתנה.<br/>\n",
     "בואו נראה דוגמה:\n",
     "</p>"
    ]
@@ -320,44 +319,44 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מה קרה כאן?<br>\n",
-    "בשורה 1 עשינו השמה פשוטה, כפי שלמדנו קודם. עד כאן הכול מוכר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מה קרה כאן?<br/>\n",
+    "בשורה 1 עשינו השמה פשוטה, כפי שלמדנו קודם. עד כאן הכול מוכר.<br/>\n",
     "בשורה 2 הרעיון זהה. כל מה שאתם צריכים לזכור הוא שפייתון תחשב קודם את צד ימין (הערך) ורק אז תכניס אותו לתוך צד שמאל (שם המשתנה).\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בואו נעקוב אחרי דרך המחשבה של פייתון כשהיא קוראת את השורה השנייה:\n",
     "</p>\n",
     "<div style=\"clear: both;\">\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both; white-space: nowrap;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both; white-space: nowrap;\">\n",
     "<li>הסתכל על צד ימין של ההשמה.</li>\n",
     "<li>בדוק על איזה ערך מצביע הלייזר שנקרא <code>my_age</code>.</li>\n",
     "<li>הערך הוא <samp>24</samp>. חשב את <code>1 + 24</code>.</li>\n",
     "<li>התוצאה היא <samp>25</samp>; צד ימין \"פתור\".</li>\n",
-    "<li style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">הכנס את הערך <samp>25</samp> לתוך הצד השמאלי של ההשמה, <code>my_age</code>.</li>\n",
-    "</ol>"
+    "<li dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">הכנס את הערך <samp>25</samp> לתוך הצד השמאלי של ההשמה, <code>my_age</code>.</li>\n",
+    "</ol></div>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">ארגז קרמבו</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">ארגז קרמבו</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "קניתי 5 ארגזים גדולים של קרמבו. בארגז יש 10 יחידות קרמבו בכל שורה, ו־4 יחידות קרמבו בכל עמודה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "קניתי 5 ארגזים גדולים של קרמבו. בארגז יש 10 יחידות קרמבו בכל שורה, ו־4 יחידות קרמבו בכל עמודה.<br/>\n",
     "נסו לשים כל אחד מהנתונים שמצאתם בשאלה במשתנה, ולהדפיס כמה קרמבו יש לי.\n",
     "</p>"
    ]
@@ -373,18 +372,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מבריחים מהבריכה</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מבריחים מהבריכה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אורך הבריכה הפרטית שהייתי מת שתהיה לי הוא 50 מטר, ורוחבה 25 מטר.<br>\n",
-    "כדי להיתקע בכמה שיותר אנשים בדרך, אני מתכנן לשחות באלכסון, מהפינה האחת של הבריכה לפינה הנגדית לה.<br>\n",
-    "אני נמצא בפינה שממנה אני מתכנן לצאת. תוכלו לעזור לי להבין מה המרחק שאצטרך לשחות כדי להגיע לפינה הנגדית?<br>\n",
-    "נסו לעשות שימוש ב־3 משתנים כדי לפתור את השאלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אורך הבריכה הפרטית שהייתי מת שתהיה לי הוא 50 מטר, ורוחבה 25 מטר.<br/>\n",
+    "כדי להיתקע בכמה שיותר אנשים בדרך, אני מתכנן לשחות באלכסון, מהפינה האחת של הבריכה לפינה הנגדית לה.<br/>\n",
+    "אני נמצא בפינה שממנה אני מתכנן לצאת. תוכלו לעזור לי להבין מה המרחק שאצטרך לשחות כדי להגיע לפינה הנגדית?<br/>\n",
+    "נסו לעשות שימוש ב־3 משתנים כדי לפתור את השאלה.<br/>\n",
     "<strong>טיפ:</strong> סיפרו לי שנוסחת אלכסון היא <span style=\"display: inline-flex;\">$(l^2 + w^2)^{0.5}$</span>, כאשר \n",
     "    <span style=\"display: inline-flex;\">${l}$</span>\n",
     "    מציין את אורך הבריכה ו־\n",
@@ -404,9 +403,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לאחר שיפוץ של הבריכה הפרטית שהייתי מת שתהיה לי, אורכה גדל פי 2.<br>\n",
-    "כחלק מהשיפוצים גם הוסיפו לבריכה מסלולים, כך שהרוחב שלה גדל בגודל השווה לאורך החדש של הבריכה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לאחר שיפוץ של הבריכה הפרטית שהייתי מת שתהיה לי, אורכה גדל פי 2.<br/>\n",
+    "כחלק מהשיפוצים גם הוסיפו לבריכה מסלולים, כך שהרוחב שלה גדל בגודל השווה לאורך החדש של הבריכה.<br/>\n",
     "הדפיסו את הגודל החדש של הבריכה. אל תשנו את הקוד למעלה; פשוט המשיכו אותו בתא הבא, והשתמשו בהשמה כדי להתאים את המשתנים למציאות החדשה.\n",
     "</p>"
    ]
@@ -415,18 +414,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\">\n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            ניתן להתייחס גם למשתנים שהוגדרו בתאים אחרים במחברת.<br>\n",
-    "            לדוגמה, אם הרצנו תא שבו הוגדר משתנה בשם <var>w</var>, מאותו רגע כל תא אחר במחברת יוכל להשתמש במשתנה <var>w</var>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            ניתן להתייחס גם למשתנים שהוגדרו בתאים אחרים במחברת.<br/>\n",
+    "            לדוגמה, אם הרצנו תא שבו הוגדר משתנה בשם <var>w</var>, מאותו רגע כל תא אחר במחברת יוכל להשתמש במשתנה <var>w</var>.<br/>\n",
     "            ערכו של משתנה מסויים בזמן נתון הוא הערך שהוגדר עבורו בתא האחרון שהורץ במחברת.\n",
     "        </p>\n",
-    "    </div>\n",
-    "<div>"
+    "</div>\n",
+    "<div></div></div>"
    ]
   },
   {
@@ -440,17 +439,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">ברכות</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">ברכות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
-    "    <li>הגדירו משתנה שערכו הוא השם שלכם.</li>\n",
-    "    <li>הגדירו משתנה שערכו הוא ברכה חגיגית: \"מזל טוב\", \"חג שמח\" או סתם \"יא מגניב אחד\".</li>\n",
-    "    <li>חברו את שניהם למשפט.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<li>הגדירו משתנה שערכו הוא השם שלכם.</li>\n",
+    "<li>הגדירו משתנה שערכו הוא ברכה חגיגית: \"מזל טוב\", \"חג שמח\" או סתם \"יא מגניב אחד\".</li>\n",
+    "<li>חברו את שניהם למשפט.</li>\n",
     "</ol>"
    ]
   },
@@ -458,7 +457,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "לדוגמה: אם השם שלי הוא David והברכה שהוכנסה היא You are cool, המשפט שיצא הוא <samp>David You are cool</samp>.\n",
     "</p>"
    ]
diff --git a/week1/5_Input_and_Casting.ipynb b/week1/5_Input_and_Casting.ipynb
index c286f4e..ed58809 100644
--- a/week1/5_Input_and_Casting.ipynb
+++ b/week1/5_Input_and_Casting.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">קלט</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">קלט</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">מה זה קלט?</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מה זה קלט?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אחד הדברים הכיפיים ביותר בתכנות, הוא להשתמש ולהגיב לנתונים שנאספו ממקור חיצוני. נתונים אלו נקראים במינוח מקצועי <dfn>קלט</dfn>.<br>\n",
-    "קלט יכול להגיע מכמה מקורות: מטקסט שהמשתמש מזין באמצעות המקלדת, או מקובץ חיצוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אחד הדברים הכיפיים ביותר בתכנות, הוא להשתמש ולהגיב לנתונים שנאספו ממקור חיצוני. נתונים אלו נקראים במינוח מקצועי <dfn>קלט</dfn>.<br/>\n",
+    "קלט יכול להגיע מכמה מקורות: מטקסט שהמשתמש מזין באמצעות המקלדת, או מקובץ חיצוני.<br/>\n",
     "בשיעורים הקרובים נתמקד בקלט שהמשתמש מזין באמצעות המקלדת, ובעתיד נרחיב את היכולות שלנו בשיטות נוספות.\n",
     "</p>"
    ]
@@ -36,14 +36,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">דוגמאות לקלט</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">דוגמאות לקלט</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<li>משתמש מזין בתוכנה באמצעות המקלדת את <mark>שם המשתמש והסיסמה שלו</mark>.</li>\n",
     "<li>משתמש ב־Google מזין <mark>שאילתה</mark>, ואז <mark>לוחץ על \"חיפוש\"</mark>.</li>\n",
     "<li>משתמש מזין את <mark>הקוד הסודי</mark> שלו בכספומט.</li>\n",
@@ -57,16 +57,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">כיצד מקבלים קלט?</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">כיצד מקבלים קלט?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כדי לקבל קלט מהמשתמש באמצעות המקלדת, נשתמש ב־<code dir=\"ltr\">input()</code>, כשבתוך הסוגריים נכתוב מחרוזת כלשהי שתוצג למשתמש (ראו דוגמה).<br>\n",
-    "מטרת המחרוזת – להסביר למשתמש שאנחנו מצפים ממנו לקלט, ומאיזה סוג.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כדי לקבל קלט מהמשתמש באמצעות המקלדת, נשתמש ב־<code dir=\"ltr\">input()</code>, כשבתוך הסוגריים נכתוב מחרוזת כלשהי שתוצג למשתמש (ראו דוגמה).<br/>\n",
+    "מטרת המחרוזת – להסביר למשתמש שאנחנו מצפים ממנו לקלט, ומאיזה סוג.<br/>\n",
     "בואו נראה איך זה עובד:\n",
     "</p>"
    ]
@@ -90,10 +90,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "השורה הראשונה היא החידוש פה: בשורה זו אנחנו מבקשים קלט מהמשתמש (את השם שלו), ושומרים את הקלט שהזין במשתנה בשם <code>name</code>.<br>\n",
-    "ברגע שפייתון מגיעה ל־<code dir=\"ltr\">input()</code>, היא עוצרת כל פעולה, עד שתקבל קלט מהמשתמש.<br>\n",
-    "לאחר מכן היא \"מחליפה\" את <code dir=\"ltr\">input()</code> בקלט שקיבלה מהמשתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "השורה הראשונה היא החידוש פה: בשורה זו אנחנו מבקשים קלט מהמשתמש (את השם שלו), ושומרים את הקלט שהזין במשתנה בשם <code>name</code>.<br/>\n",
+    "ברגע שפייתון מגיעה ל־<code dir=\"ltr\">input()</code>, היא עוצרת כל פעולה, עד שתקבל קלט מהמשתמש.<br/>\n",
+    "לאחר מכן היא \"מחליפה\" את <code dir=\"ltr\">input()</code> בקלט שקיבלה מהמשתמש.<br/>\n",
     "לדוגמה, אם הזנתי כקלט <em>Moishalah</em>, מה שיקרה בפועל אלו השורות הבאות (השוו עם הקוד מלמעלה):\n",
     "</p>"
    ]
@@ -117,16 +117,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כתבו קוד המבקש כקלט שלושה נתונים: שם פרטי, שם משפחה ותאריך לידה.<br>\n",
-    "הקוד יציג למשתמש ברכה חביבה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כתבו קוד המבקש כקלט שלושה נתונים: שם פרטי, שם משפחה ותאריך לידה.<br/>\n",
+    "הקוד יציג למשתמש ברכה חביבה.<br/>\n",
     "לדוגמה, עבור הנתונים <code>Israel</code>, <code>Cohen</code>, <code>22/07/1992</code>, הוא יציג:\n",
     "</p>"
    ]
@@ -135,7 +135,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "> Hi Israel Cohen! Your birthday is on 22/07/1992."
+    "&gt; Hi Israel Cohen! Your birthday is on 22/07/1992."
    ]
   },
   {
@@ -149,14 +149,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">המרת ערכים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">המרת ערכים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "מי מכם שזוכר היטב את השיעורים הקודמים, ודאי יודע שלכל ערך שנכתוב יש סוג (או \"<dfn>טיפוס</dfn>\").\n",
     "</p>"
    ]
@@ -192,7 +192,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "אם אתם מרגישים שממש הספקתם לשכוח, שווה לכם להציץ <a href=\"3_Types.ipynb\">בפרק 3</a>, שמלמד על טיפוסים.\n",
     "</p>"
    ]
@@ -201,8 +201,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אם נשתעשע מעט עם <code dir=\"ltr\">input()</code>, נגלה מהר מאוד שלפעמים הקלט מהמשתמש לא מגיע אלינו בדיוק כמו שרצינו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אם נשתעשע מעט עם <code dir=\"ltr\">input()</code>, נגלה מהר מאוד שלפעמים הקלט מהמשתמש לא מגיע אלינו בדיוק כמו שרצינו.<br/>\n",
     "בואו נראה דוגמה:\n",
     "</p>"
    ]
@@ -223,21 +223,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\">\n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "       <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "           הזינו את הנתונים בסעיפים 1 עד 5 לתוכנית התפוחים של משה ואורלי המופיעה מעלה, ונסו להבין מה קרה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -245,7 +245,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap; list-style-position: outside; display: inline-block;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap; list-style-position: outside; display: inline-block;\">\n",
     "<li style=\"white-space: nowrap;\">למשה יש <code>0</code> תפוחים, ולאורלי יש <code>5</code> תפוחים.</li>\n",
     "<li style=\"white-space: nowrap;\">למשה יש <code>2</code> תפוחים, ולאורלי יש <code>3</code> תפוחים.</li>\n",
     "<li style=\"white-space: nowrap;\">למשה יש <code dir=\"ltr\">-15</code> תפוחים, ולאורלי יש <code>2</code> תפוחים.</li>\n",
@@ -258,15 +258,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">אז מה קרה בתרגול?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">אז מה קרה בתרגול?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אף על פי שרצינו להתייחס לקלט כאל נתון מספרי (<code>int</code>), פייתון החליטה להתייחס אליו כמחרוזת (<code>str</code>), ולכן חיברה בין מחרוזות ולא בין מספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אף על פי שרצינו להתייחס לקלט כאל נתון מספרי (<code>int</code>), פייתון החליטה להתייחס אליו כמחרוזת (<code>str</code>), ולכן חיברה בין מחרוזות ולא בין מספרים.<br/>\n",
     "מכאן אנחנו לומדים חוק חשוב מאוד, שאם ניטיב לזכור אותו יחסוך לנו הרבה תקלות בעתיד:\n",
     "</p>"
    ]
@@ -275,15 +275,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            כשאנחנו מקבלים קלט באמצעות <code dir=\"ltr\">input()</code>, הערך שנקבל יהיה תמיד מטיפוס מחרוזת.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -291,8 +291,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "שימו לב שניסיון לעשות פעולות בין טיפוסים שונים (כמו מחרוזת ומספר שלם) עלול לגרום לכם לשגיאות בתרגולים הקרובים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "שימו לב שניסיון לעשות פעולות בין טיפוסים שונים (כמו מחרוזת ומספר שלם) עלול לגרום לכם לשגיאות בתרגולים הקרובים.<br/>\n",
     "נסו, לדוגמה, להריץ את הקוד הבא:\n",
     "</p>"
    ]
@@ -312,17 +312,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">המרת טיפוסים (Casting)</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">המרת טיפוסים (Casting)</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "    שפכנו ליטר מים לקערה עם 5 קוביות קרח. כמה יש בה עכשיו?<br>\n",
-    "    קשה לנו מאוד לענות על השאלה כיוון שהיא מנוסחת באופן גרוע ומערבת דברים מסוגים שונים. מאותה סיבה בדיוק לפייתון קשה עם הקוד מלמעלה.<br>\n",
-    "    נוכל להקפיא את המים ולמדוד כמה קרח יש בקערה, או להמיס את הקרח ולמדוד כמה מים יש בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "    שפכנו ליטר מים לקערה עם 5 קוביות קרח. כמה יש בה עכשיו?<br/>\n",
+    "    קשה לנו מאוד לענות על השאלה כיוון שהיא מנוסחת באופן גרוע ומערבת דברים מסוגים שונים. מאותה סיבה בדיוק לפייתון קשה עם הקוד מלמעלה.<br/>\n",
+    "    נוכל להקפיא את המים ולמדוד כמה קרח יש בקערה, או להמיס את הקרח ולמדוד כמה מים יש בה.<br/>\n",
     "    בפייתון נצטרך להחליט מה אנחנו רוצים לעשות, ולהמיר את הערכים שאנחנו עובדים איתם לטיפוסים המתאימים לפני שנבצע את הפעולה.\n",
     "</p>"
    ]
@@ -331,7 +331,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "נזכיר שהטיפוס של כל קלט שנקבל בעזרת <code dir=\"ltr\">input()</code> תמיד יהיה מחרוזת (<code dir=\"ltr\">str</code>):\n",
     "</p>"
    ]
@@ -362,10 +362,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כזכור, כל עוד הקלט שלנו הוא מסוג מחרוזת, פעולות כמו חיבור שלו עם מספר ייכשלו.<br>\n",
-    "לכן נצטרך לדאוג ששניהם יהיו מאותו סוג על ידי המרה של אחד הערכים מסוג אחד לסוג אחר.<br>\n",
-    "תהליך הפיכת ערך לסוג טיפוס אחר נקרא <dfn>המרת טיפוסים</dfn>, או <dfn>Casting</dfn> / <dfn>Type Conversion</dfn>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כזכור, כל עוד הקלט שלנו הוא מסוג מחרוזת, פעולות כמו חיבור שלו עם מספר ייכשלו.<br/>\n",
+    "לכן נצטרך לדאוג ששניהם יהיו מאותו סוג על ידי המרה של אחד הערכים מסוג אחד לסוג אחר.<br/>\n",
+    "תהליך הפיכת ערך לסוג טיפוס אחר נקרא <dfn>המרת טיפוסים</dfn>, או <dfn>Casting</dfn> / <dfn>Type Conversion</dfn>.<br/>\n",
     "אם נבחן את בעיית התפוחים של משה מהכותרת הקודמת:\n",
     "</p>"
    ]
@@ -385,9 +385,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "נראה שהקוד לא יעבוד, כיוון שאין אפשרות לחבר בין מחרוזת (מספר התפוחים של משה מהקלט של המשתמש) לבין מספר (ה־1 שאנחנו רוצים להוסיף).<br>\n",
-    "כיוון שהמטרה היא להוסיף תפוח 1 למספר מסוים של תפוחים, נבחר להמיר את <code>moshe_apples</code> למספר שלם (<code>int</code>) במקום מחרוזת (<code>str</code>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "נראה שהקוד לא יעבוד, כיוון שאין אפשרות לחבר בין מחרוזת (מספר התפוחים של משה מהקלט של המשתמש) לבין מספר (ה־1 שאנחנו רוצים להוסיף).<br/>\n",
+    "כיוון שהמטרה היא להוסיף תפוח 1 למספר מסוים של תפוחים, נבחר להמיר את <code>moshe_apples</code> למספר שלם (<code>int</code>) במקום מחרוזת (<code>str</code>).<br/>\n",
     "נעשה זאת כך:\n",
     "</p>"
    ]
@@ -408,10 +408,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "איזה כיף, המרנו את מספר התפוחים של משה לערך מטיפוס שלם (שורה 2), ועכשיו הקוד עובד!<br>\n",
-    "שימו לב שעכשיו אם נרצה להדפיס את מספר התפוחים לצד משפט שאומר \"למשה יש X תפוחים\", אנחנו עלולים להיתקל בבעיה.<br>\n",
-    "המשפט שאנחנו רוצים להדפיס הוא <code>str</code>, ומספר התפוחים שחישבנו ושננסה לשרשר אליו יהיה <code>int</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "איזה כיף, המרנו את מספר התפוחים של משה לערך מטיפוס שלם (שורה 2), ועכשיו הקוד עובד!<br/>\n",
+    "שימו לב שעכשיו אם נרצה להדפיס את מספר התפוחים לצד משפט שאומר \"למשה יש X תפוחים\", אנחנו עלולים להיתקל בבעיה.<br/>\n",
+    "המשפט שאנחנו רוצים להדפיס הוא <code>str</code>, ומספר התפוחים שחישבנו ושננסה לשרשר אליו יהיה <code>int</code>.<br/>\n",
     "ראו איך זה ישפיע על התוכנית:\n",
     "</p>"
    ]
@@ -432,9 +432,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "פייתון התריעה לפנינו שיש פה בעיה: בשורה האחרונה, היא לא מצליחה לחבר את מספר התפוחים עם המחרוזות הנמצאות בצדדיו.<br>\n",
-    "מה הפתרון?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "פייתון התריעה לפנינו שיש פה בעיה: בשורה האחרונה, היא לא מצליחה לחבר את מספר התפוחים עם המחרוזות הנמצאות בצדדיו.<br/>\n",
+    "מה הפתרון?<br/>\n",
     "אם אמרתם להמיר את מספר התפוחים של משה למחרוזת, זה אכן יעבוד. נעשה את זה ככה:\n",
     "</p>"
    ]
@@ -456,15 +456,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">טבלת המרה</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">טבלת המרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כדי להמיר לסוג מסוים, כל מה שאתם צריכים לדעת זה את הסוג שאליו אתם רוצים להמיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כדי להמיר לסוג מסוים, כל מה שאתם צריכים לדעת זה את הסוג שאליו אתם רוצים להמיר.<br/>\n",
     "משם פשוט בחרו את השם הרלוונטי מהטבלה שאתם כבר מכירים:\n",
     "</p>"
    ]
@@ -484,26 +484,26 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">קרמבו</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">קרמבו</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לגברת עמיטלי מחוות ביסקוויט יש מפעל משוגע לייצור קרמבו.<br>\n",
-    "אחד התפקידים במפעל הוא הרכבת קופסאות לאריזת הקרמבו ומילויה. אדון מרקוב מאייש תפקיד זה.<br>\n",
-    "מרקוב מחליט על מימדיה של כל קופסת קרמבו טעים חדשה שהוא ממלא: כמה יחידות קרמבו יכנסו לגובה, כמה יכנסו לרוחב וכמה יכנסו לאורך האריזה.<br>\n",
-    "בנו תוכנה שתעזור למרקוב לחשב את כמות הקרמבו שהוא הכניס לקופסה, לפי הנוסחה: <span style=\"display: inline-flex; direction: ltr\">$w \\times h \\times l$</span>, רוחב כפול גובה כפול אורך.<br>\n",
-    "<em>לדוגמה</em>: התוכנה תקבל ממרקוב כקלט 3 עבור האורך, 4 עבור הרוחב ו־2.5 עבור הגובה, ותחזיר את הפלט <samp>30</samp>, שהוא <span style=\"display: inline-flex; direction: ltr\">$2.5 \\times 3 \\times 4$</span>.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לגברת עמיטלי מחוות ביסקוויט יש מפעל משוגע לייצור קרמבו.<br/>\n",
+    "אחד התפקידים במפעל הוא הרכבת קופסאות לאריזת הקרמבו ומילויה. אדון מרקוב מאייש תפקיד זה.<br/>\n",
+    "מרקוב מחליט על מימדיה של כל קופסת קרמבו טעים חדשה שהוא ממלא: כמה יחידות קרמבו יכנסו לגובה, כמה יכנסו לרוחב וכמה יכנסו לאורך האריזה.<br/>\n",
+    "בנו תוכנה שתעזור למרקוב לחשב את כמות הקרמבו שהוא הכניס לקופסה, לפי הנוסחה: <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr\">$w \\times h \\times l$</span>, רוחב כפול גובה כפול אורך.<br/>\n",
+    "<em>לדוגמה</em>: התוכנה תקבל ממרקוב כקלט 3 עבור האורך, 4 עבור הרוחב ו־2.5 עבור הגובה, ותחזיר את הפלט <samp>30</samp>, שהוא <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr\">$2.5 \\times 3 \\times 4$</span>.\n",
     "</p>"
    ]
   },
@@ -518,17 +518,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">תה אמריקה II</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תה אמריקה II</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "חזרו ל<a href=\"2_Arithmetics.ipynb\">מחברת 2</a>. זוכרים את התרגיל האחרון שהיה שם, על התה והמרת מעלות פרנהייט לצלזיוס?<br>\n",
-    "בואו נבנה מחשבון פרנהייט לצלזיוס! בקשו מהמשתמש להכניס מספר בפרנהייט, והדפיסו את המספר בצלזיוס.<br>\n",
-    "להזכירכם, הנוסחה היא: <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>, או בכתיב מתמטי, <span style=\"display: inline-flex\">$C = \\frac{5}{9}\\times(F - 32)$</span>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "חזרו ל<a href=\"2_Arithmetics.ipynb\">מחברת 2</a>. זוכרים את התרגיל האחרון שהיה שם, על התה והמרת מעלות פרנהייט לצלזיוס?<br/>\n",
+    "בואו נבנה מחשבון פרנהייט לצלזיוס! בקשו מהמשתמש להכניס מספר בפרנהייט, והדפיסו את המספר בצלזיוס.<br/>\n",
+    "להזכירכם, הנוסחה היא: <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>, או בכתיב מתמטי, <span style=\"display: inline-flex\">$C = \\frac{5}{9}\\times(F - 32)$</span>.<br/>\n",
     "לדוגמה: עבור הקלט <em>212</em> התוכנה תדפיס 100, כיוון ש־212 מעלות פרנהייט הן 100 מעלות צלזיוס.\n",
     "</p>"
    ]
@@ -544,17 +544,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מסטיק בזוקה</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מסטיק בזוקה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לפי מסטיק בזוקה, עד גיל 21 תגיעו לירח. אנחנו פחות אופטימיים (לנו פשוט זה פחות עבד), ומנבאים לך הצלחה עד גיל 90.<br>\n",
-    "כתוב תוכנה שמקבלת כקלט את השם שלך ואת הגיל שלך, ומחשבת בעוד כמה שנים תגיע לירח לפי הנבואה שלנו.<br>\n",
-    "התוכנה תדפיס את המשפט: <q dir=\"ltr\">X, wait another Y years.</q>, כאשר X יוחלף בשמך ו־Y יוחלף במספר השנים שתצטרך לחכות עד גיל 90.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לפי מסטיק בזוקה, עד גיל 21 תגיעו לירח. אנחנו פחות אופטימיים (לנו פשוט זה פחות עבד), ומנבאים לך הצלחה עד גיל 90.<br/>\n",
+    "כתוב תוכנה שמקבלת כקלט את השם שלך ואת הגיל שלך, ומחשבת בעוד כמה שנים תגיע לירח לפי הנבואה שלנו.<br/>\n",
+    "התוכנה תדפיס את המשפט: <q dir=\"ltr\">X, wait another Y years.</q>, כאשר X יוחלף בשמך ו־Y יוחלף במספר השנים שתצטרך לחכות עד גיל 90.<br/>\n",
     "<em>לדוגמה</em>: אם הכנסת לתוכנה שגילך הוא 25 ושמך הוא ים, התוכנה תדפיס:\n",
     "</p>"
    ]
@@ -563,7 +563,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "> Yam, wait another 65 years."
+    "&gt; Yam, wait another 65 years."
    ]
   },
   {
diff --git a/week1/6_Booleans.ipynb b/week1/6_Booleans.ipynb
index 1a503de..28a1584 100644
--- a/week1/6_Booleans.ipynb
+++ b/week1/6_Booleans.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">ביטויים בוליאניים</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">ביטויים בוליאניים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            החומר במחברת זו הוא מעט תיאורטי. אין סיבה להיות עצובים, במחברות הבאה נעשה בו שימוש רחב.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            החומר במחברת זו הוא מעט תיאורטי. אין סיבה להיות עצובים, במחברות הבאה נעשה בו שימוש רחב.<br/>\n",
     "            ודאו שאתם מבינים היטב את החומר במחברת זו כדי לבסס את הידע שלכם כראוי.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -35,16 +35,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ווהו! רק פתחנו מחברת וכבר זרקו עלינו מילים מפוצצות. מה בוליאניים עכשיו?<br>\n",
-    "בכל הנוגע לתחום שלנו, זה הרבה יותר פשוט ממה שזה נשמע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ווהו! רק פתחנו מחברת וכבר זרקו עלינו מילים מפוצצות. מה בוליאניים עכשיו?<br/>\n",
+    "בכל הנוגע לתחום שלנו, זה הרבה יותר פשוט ממה שזה נשמע.<br/>\n",
     "בתכנות, ביטוי נחשב <dfn>ביטוי בוליאני</dfn> אם תוצאתו היא <em>אמת</em> או <em>שקר</em>.\n",
     "</p>"
    ]
@@ -53,14 +53,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">דוגמאות</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">דוגמאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<li>האם 2 גדול מ־3?</li>\n",
     "<li>האם האור בחדר שלי דולק?</li>\n",
     "<li>האם טמפרטורת המים הזורמים כעת במקלחת היא מתחת ל־60 מעלות?</li>\n",
@@ -75,16 +75,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">אופרטורי השוואה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">אופרטורי השוואה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לא הספקתם להתאושש מהבוליאניים האלו וכבר אני מוריד עליכם עוד מכה. קורס חסר רחמים.<br>\n",
-    "אבל גם הפעם זה ממש פשוט: אופרטור הוא בסך הכול סימן שמייצג פעולה כלשהי, כמו שווה או ועוד. אתם אולי אפילו זוכרים את <em>אופרטור ההשמה</em> מהשיעור על מה הם משתנים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לא הספקתם להתאושש מהבוליאניים האלו וכבר אני מוריד עליכם עוד מכה. קורס חסר רחמים.<br/>\n",
+    "אבל גם הפעם זה ממש פשוט: אופרטור הוא בסך הכול סימן שמייצג פעולה כלשהי, כמו שווה או ועוד. אתם אולי אפילו זוכרים את <em>אופרטור ההשמה</em> מהשיעור על מה הם משתנים.<br/>\n",
     "אז מהם <dfn>אופרטורי השוואה</dfn>? ובכן, אלו סימנים שעוזרים לנו לבצע השוואות בין איברים שונים, שלהם אנחנו קוראים <dfn>אופרנדים</dfn>.\n",
     "</p>"
    ]
@@ -93,8 +93,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בואו נכיר את אופרטור ההשוואה הראשון שלנו: <code>==</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בואו נכיר את אופרטור ההשוואה הראשון שלנו: <code>==</code>.<br/>\n",
     "הריצו את הביטויים הבוליאניים הבאים, ונסו לנחש מה הוא עושה.\n",
     "</p>"
    ]
@@ -184,7 +184,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "הדוגמה הזו מלמדת אותנו 3 דברים מגניבים:\n",
     "</p>"
    ]
@@ -193,7 +193,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; white-space: nowrap; display: inline-block;\">\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap; display: inline-block;\">\n",
     "<li style=\"white-space: nowrap;\">פייתון יודעת לענות בעזרת ערכים בוליאניים מיוחדים, שיכולים להיות <code>True</code> או <code>False</code>.</li>\n",
     "<li style=\"white-space: nowrap;\">יש אופרטור מגניב שנקרא אופרטור ההשוואה, צורתו היא <code>==</code> והוא משווה בין 2 ערכים בפייתון.</li>\n",
     "<li style=\"white-space: nowrap;\">יש סוגים שהשוואה ביניהם תעבוד (<code>float</code> עם <code>int</code>), ויש כאלו שלא (<code>float</code> עם <code>str</code> או <code>int</code> עם <code>str</code>).</li>\n",
@@ -204,14 +204,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">טיפוס בוליאני</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">טיפוס בוליאני</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "בתרגיל שלמעלה קיבלנו כתוצאה ערך חדש, שמעולם לא שמענו עליו. בואו נבדוק מאיזה סוג הוא!\n",
     "</p>"
    ]
@@ -238,9 +238,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ווהו! אז אם התרגלנו עד עכשיו שיש 3 טיפוסים שאנחנו מכירים: <code>str</code>, <code>int</code> ו־<code>float</code>, הכירו את הבחור החדש בשכונה!<br>\n",
-    "<code>bool</code> הוא טיפוס חביב ופשוט שמייצג רק 2 ערכים אפשריים: <code>True</code> או <code>False</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ווהו! אז אם התרגלנו עד עכשיו שיש 3 טיפוסים שאנחנו מכירים: <code>str</code>, <code>int</code> ו־<code>float</code>, הכירו את הבחור החדש בשכונה!<br/>\n",
+    "<code>bool</code> הוא טיפוס חביב ופשוט שמייצג רק 2 ערכים אפשריים: <code>True</code> או <code>False</code>.<br/>\n",
     "כל אופרטור השוואה שנחיל על שני ערכים, יחזיר <strong>תמיד</strong> ערך מסוג <code>bool</code> (חוץ מכשפייתון תתריע על שגיאה).\n",
     "</p>"
    ]
@@ -249,16 +249,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה בעת שימוש בערכים בוליאניים היא לא להתחשב ברגישות לאותיות גדולות/קטנות.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה בעת שימוש בערכים בוליאניים היא לא להתחשב ברגישות לאותיות גדולות/קטנות.<br/>\n",
     "            לדוגמה: <code>True</code> יהיה תקין בעוד ש־<code>true</code> יקפיץ שגיאה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -266,7 +266,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">אופרטורי השוואה נוספים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">אופרטורי השוואה נוספים</p>"
    ]
   },
   {
@@ -277,10 +277,10 @@
     "|:----------|:----------|:--------|------:|\n",
     "| True    | 4 == 4   | האם צד שמאל שווה לצד ימין        |  ==            |\n",
     "| False   | 4 != 4  | האם צד שמאל שונה מצד ימין       |  !=            |\n",
-    "| True    | 5 > 4    | האם צד שמאל גדול יותר מצד ימין    |  >             |\n",
-    "| False   | 4 > 5   | האם צד שמאל קטן יותר מצד ימין    | <              |\n",
-    "| False    | 2 >= 4   | האם צד שמאל גדול או שווה לצד ימין | >=             |\n",
-    "| True   | 4 <= 5  | האם צד שמאל קטן או שווה לצד ימין | <=             |\n",
+    "| True    | 5 &gt; 4    | האם צד שמאל גדול יותר מצד ימין    |  &gt;             |\n",
+    "| False   | 4 &gt; 5   | האם צד שמאל קטן יותר מצד ימין    | &lt;              |\n",
+    "| False    | 2 &gt;= 4   | האם צד שמאל גדול או שווה לצד ימין | &gt;=             |\n",
+    "| True   | 4 &lt;= 5  | האם צד שמאל קטן או שווה לצד ימין | &lt;=             |\n",
     "| True   | 'hell' in 'hello'  | האם צד שמאל נמצא ברצף בצד ימין | in             |"
    ]
   },
@@ -288,14 +288,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<dt>ביטוי בוליאני</dt><dd>ביטוי שתוצאתו היא <em>אמת</em> (<code>True</code>) או <em>שקר</em> (<code>False</code>).</dd>\n",
     "<dt>אופרטור השוואה</dt><dd>סימן שמגדיר את סוג השוויון (או \"את השאלה\") שנרצה לבדוק בנוגע לערכים מסויימים.</dd>\n",
     "<dt>אופרנד</dt><dd>ברבים: אופרנדים. הערכים שבנוגע אליהם אנחנו רוצים לבדוק את השוויון, ושעליהם נפעיל את אופרטור ההשוואה.</dd>\n",
@@ -306,23 +306,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">שווה את זה?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">שווה את זה?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "רשמו בצד את התוצאות של כל אחת מהשורות הבאות.<br>\n",
-    "רק לאחר מכן הריצו ובדקו האם צדקתם בתשובתכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "רשמו בצד את התוצאות של כל אחת מהשורות הבאות.<br/>\n",
+    "רק לאחר מכן הריצו ובדקו האם צדקתם בתשובתכם.<br/>\n",
     "בחלק מהסעיפים (בייחוד באלו שקשורים ב־<code>in</code>) דרושה קצת אינטואיציה.\n",
     "</p>"
    ]
@@ -484,16 +484,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה בקרב מתחילים היא לשכוח שבהשוואה בין נתונים מספריים יש להמיר קלט מהמשתמש ל־<code>int</code>, ורק אז לבצע השוואה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה בקרב מתחילים היא לשכוח שבהשוואה בין נתונים מספריים יש להמיר קלט מהמשתמש ל־<code>int</code>, ורק אז לבצע השוואה.<br/>\n",
     "            פייתון לא מתריעה על טעות זו, אבל השוואה שכזו לא תיתן לכם את התוצאה שאליה התכוונתם (ראו דוגמה למעלה).\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -501,14 +501,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מעורב ירושלמי</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מעורב ירושלמי</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "אנחנו הולכים להגדיר פה כמה משתנים מעניינים:\n",
     "</p>"
    ]
@@ -529,8 +529,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הריצו את התא שנמצא למעלה: סמנו אותו ולחצו <kbd>CTRL</kbd> + <kbd>ENTER</kbd>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הריצו את התא שנמצא למעלה: סמנו אותו ולחצו <kbd>CTRL</kbd> + <kbd>ENTER</kbd>.<br/>\n",
     "מה יהיו התוצאות של הביטויים הבאים? כתבו אותן בצד, ואז הריצו ובדקו האם תשובתכם הייתה נכונה.\n",
     "</p>"
    ]
@@ -602,17 +602,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה היא להתבלבל בין הסימנים <code>=</code> ו־<code>==</code>.<br>\n",
-    "            זכרו: סימן שיוויון אחד (<code>=</code>) מבצע פעולה של הכנסת הערך מימין למשתנה ששמו מופיע משמאל.<br>\n",
-    "            סימן שיוויון כפול (<code>==</code>) היא פעולה אחרת לחלוטין, שבודקת האם הערך מימין זהה לערך משמאל.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה היא להתבלבל בין הסימנים <code>=</code> ו־<code>==</code>.<br/>\n",
+    "            זכרו: סימן שיוויון אחד (<code>=</code>) מבצע פעולה של הכנסת הערך מימין למשתנה ששמו מופיע משמאל.<br/>\n",
+    "            סימן שיוויון כפול (<code>==</code>) היא פעולה אחרת לחלוטין, שבודקת האם הערך מימין זהה לערך משמאל.<br/>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -620,16 +620,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">בולילנד</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">בולילנד</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "במחוז בולילנד השערורייתי, מותר לאכול פיצה רק מגיל 25 ומעלה.<br>\n",
-    "קבלו כקלט את גילו של המשתמש. הדפיסו לו <samp>True</samp> אם הוא יכול לאכול פיצה בבולילנד, או <samp>False</samp> אם הוא לא יכול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "במחוז בולילנד השערורייתי, מותר לאכול פיצה רק מגיל 25 ומעלה.<br/>\n",
+    "קבלו כקלט את גילו של המשתמש. הדפיסו לו <samp>True</samp> אם הוא יכול לאכול פיצה בבולילנד, או <samp>False</samp> אם הוא לא יכול.<br/>\n",
     "<em>לדוגמה:</em> אם דוד הזין שגילו הוא 23, עליכם להציג לו <samp>False</samp>.\n",
     "</p>"
    ]
@@ -638,15 +638,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            השורה <code style=\"direction: ltr;\" dir=\"ltr\">print(1 == 1)</code> תדפיס למשתמש <samp>True</samp>.\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            השורה <code dir=\"ltr\" style=\"direction: ltr;\">print(1 == 1)</code> תדפיס למשתמש <samp>True</samp>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
diff --git a/week1/7_Logic_Operators.ipynb b/week1/7_Logic_Operators.ipynb
index c8ac5b5..c155cac 100644
--- a/week1/7_Logic_Operators.ipynb
+++ b/week1/7_Logic_Operators.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">אופרטורים לוגיים</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">אופרטורים לוגיים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            החומר במחברת זו הוא מעט תיאורטי. אין סיבה להיות עצובים, במחברת הבאה נעשה בו שימוש רחב.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            החומר במחברת זו הוא מעט תיאורטי. אין סיבה להיות עצובים, במחברת הבאה נעשה בו שימוש רחב.<br/>\n",
     "            ודאו שאתם מבינים היטב את החומר במחברת זו כדי לבסס את הידע שלכם כראוי.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -35,16 +35,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">מבוא</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מבוא</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בשיעור הקודם למדנו קצת על <em>ביטויים בוליאניים</em> – ביטויים שתוצאתם היא בהכרח אמת או שקר.<br>\n",
-    "ראינו איך מנסחים ביטויים כאלו, ולמדנו על <em>אופרטורי השוואה</em> כמו <code>==</code> או <code>in</code>, שבעזרתם אנחנו מחליטים באיזו צורה אנחנו רוצים להשוות בין ביטויים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בשיעור הקודם למדנו קצת על <em>ביטויים בוליאניים</em> – ביטויים שתוצאתם היא בהכרח אמת או שקר.<br/>\n",
+    "ראינו איך מנסחים ביטויים כאלו, ולמדנו על <em>אופרטורי השוואה</em> כמו <code>==</code> או <code>in</code>, שבעזרתם אנחנו מחליטים באיזו צורה אנחנו רוצים להשוות בין ביטויים.<br/>\n",
     "למדנו שביטויים כאלו יכולים לעזור לנו לשאול שאלות מעניינות, כמו אם למשתמש יש יותר מ־1000 ש\"ח בבנק, או אם לבת שלו קוראים \"שמחה\".\n",
     "</p>"
    ]
@@ -53,10 +53,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אבל מה יקרה כשנרצה לשאול שאלות מורכבות יותר?<br>\n",
-    "לדוגמה, אם התנאים להרשמה לבנק שלנו הם <em>גם</em> שיהיו לך יותר מ־1,000 ש\"ח, ו<em>גם</em> שתלמד בפקולטה נחשבת?<br>\n",
-    "למרבה הצער, בכלים שיש ברשותנו כרגע לא נוכל לנסח שאלות מורכבות שכאלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אבל מה יקרה כשנרצה לשאול שאלות מורכבות יותר?<br/>\n",
+    "לדוגמה, אם התנאים להרשמה לבנק שלנו הם <em>גם</em> שיהיו לך יותר מ־1,000 ש\"ח, ו<em>גם</em> שתלמד בפקולטה נחשבת?<br/>\n",
+    "למרבה הצער, בכלים שיש ברשותנו כרגע לא נוכל לנסח שאלות מורכבות שכאלו.<br/>\n",
     "במחברת זו זה נלמד על כלים חדשים, אופרטורים לוגיים, שיאפשרו לנו לנסח שאלות מורכבות יותר.\n",
     "</p>"
    ]
@@ -65,16 +65,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כאמור, לעזרתנו מתגייסים \"<dfn>אופרטורים לוגיים</dfn>\", שמטרתם לאפשר לנו לשאול שאלות בנוגע לקשרים בין ביטויים בוליאניים.<br>\n",
-    "ישנם שלושה אופרטורים לוגיים: <code>and</code> (\"וגם\"), <code>or</code> (\"או\") ו־<code>not</code> (\"לא\").<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כאמור, לעזרתנו מתגייסים \"<dfn>אופרטורים לוגיים</dfn>\", שמטרתם לאפשר לנו לשאול שאלות בנוגע לקשרים בין ביטויים בוליאניים.<br/>\n",
+    "ישנם שלושה אופרטורים לוגיים: <code>and</code> (\"וגם\"), <code>or</code> (\"או\") ו־<code>not</code> (\"לא\").<br/>\n",
     "</p>"
    ]
   },
@@ -82,14 +82,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">דוגמאות</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">דוגמאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<li>האם 2 גדול מ־1, <mark>וגם</mark> קטן מ־3?</li>\n",
     "<li>האם הלקוח הזמין בירה, <mark>וגם</mark> גיל הלקוח נמוך מ־18?</li>\n",
     "<li>האם הפיצה תגיע בחצי שעה הקרובה, <mark>או</mark> האם יש אוכל במקרר?</li>\n",
@@ -103,9 +103,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "מהדוגמאות נוכל לשים לב לדפוס חוזר – האופרטורים הלוגיים \"וגם\" ו\"או\" מקבלים משני צידיהם ביטויים בוליאניים, ומחזירים ביטוי בוליאני אחד.<br>\n",
-    "האופרטור הלוגי \"לא\" מקבל רק ביטוי בוליאני אחד, והופך אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "מהדוגמאות נוכל לשים לב לדפוס חוזר – האופרטורים הלוגיים \"וגם\" ו\"או\" מקבלים משני צידיהם ביטויים בוליאניים, ומחזירים ביטוי בוליאני אחד.<br/>\n",
+    "האופרטור הלוגי \"לא\" מקבל רק ביטוי בוליאני אחד, והופך אותו.<br/>\n",
     "לדוגמה: בשאלה האם 2 גדול מ־1 (כן) וגם 2 קטן מ־3 (כן), האופרטור הלוגי \"וגם\" מקבל \"כן\" משני צידיו, ומחזיר את התשובה הסופית כן.\n",
     "</p>"
    ]
@@ -114,30 +114,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/true_and_true.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"הבדיקה האם 2 גדול מ־1 מחזירה True, שמסומן ב־V ירוק. לידו, הבדיקה האם 2 קטן מ־3 מחזירה True, שמסומן ב־V ירוק. משתי הבדיקות יורד חץ לתוך צורה שבה כתוב 'וגם' בין שני V ירוקים, ומתוכה יוצא חץ שמצביע על V ירוק.\"/>"
+    "<img alt=\"הבדיקה האם 2 גדול מ־1 מחזירה True, שמסומן ב־V ירוק. לידו, הבדיקה האם 2 קטן מ־3 מחזירה True, שמסומן ב־V ירוק. משתי הבדיקות יורד חץ לתוך צורה שבה כתוב 'וגם' בין שני V ירוקים, ומתוכה יוצא חץ שמצביע על V ירוק.\" src=\"images/true_and_true.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">אופרטורים לוגיים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">אופרטורים לוגיים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">and / וגם</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">and / וגם</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "האופרטור הלוגי <dfn>and</dfn> פועל על שני ביטויים בוליאניים, אחד מימינו ואחד משמאלו, ומחזיר לנו ביטוי בוליאני אחד:<br>\n",
-    "<samp>True</samp> אם הביטויים בשני צידיו היו <code>True</code>, או <samp>False</samp> בכל מקרה אחר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "האופרטור הלוגי <dfn>and</dfn> פועל על שני ביטויים בוליאניים, אחד מימינו ואחד משמאלו, ומחזיר לנו ביטוי בוליאני אחד:<br/>\n",
+    "<samp>True</samp> אם הביטויים בשני צידיו היו <code>True</code>, או <samp>False</samp> בכל מקרה אחר.<br/>\n",
     "מבחינת מינוחים, <code>and</code> נחשב \"<dfn>האופרטור</dfn>\" (operator), והביטויים שנמצאים מצידיו נקראים \"<dfn>האופרנדים</dfn>\".\n",
     "</p>"
    ]
@@ -158,7 +158,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "נבדוק, בעזרת פייתון, אם 2 גדול מ־1 וקטן מ־3:\n",
     "</p>"
    ]
@@ -179,7 +179,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "או בקיצור:\n",
     "</p>"
    ]
@@ -197,17 +197,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">or / או</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">or / או</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "האופרטור הלוגי <dfn>or</dfn> פועל על שני ביטויים בוליאניים, אחד מימינו ואחד משמאלו, ומחזיר לנו ביטוי בוליאני אחד:<br>\n",
-    "<samp>True</samp> אם <em>לפחות</em> אחד מהביטויים, מימינו או משמאלו, הם <code>True</code>.<br>\n",
-    "הוא יחזיר <samp>False</samp> רק אם הביטויים בשני הצדדים שלו הם <code>False</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "האופרטור הלוגי <dfn>or</dfn> פועל על שני ביטויים בוליאניים, אחד מימינו ואחד משמאלו, ומחזיר לנו ביטוי בוליאני אחד:<br/>\n",
+    "<samp>True</samp> אם <em>לפחות</em> אחד מהביטויים, מימינו או משמאלו, הם <code>True</code>.<br/>\n",
+    "הוא יחזיר <samp>False</samp> רק אם הביטויים בשני הצדדים שלו הם <code>False</code>.<br/>\n",
     "מבחינת מינוחים, <code>or</code> נחשב \"<dfn>האופרטור</dfn>\" (operator), והביטויים שנמצאים מצידיו נקראים \"<dfn>האופרנדים</dfn>\" (operands).\n",
     "</p>"
    ]
@@ -228,8 +228,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "נבדוק בעזרת פייתון אם אחת האותיות, a או x, נמצאות במילה \"barvaz\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "נבדוק בעזרת פייתון אם אחת האותיות, a או x, נמצאות במילה \"barvaz\".<br/>\n",
     "</p>"
    ]
   },
@@ -249,7 +249,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "או בקיצור:\n",
     "</p>"
    ]
@@ -267,17 +267,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">not / לא</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">not / לא</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "האופרטור הלוגי <dfn>not</dfn> פועל על ביטוי בוליאני אחד שבא אחריו, ומחזיר לנו את הביטוי הבוליאני ההפוך לו. רוצה לומר:<br>\n",
-    "<samp>True</samp> אם הביטוי הבוליאני שאחריו הוא <code>False</code>.<br>\n",
-    "<samp>False</samp> אם הביטוי הבוליאני שאחריו הוא <code>True</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "האופרטור הלוגי <dfn>not</dfn> פועל על ביטוי בוליאני אחד שבא אחריו, ומחזיר לנו את הביטוי הבוליאני ההפוך לו. רוצה לומר:<br/>\n",
+    "<samp>True</samp> אם הביטוי הבוליאני שאחריו הוא <code>False</code>.<br/>\n",
+    "<samp>False</samp> אם הביטוי הבוליאני שאחריו הוא <code>True</code>.<br/>\n",
     "מבחינת מינוחים, <code>not</code> נחשב \"<dfn>האופרטור</dfn>\" (operator), והביטוי שנמצא אחריו נקרא \"<dfn>האופרנד</dfn>\" (operand).\n",
     "</p>"
    ]
@@ -296,7 +296,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "נבדוק בעזרת פייתון האם המילה \"barvaz\" לא כוללת בתוכה את האות \"q\":\n",
     "</p>"
    ]
@@ -316,7 +316,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "או בקיצור:\n",
     "</p>"
    ]
@@ -334,7 +334,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "טריק מגניב כתוספת: פייתון מאפשרת לנו לכתוב את זה אפילו בצורה קריאה יותר, בעזרת האופרטור <code>not in</code>:\n",
     "</p>"
    ]
@@ -352,15 +352,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">דוגמה</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">דוגמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "לצורך המשך השיעור, נניח שיש לנו את המשתנים הבאים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "לצורך המשך השיעור, נניח שיש לנו את המשתנים הבאים.<br/>\n",
     "הריצו את התא ומלאו ערכים. נשתמש במשתנים האלו בהמשך.\n",
     "</p>"
    ]
@@ -380,8 +380,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "מסיבה שמחה היא מסיבה שיש בה לפחות 20 משתתפים, וגם יותר מ־100 משולשי פיצה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "מסיבה שמחה היא מסיבה שיש בה לפחות 20 משתתפים, וגם יותר מ־100 משולשי פיצה.<br/>\n",
     "עד עכשיו, היינו יכולים לבדוק האם מסיבה היא שמחה רק בצורה הזו, שמדפיסה לנו 2 תשובות:\n",
     "</p>"
    ]
@@ -400,10 +400,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אפשר להגיד כאן שרק במקרה ש<strong>גם</strong> בשורה הראשונה הודפס <samp>True</samp> ו<strong>גם</strong> בשורה השנייה הודפס <samp>True</samp>, המסיבה היא מסיבה שמחה.<br>\n",
-    "הסיטואציה הזו, כך נראה, מתאימה לאופרטור הלוגי הראשון שדיברנו עליו – <code>and</code>, ובשמו העברי <em>\"וגם\"</em>.<br>\n",
-    "השאלה ששאלנו היא \"האם מספר האנשים במסיבה הוא לפחות 20, <strong>וגם</strong> מספר משולשי הפיצה במסיבה הוא מעל 100\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אפשר להגיד כאן שרק במקרה ש<strong>גם</strong> בשורה הראשונה הודפס <samp>True</samp> ו<strong>גם</strong> בשורה השנייה הודפס <samp>True</samp>, המסיבה היא מסיבה שמחה.<br/>\n",
+    "הסיטואציה הזו, כך נראה, מתאימה לאופרטור הלוגי הראשון שדיברנו עליו – <code>and</code>, ובשמו העברי <em>\"וגם\"</em>.<br/>\n",
+    "השאלה ששאלנו היא \"האם מספר האנשים במסיבה הוא לפחות 20, <strong>וגם</strong> מספר משולשי הפיצה במסיבה הוא מעל 100\".<br/>\n",
     "ננסח בקוד:\n",
     "</p>"
    ]
@@ -422,8 +422,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "\"מסיבה עצובה\" היא מסיבה שיש בה עד 5 משתתפים, או שבה אין משולש פיצה לכל משתתף.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "\"מסיבה עצובה\" היא מסיבה שיש בה עד 5 משתתפים, או שבה אין משולש פיצה לכל משתתף.<br/>\n",
     "עד עכשיו, היינו יכולים לעשות את זה רק בצורה הזו, שמדפיסה לנו 2 תשובות:\n",
     "</p>"
    ]
@@ -442,10 +442,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אפשר להגיד כאן שבמקרה שתוצאת השורה הראשונה היא <samp>True</samp> <strong>או</strong> שתוצאת השורה השנייה היא <samp>True</samp>, המסיבה היא מסיבה עצובה.<br>\n",
-    "הסיטואציה הזו, כך נראה, מתאימה לאופרטור הלוגי השני שדיברנו עליו – <code>or</code>, ובשמו העברי <em>\"או\"</em>.<br>\n",
-    "השאלה ששאלנו היא \"האם מספר האנשים במסיבה קטן או שווה ל־5, <strong>או</strong> מספר משולשי הפיצה קטן ממספר האנשים במסיבה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אפשר להגיד כאן שבמקרה שתוצאת השורה הראשונה היא <samp>True</samp> <strong>או</strong> שתוצאת השורה השנייה היא <samp>True</samp>, המסיבה היא מסיבה עצובה.<br/>\n",
+    "הסיטואציה הזו, כך נראה, מתאימה לאופרטור הלוגי השני שדיברנו עליו – <code>or</code>, ובשמו העברי <em>\"או\"</em>.<br/>\n",
+    "השאלה ששאלנו היא \"האם מספר האנשים במסיבה קטן או שווה ל־5, <strong>או</strong> מספר משולשי הפיצה קטן ממספר האנשים במסיבה\".<br/>\n",
     "ננסח בקוד:\n",
     "</p>"
    ]
@@ -464,16 +464,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">טבלאות אמת</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">טבלאות אמת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "<dfn>טבלאות אמת</dfn> זו דרך ישנה נושנה לתאר את התוצאה של אופרטורים לוגיים בכל אחד מהמקרים האפשריים.<br>\n",
-    "נצייר טבלאות כאלו עבור <code>and</code>, <code>or</code> ו־<code>not</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<dfn>טבלאות אמת</dfn> זו דרך ישנה נושנה לתאר את התוצאה של אופרטורים לוגיים בכל אחד מהמקרים האפשריים.<br/>\n",
+    "נצייר טבלאות כאלו עבור <code>and</code>, <code>or</code> ו־<code>not</code>.<br/>\n",
     "אנחנו ממליצים שלא ללמוד אותן בעל פה, אלא להבין את ההיגיון שבהן.\n",
     "</p>"
    ]
@@ -506,14 +506,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; white-space: nowrap;\">\n",
     "<dt>אופרטור לוגי</dt><dd>מילה שמבצעת פעולה בין שני ערכים בוליאניים. לפעמים נקרא גם \"<dfn>שער לוגי</dfn>\".</dd>\n",
     "<dt>אופרנד</dt><dd>ברבים: אופרנדים. הערכים שעליהם מפעילים את הפעולה. במקרה שלנו, שעליהם אנחנו רוצים להחיל את האופרטור הלוגי.</dd>\n",
     "</dl>"
@@ -523,23 +523,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">לא או או או וגם וגם?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">לא או או או וגם וגם?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בהנתן ההשמות שהתבצעו בשורה הבאה, רשמו בצד את התוצאות של כל אחת מהשורות הבאות.<br>\n",
-    "רק לאחר מכן הריצו, ובדקו האם צדקתם בתשובתכם.<br></p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בהנתן ההשמות שהתבצעו בשורה הבאה, רשמו בצד את התוצאות של כל אחת מהשורות הבאות.<br/>\n",
+    "רק לאחר מכן הריצו, ובדקו האם צדקתם בתשובתכם.<br/></p>"
    ]
   },
   {
@@ -605,17 +605,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\">\n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מה קיבלתם?<br>\n",
-    "            שנו עד 2 משתנים למעלה כדי לקבל תוצאה אחרת.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מה קיבלתם?<br/>\n",
+    "            שנו עד 2 משתנים למעלה כדי לקבל תוצאה אחרת.<br/>\n",
     "            מצאו 2 תשובות אפשריות.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -623,7 +623,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "בואו נמשיך:\n",
     "</p>"
    ]
@@ -728,23 +728,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">קיפיק הצב</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">קיפיק הצב</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "קיפיק הצב הוא הלקוח היחיד שאוכל כמה כדורי גלידה, שאחד מהם בטעם כוכבי־על (<em>superstars</em>).<br>\n",
-    "לגלידרייה שלכם נכנס לקוח, שמעוניין לקנות גלידה ממגוון הטעמים שיש במרכולתכם.<br>\n",
-    "קבלו את הטעמים שהוא רוצה להזמין כקלט. אם הלקוח ירצה יותר מטעם אחד, הוא יפריד את הטעמים בפסיק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "קיפיק הצב הוא הלקוח היחיד שאוכל כמה כדורי גלידה, שאחד מהם בטעם כוכבי־על (<em>superstars</em>).<br/>\n",
+    "לגלידרייה שלכם נכנס לקוח, שמעוניין לקנות גלידה ממגוון הטעמים שיש במרכולתכם.<br/>\n",
+    "קבלו את הטעמים שהוא רוצה להזמין כקלט. אם הלקוח ירצה יותר מטעם אחד, הוא יפריד את הטעמים בפסיק.<br/>\n",
     "בדקו האם מדובר בקיפיק הצב.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "<strong>לדוגמה</strong>, אם הלקוח יזין שהוא מעוניין להזמין <em>superstars</em>, לא מדובר בקיפיק הצב מכיוון שההזמנה כוללת כדור אחד בלבד.<br>\n",
-    "אם הלקוח יזין שהוא מעוניין להזמין <em>pineapple, nettles</em>, לא מדובר בקיפיק הצב מכיוון שההזמנה לא כוללת כדור בטעם המועדף על קיפיק.<br>\n",
-    "אם הלקוח יזין שהוא מעוניין להזמין <em>superstars, creme-brulee, pineapple</em>, נוכל להסיק שמדובר בקיפיק הצב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<strong>לדוגמה</strong>, אם הלקוח יזין שהוא מעוניין להזמין <em>superstars</em>, לא מדובר בקיפיק הצב מכיוון שההזמנה כוללת כדור אחד בלבד.<br/>\n",
+    "אם הלקוח יזין שהוא מעוניין להזמין <em>pineapple, nettles</em>, לא מדובר בקיפיק הצב מכיוון שההזמנה לא כוללת כדור בטעם המועדף על קיפיק.<br/>\n",
+    "אם הלקוח יזין שהוא מעוניין להזמין <em>superstars, creme-brulee, pineapple</em>, נוכל להסיק שמדובר בקיפיק הצב.<br/>\n",
     "</p>"
    ]
   }
diff --git a/week2/1_Conditions.ipynb b/week2/1_Conditions.ipynb
index 0ca5abc..2fa5eb5 100644
--- a/week2/1_Conditions.ipynb
+++ b/week2/1_Conditions.ipynb
@@ -4,23 +4,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"align: right; direction: rtl; float: right;\">תנאים</p>"
+    "# <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תנאים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ברוכים הבאים לשבוע השני של הקורס!<br>\n",
-    "אנחנו פותחים את השבוע בנושא מעניין; הראשון שיאפשר לנו ליצור תוכניות מורכבות שמקבלות החלטות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ברוכים הבאים לשבוע השני של הקורס!<br/>\n",
+    "אנחנו פותחים את השבוע בנושא מעניין; הראשון שיאפשר לנו ליצור תוכניות מורכבות שמקבלות החלטות.<br/>\n",
     "</p>"
    ]
   },
@@ -28,14 +28,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">ביטויים בוליאניים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">ביטויים בוליאניים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "נתחיל בתזכורת בנוגע לביטויים בוליאניים, שאותם הכרנו בשבוע שעבר:\n",
     "</p>"
    ]
@@ -80,8 +80,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "אם כן, ביטויים בוליאניים הם ביטויים שתוצאתם היא <code>True</code> או <code>False</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "אם כן, ביטויים בוליאניים הם ביטויים שתוצאתם היא <code>True</code> או <code>False</code>.<br/>\n",
     "לעיתים קרובות ביטויים אלו יכללו אופרטורים לוגיים, כמו <code>and</code>, <code>or</code> ו־<code>not</code>. \n",
     "</p>"
    ]
@@ -90,14 +90,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">בתנאי ש...</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">בתנאי ש...</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<blockquote>Two roads diverged in a yellow wood,<br>\n",
+    "<blockquote>Two roads diverged in a yellow wood,<br/>\n",
     "And sorry I could not travel both</blockquote>\n",
     "- <cite>Robert Frost, The Road Not Taken</cite>"
    ]
@@ -106,7 +106,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">נקפוץ למים ללא הקדמה. הנה קוד מעניין:</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">נקפוץ למים ללא הקדמה. הנה קוד מעניין:</p>"
    ]
   },
   {
@@ -125,9 +125,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מה קטע הקוד הזה יעשה?<br>\n",
-    "את השורה הראשונה אנחנו כבר יודעים לקרוא: קלטנו את גיל המשתמש, המרנו אותו למספר שלם, ועכשיו המשתנה <code>user_age</code> מצביע עליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מה קטע הקוד הזה יעשה?<br/>\n",
+    "את השורה הראשונה אנחנו כבר יודעים לקרוא: קלטנו את גיל המשתמש, המרנו אותו למספר שלם, ועכשיו המשתנה <code>user_age</code> מצביע עליו.<br/>\n",
     "בשורה השנייה הרוב כבר מוכר: נבדוק האם הגיל קטן מ־18. אבל מה זה ה־<code>if</code> הזה?\n",
     "</p>"
    ]
@@ -136,13 +136,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "כשאנחנו מעוניינים להגיד לפייתון לבצע רצף של שורות רק <em>בתנאי</em> שיקרה משהו מסוים, נשתמש במילת המפתח <code>if</code>.<br>\n",
-    "נחלק את המבנה של תנאי בפייתון ל־2 חלקים:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "כשאנחנו מעוניינים להגיד לפייתון לבצע רצף של שורות רק <em>בתנאי</em> שיקרה משהו מסוים, נשתמש במילת המפתח <code>if</code>.<br/>\n",
+    "נחלק את המבנה של תנאי בפייתון ל־2 חלקים:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; white-space: nowrap; clear: both;\">\n",
-    "    <li>הביטוי הבוליאני, שיבוא מייד אחרי מילת המפתח <code>if</code>.</li>\n",
-    "    <li>הפקודות שיש לבצע, שיבואו בשורות שאחריו.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; white-space: nowrap; clear: both;\">\n",
+    "<li>הביטוי הבוליאני, שיבוא מייד אחרי מילת המפתח <code>if</code>.</li>\n",
+    "<li>הפקודות שיש לבצע, שיבואו בשורות שאחריו.</li>\n",
     "</ol>"
    ]
   },
@@ -150,18 +150,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl;\">דוגמאות לתנאים</div>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "בדוגמאות הבאות, <em style='background-color: #3C6478; color: white;'>התנאי מופיע כך</em>, ו<em style='background-color: #F58B4C; color: white;'>הפעולות שיקרו בעקבותיו מופיעות כך</em>.\n",
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl;\">דוגמאות לתנאים</div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "בדוגמאות הבאות, <em style=\"background-color: #3C6478; color: white;\">התנאי מופיע כך</em>, ו<em style=\"background-color: #F58B4C; color: white;\">הפעולות שיקרו בעקבותיו מופיעות כך</em>.\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<li><em style='background-color: #F58B4C; color: white;'>השמע את המוזיקה של השעון המעורר</em> רק כש<em style='background-color: #3C6478; color: white;'>השעה היא 20:00</em>.</li>\n",
-    "<li>אם <em style='background-color: #3C6478; color: white;'>הלחץ במטוס לא תקין</em>, <em style='background-color: #F58B4C; color: white;'>הורד לנוסעים את מסכות החמצן ולאחר מכן גם היכנס למצב חירום</em>.</li>\n",
-    "<li>אם <em style='background-color: #3C6478; color: white;'>המשתמש סימן קובץ אחד או יותר והמקש שנלחץ היה <kbd style='color: white; border-width: 1px'>DEL</kbd></em>, <em style='background-color: #F58B4C; color: white;'>מחק את הקבצים המסומנים</em>.</li>\n",
-    "<li>רק אם <em style='background-color: #3C6478; color: white;'>עגלת הקניות שלו מכילה מוצרים בשווי 100 ש\"ח לפחות</em>, <em style='background-color: #F58B4C; color: white;'>אפשר למשתמש לבצע הזמנה עם משלוח</em>.</li>\n",
-    "<li>כספומט, <em style='background-color: #F58B4C; color: white;'>הוצא למשתמש כסף, הדפס קבלה וצא מהממשק</em> אם <em style='background-color: #3C6478; color: white;'>המשתמש הזין סכום שמתחלק ב־50, הוא הזין את הקוד הסודי הנכון והסכום הזה קיים בחשבון הבנק שלו.</em></li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em style=\"background-color: #F58B4C; color: white;\">השמע את המוזיקה של השעון המעורר</em> רק כש<em style=\"background-color: #3C6478; color: white;\">השעה היא 20:00</em>.</li>\n",
+    "<li>אם <em style=\"background-color: #3C6478; color: white;\">הלחץ במטוס לא תקין</em>, <em style=\"background-color: #F58B4C; color: white;\">הורד לנוסעים את מסכות החמצן ולאחר מכן גם היכנס למצב חירום</em>.</li>\n",
+    "<li>אם <em style=\"background-color: #3C6478; color: white;\">המשתמש סימן קובץ אחד או יותר והמקש שנלחץ היה <kbd style=\"color: white; border-width: 1px\">DEL</kbd></em>, <em style=\"background-color: #F58B4C; color: white;\">מחק את הקבצים המסומנים</em>.</li>\n",
+    "<li>רק אם <em style=\"background-color: #3C6478; color: white;\">עגלת הקניות שלו מכילה מוצרים בשווי 100 ש\"ח לפחות</em>, <em style=\"background-color: #F58B4C; color: white;\">אפשר למשתמש לבצע הזמנה עם משלוח</em>.</li>\n",
+    "<li>כספומט, <em style=\"background-color: #F58B4C; color: white;\">הוצא למשתמש כסף, הדפס קבלה וצא מהממשק</em> אם <em style=\"background-color: #3C6478; color: white;\">המשתמש הזין סכום שמתחלק ב־50, הוא הזין את הקוד הסודי הנכון והסכום הזה קיים בחשבון הבנק שלו.</em></li>\n",
     "</ol>"
    ]
   },
@@ -169,7 +167,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl;\">זרימת התוכנית: ציור לדוגמה</div>"
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl;\">זרימת התוכנית: ציור לדוגמה</div>"
    ]
   },
   {
@@ -177,8 +175,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/if-flow.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"איור (גרף) להמחשה של זרימת התוכנה. מתחילים בלקבל קלט, עוברים לתנאי. אם הוא לא מתקיים, מדפיסים הודעת שגיאה ועוברים לשלב הבא. אם הוא כן מתקיים, מגיעים ישירות לשלב הבא. מדפיסים שהתוכנית נגמרה.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\"></figcaption>\n",
+    "<img alt=\"איור (גרף) להמחשה של זרימת התוכנה. מתחילים בלקבל קלט, עוברים לתנאי. אם הוא לא מתקיים, מדפיסים הודעת שגיאה ועוברים לשלב הבא. אם הוא כן מתקיים, מגיעים ישירות לשלב הבא. מדפיסים שהתוכנית נגמרה.\" src=\"images/if-flow.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\"></figcaption>\n",
     "</figure>"
    ]
   },
@@ -186,29 +184,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl; clear: both;\">כותבים תנאי</div>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">כותבים תנאי</div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "ניסוח של תנאי אמור להיראות ככה:\n",
     "</p>\n",
-    "\n",
-    "<code><span style='background-color: #3C6478; color: white;'>if</span> <span style='background-color: #B5C689; color: white; font-family: Arial;'>התנאי שלכם, ביטוי בוליאני</span><span style='background-color: #F58B4C'>:</span><br><span style='background-color: #CD594A; color: white;'>&nbsp;&nbsp;&nbsp;&nbsp;</span><span dir=\"rtl\" style='direction: rtl; background-color: #43ABC9; color: white; font-family: Arial'>מה שאתם רוצים לעשות (גוף התנאי)</span>\n",
+    "<code><span style=\"background-color: #3C6478; color: white;\">if</span> <span style=\"background-color: #B5C689; color: white; font-family: Arial;\">התנאי שלכם, ביטוי בוליאני</span><span style=\"background-color: #F58B4C\">:</span><br/><span style=\"background-color: #CD594A; color: white;\">    </span><span dir=\"rtl\" style=\"direction: rtl; background-color: #43ABC9; color: white; font-family: Arial\">מה שאתם רוצים לעשות (גוף התנאי)</span>\n",
     "</code>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "נסביר:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<li>התנאי מתחיל במילת המפתח <code><span style='background-color: #3C6478; color: white;'>if</span></code>. אין פה מה לשנות.</li>\n",
-    "<li>אחרי מילת המפתח <code>if</code>, יבוא <span style='background-color: #B5C689; color: white; font-family: Arial;'>ביטוי בוליאני</span>. אם תוצאתו תהיה <samp>True</samp>, מה שנמצא בגוף התנאי יתבצע. אם <samp>False</samp>, פייתון תתעלם לגמרי מגוף התנאי.</li>\n",
-    "<li>מייד אחרי הביטוי הבוליאני תבואנה <span style='background-color: #F58B4C; color: white;'>נקודתיים</span>, שמסמנות שכאן נגמרת השאלה (הביטוי הבוליאני), ומתחיל החלק הביצועי – גוף התנאי.</li>\n",
-    "<li>לפני שנבקש מפייתון לבצע משהו <em>בעקבות</em> קיום התנאי שהיה ב־<code>if</code>, נצטרך להוסיף לפניו <span style='background-color: #CD594A; color: white'>הזחה</span>.<br>\n",
-    "    הזחה היא תזוזה של השורה לימין, והיא נועדה לסמן מבניות מסוימת בקוד – נניח שהשורה הזו מתייחסת ל־<code>if</code> שנמצא לפניה.<br>\n",
-    "    אנחנו רוצים שהקוד שנכתוב אחרי ההזחה ירוץ <em>רק אם</em> התנאי שלפני ההזחה התקיים.<br>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>התנאי מתחיל במילת המפתח <code><span style=\"background-color: #3C6478; color: white;\">if</span></code>. אין פה מה לשנות.</li>\n",
+    "<li>אחרי מילת המפתח <code>if</code>, יבוא <span style=\"background-color: #B5C689; color: white; font-family: Arial;\">ביטוי בוליאני</span>. אם תוצאתו תהיה <samp>True</samp>, מה שנמצא בגוף התנאי יתבצע. אם <samp>False</samp>, פייתון תתעלם לגמרי מגוף התנאי.</li>\n",
+    "<li>מייד אחרי הביטוי הבוליאני תבואנה <span style=\"background-color: #F58B4C; color: white;\">נקודתיים</span>, שמסמנות שכאן נגמרת השאלה (הביטוי הבוליאני), ומתחיל החלק הביצועי – גוף התנאי.</li>\n",
+    "<li>לפני שנבקש מפייתון לבצע משהו <em>בעקבות</em> קיום התנאי שהיה ב־<code>if</code>, נצטרך להוסיף לפניו <span style=\"background-color: #CD594A; color: white\">הזחה</span>.<br/>\n",
+    "    הזחה היא תזוזה של השורה לימין, והיא נועדה לסמן מבניות מסוימת בקוד – נניח שהשורה הזו מתייחסת ל־<code>if</code> שנמצא לפניה.<br/>\n",
+    "    אנחנו רוצים שהקוד שנכתוב אחרי ההזחה ירוץ <em>רק אם</em> התנאי שלפני ההזחה התקיים.<br/>\n",
     "    בפייתון הזחה מוגדרת כארבעה רווחים, אבל אפשר פשוט ללחוץ <kbd dir=\"ltr\">Tab ↹</kbd> במקלדת והמחברת תחליף לכם את הטאב ברווחים בעצמה.\n",
     "</li>\n",
-    "<li>וסוף סוף הגענו למטרה: אחרי ההזחה, כתבו את <span dir=\"rtl\" style='direction: rtl; background-color: #43ABC9; color: white; font-family: Arial'>מה שאתם רוצים לעשות</span> – כל פעולת פייתון שעולה על דעתכם תתאים כאן.<br>\n",
+    "<li>וסוף סוף הגענו למטרה: אחרי ההזחה, כתבו את <span dir=\"rtl\" style=\"direction: rtl; background-color: #43ABC9; color: white; font-family: Arial\">מה שאתם רוצים לעשות</span> – כל פעולת פייתון שעולה על דעתכם תתאים כאן.<br/>\n",
     "תוכלו להוסיף כמה שורות שתרצו אחרי ה־<code>if</code>. הקוד בשורה ירוץ כחלק מהתנאי כל עוד היא מוזחת ונמצאת ישירות אחרי ה־<code>if</code>, או אחרי שורות מוזחות אחרות ישירות מתחת ל־<code>if</code>.\n",
     "</li>\n",
     "</ol>"
@@ -218,7 +212,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl;\">דוגמאות קוד נוספות</div>"
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl;\">דוגמאות קוד נוספות</div>"
    ]
   },
   {
@@ -243,21 +237,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            נסו להבין מה הקוד למעלה אומר. הריצו ובדקו שעניתם נכונה לפני שתתקדמו הלאה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -265,7 +259,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "דוגמה אחרת:\n",
     "</p>"
    ]
@@ -300,24 +294,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה התרחש בקוד הזה?</span>\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "בשורה הראשונה, ביקשנו את הגיל של המשתמש וגרמנו למשתנה <var>age</var> להצביע אליו.<br>\n",
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה התרחש בקוד הזה?</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "בשורה הראשונה, ביקשנו את הגיל של המשתמש וגרמנו למשתנה <var>age</var> להצביע אליו.<br/>\n",
     "בשורה השנייה, ביקשנו ש־<var>allowed_to_enter</var> יהיה <code>False</code>. זה קצת מרושע ומיזנטרופי, אבל אנחנו מעדיפים כברירת מחדל לא להכניס אף אחד למסיבה שלנו.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בשלב הבא בדקנו האם <var>age</var> (גיל המשתמש שלנו) הוא לפחות 18, ואם כן הגדרנו שיוכל להכנס למסיבה. עד כאן זה קל.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עכשיו נתאר מה תהיה ההתרחשות אם הגיל נמוך מ־18.<br>\n",
-    "אנחנו מחכים לחצות, ומבקשים לדעת אם יום ההולדת של המשתמש הוא היום.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עכשיו נתאר מה תהיה ההתרחשות אם הגיל נמוך מ־18.<br/>\n",
+    "אנחנו מחכים לחצות, ומבקשים לדעת אם יום ההולדת של המשתמש הוא היום.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מכאן אנחנו פותחים תנאי נוסף, בתוך התנאי הקודם. זה אומר שרק אם <var>age</var> אכן קטן מ־18 הבדיקה הבאה תקרה (בגלל שאנחנו עדיין בתוך התנאי <code>age &lt; 18</code>, ראו את ההזחה):<br>\n",
-    "אם המשתמש הכניס שהיום יום ההולדת שלו, והגיל שלו היה עד עכשיו 17, אז עכשיו הוא טכנית בן 18 ויכול להיכנס למסיבה שלנו. נגדיל את הגיל שלו ונרשה לו להיכנס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מכאן אנחנו פותחים תנאי נוסף, בתוך התנאי הקודם. זה אומר שרק אם <var>age</var> אכן קטן מ־18 הבדיקה הבאה תקרה (בגלל שאנחנו עדיין בתוך התנאי <code>age &lt; 18</code>, ראו את ההזחה):<br/>\n",
+    "אם המשתמש הכניס שהיום יום ההולדת שלו, והגיל שלו היה עד עכשיו 17, אז עכשיו הוא טכנית בן 18 ויכול להיכנס למסיבה שלנו. נגדיל את הגיל שלו ונרשה לו להיכנס.<br/>\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "עכשיו נשאר רק להתייחס למשתנה <var>allowed_to_enter</var> שהגדרנו למעלה, לבדוק האם למשתמש מותר להכנס או לא, ולהדפיס הודעה מתאימה. יופי!\n",
     "</p>"
    ]
@@ -326,17 +319,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            נסו לערוך את הקוד שלמעלה, כך שישאל אם זהו יום ההולדת של המשתמש רק אם הוא בן 17.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            נסו לערוך את הקוד שלמעלה, כך שישאל אם זהו יום ההולדת של המשתמש רק אם הוא בן 17.<br/>\n",
     "            בדקו שהקוד עדיין עובד כמצופה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -344,17 +337,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה היא לשכוח את הנקודתיים אחרי ה־<code>if</code>.<br>\n",
-    "            אתם בטח אומרים לעצמכם שלא תעשו את זה, אבל אתם תעשו את זה, סמכו עליי.<br>\n",
-    "            פייתון זורקת הודעות שגיאה מעצבנות ולא אינדיקטיביות כשזה קורה. נסו להיזכר באזהרה הזו 😊<br>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה היא לשכוח את הנקודתיים אחרי ה־<code>if</code>.<br/>\n",
+    "            אתם בטח אומרים לעצמכם שלא תעשו את זה, אבל אתם תעשו את זה, סמכו עליי.<br/>\n",
+    "            פייתון זורקת הודעות שגיאה מעצבנות ולא אינדיקטיביות כשזה קורה. נסו להיזכר באזהרה הזו 😊<br/>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -362,22 +355,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">כניסה לבנק, שלב 1</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">כניסה לבנק, שלב 1</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שם המשתמש שלי לבנק הוא <em>wrong</em>, והסיסמה שלי היא <em>ads sports</em>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שם המשתמש שלי לבנק הוא <em>wrong</em>, והסיסמה שלי היא <em>ads sports</em>.<br/>\n",
     "    קבלו מהמשתמש שם משתמש וסיסמה, והדפיסו לו הודעה יפה אם הצליח להתחבר.\n",
     "</p>"
    ]
@@ -386,15 +379,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">אם גם טעיתי</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">אם גם טעיתי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "תקנו את הקוד הבא כך שירוץ בהצלחה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "תקנו את הקוד הבא כך שירוץ בהצלחה.<br/>\n",
     "כתבו לעצמכם את התיקונים שביצעתם כדי להימנע מטעויות דומות אצלכם בעתיד!\n",
     "</p>"
    ]
diff --git a/week2/2_Conditions_part2.ipynb b/week2/2_Conditions_part2.ipynb
index 9fcaa61..49ee14a 100644
--- a/week2/2_Conditions_part2.ipynb
+++ b/week2/2_Conditions_part2.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">תנאים – חלק 2</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תנאים – חלק 2</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">תנאים – תזכורת</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תנאים – תזכורת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ניזכר במחברת הקודמת, שבה למדנו על תנאים.<br>\n",
-    "למדנו שבעזרת מילת המפתח <code>if</code> אנחנו יכולים לבקש מהקוד שלנו לבצע סדרת פעולות, רק אם תנאי כלשהו מתקיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ניזכר במחברת הקודמת, שבה למדנו על תנאים.<br/>\n",
+    "למדנו שבעזרת מילת המפתח <code>if</code> אנחנו יכולים לבקש מהקוד שלנו לבצע סדרת פעולות, רק אם תנאי כלשהו מתקיים.<br/>\n",
     "במילים אחרות: אנחנו יכולים לבקש מקטע קוד לרוץ, רק אם ביטוי בוליאני מסוים שווה ל־<code>True</code>.\n",
     "</p>"
    ]
@@ -36,7 +36,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
     "נראה דוגמה:\n",
     "</p>"
    ]
@@ -57,8 +57,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בקוד שלמעלה, ביקשנו מהמשתמש להזין את מספר הנעליים שיש לו, ואם המספר היה אי־זוגי הדפסנו לו שמשהו מוזר מתרחש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בקוד שלמעלה, ביקשנו מהמשתמש להזין את מספר הנעליים שיש לו, ואם המספר היה אי־זוגי הדפסנו לו שמשהו מוזר מתרחש.<br/>\n",
     "אבל מה קורה אם נרצה להדפיס למשתמש הודעת אישור כשאנחנו מגלים שהכול בסדר?\n",
     "</p>"
    ]
@@ -67,22 +67,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כיצד הייתם משפרים את התוכנית שלמעלה כך שתדפיס למשתמש הודעת אישור שהכול בסדר?<br> \n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כיצד הייתם משפרים את התוכנית שלמעלה כך שתדפיס למשתמש הודעת אישור שהכול בסדר?<br/> \n",
     "            השתמשו בכלים שרכשתם במחברת הקודמת. נסו לחשוב על לפחות 2 דרכים דומות.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -90,14 +90,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">מה אם לא?<br><sub>על מילת המפתח else</sub></span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מה אם לא?<br/><sub>על מילת המפתח else</sub></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">דרך אחת לפתור את התרגיל שהופיע למעלה, היא זו:</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דרך אחת לפתור את התרגיל שהופיע למעלה, היא זו:</p>"
    ]
   },
   {
@@ -118,9 +118,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כדי להדפיס למשתמש הודעה מתאימה בכל מצב, הוספנו תנאי <em>הפוך</em> מהתנאי הראשון, שידפיס למשתמש הודעה מתאימה.<br>\n",
-    "אחד הדברים המעניינים בתוכנית שלמעלה, הוא שיש לנו שני תנאים שמנוגדים זה לזה במשמעות שלהם. אחד בודק זוגיות, והשני בודק אי־זוגיות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כדי להדפיס למשתמש הודעה מתאימה בכל מצב, הוספנו תנאי <em>הפוך</em> מהתנאי הראשון, שידפיס למשתמש הודעה מתאימה.<br/>\n",
+    "אחד הדברים המעניינים בתוכנית שלמעלה, הוא שיש לנו שני תנאים שמנוגדים זה לזה במשמעות שלהם. אחד בודק זוגיות, והשני בודק אי־זוגיות.<br/>\n",
     "למעשה, אם היינו רוצים לנסח את הקוד במילים, היינו יכולים להגיד: <q>אם מספר הנעליים הוא אי־זוגי, הדפס שיש בעיה. <strong>אחרת</strong>, הדפס שהכול בסדר</q>.\n",
     "</p>"
    ]
@@ -129,8 +129,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פייתון מקנה לנו כלי נוח לבטא את ה\"אחרת\" הזה, כלי שמקל על הקריאוּת של הקוד – מילת המפתח <code>else</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פייתון מקנה לנו כלי נוח לבטא את ה\"אחרת\" הזה, כלי שמקל על הקריאוּת של הקוד – מילת המפתח <code>else</code>.<br/>\n",
     "    נראה איך אפשר לנסח את הקוד שלמעלה בעזרת <code>else</code>:\n",
     "</p>"
    ]
@@ -153,9 +153,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימו לב לצורת ההזחה: ה־<code>else</code> אינו מוזח, אך התוכן שבתוכו כן.<br>\n",
-    "נזכור גם ש־<code>else</code> קשור ל־<code>if</code> שלפניו, ומדבר על <em>המקרה המשלים</em> לתנאי שנמצא באותו <code>if</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימו לב לצורת ההזחה: ה־<code>else</code> אינו מוזח, אך התוכן שבתוכו כן.<br/>\n",
+    "נזכור גם ש־<code>else</code> קשור ל־<code>if</code> שלפניו, ומדבר על <em>המקרה המשלים</em> לתנאי שנמצא באותו <code>if</code>.<br/>\n",
     "דרך נוספת לחשוב על <code>else</code> היא ש<mark>קטע הקוד בתוך ה־<code>else</code> יתבצע אם תוצאתו של הביטוי הבוליאני שמופיע כתנאי של ה־<code>if</code> היא <code>False</code></mark>.\n",
     "</p>"
    ]
@@ -164,17 +164,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לתנאים עם <code>else</code></div>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בדוגמאות הבאות, <em style='background-color: #3C6478; color: white;'>התנאי מופיע כך</em>, ו<em style='background-color: #F58B4C; color: white;'>הפעולות שיקרו בעקבותיו מופיעות כך</em>.\n",
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לתנאים עם <code>else</code></div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בדוגמאות הבאות, <em style=\"background-color: #3C6478; color: white;\">התנאי מופיע כך</em>, ו<em style=\"background-color: #F58B4C; color: white;\">הפעולות שיקרו בעקבותיו מופיעות כך</em>.\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<li>אם <em style='background-color: #3C6478; color: white;'>השעה היא לפני 20:00</em>, <em style='background-color: #F58B4C; color: white;'>שמור על תאורה גבוהה במסעדה</em>. <em style='background-color: #3C6478; color: white;'>אחרת</em>, <em style='background-color: #F58B4C; color: white;'>עמעם את התאורה</em>.</li>\n",
-    "<li>אם <em style='background-color: #3C6478; color: white;'>הגיל של המשתמש הוא לפחות 18</em>, <em style='background-color: #F58B4C; color: white;'>אפשר לו להיכנס לבר</em>. <em style='background-color: #3C6478; color: white;'>אחרת</em>, <em style='background-color: #F58B4C; color: white;'>הצע לו אטרקציות אחרות לבקר בהן</em> וגם <em style='background-color: #F58B4C; color: white;'>אל תכניס אותו</em>.</li>\n",
-    "<li>אם המשתמש בכספומט <em style='background-color: #3C6478; color: white;'>הזין סכום שלילי, או יותר מהסכום הזמין בחשבון שלו</em>, <em style='background-color: #F58B4C; color: white;'>הצג לו הודעת שגיאה</em>. <em style='background-color: #3C6478; color: white;'>אחרת</em>, <em style='background-color: #F58B4C; color: white;'>הפחת לו את הסכום מהחשבון</em>, <em style='background-color: #F58B4C; color: white;'>הוצא לו שטרות בסכום שהזין</em>.</li>\n",
-    "<li>אם <em style='background-color: #3C6478; color: white;'>הדוד כבוי וגם השעה היא לפני 8:00 וגם השעה היא אחרי 7:00</em>, <em style='background-color: #F58B4C; color: white;'>הדלק את הדוד</em>. <em style='background-color: #3C6478; color: white;'>אחרת</em>, אם <em style='background-color: #3C6478; color: white;'>הדוד דלוק</em> – <em style='background-color: #F58B4C; color: white;'>כבה את הדוד</em>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אם <em style=\"background-color: #3C6478; color: white;\">השעה היא לפני 20:00</em>, <em style=\"background-color: #F58B4C; color: white;\">שמור על תאורה גבוהה במסעדה</em>. <em style=\"background-color: #3C6478; color: white;\">אחרת</em>, <em style=\"background-color: #F58B4C; color: white;\">עמעם את התאורה</em>.</li>\n",
+    "<li>אם <em style=\"background-color: #3C6478; color: white;\">הגיל של המשתמש הוא לפחות 18</em>, <em style=\"background-color: #F58B4C; color: white;\">אפשר לו להיכנס לבר</em>. <em style=\"background-color: #3C6478; color: white;\">אחרת</em>, <em style=\"background-color: #F58B4C; color: white;\">הצע לו אטרקציות אחרות לבקר בהן</em> וגם <em style=\"background-color: #F58B4C; color: white;\">אל תכניס אותו</em>.</li>\n",
+    "<li>אם המשתמש בכספומט <em style=\"background-color: #3C6478; color: white;\">הזין סכום שלילי, או יותר מהסכום הזמין בחשבון שלו</em>, <em style=\"background-color: #F58B4C; color: white;\">הצג לו הודעת שגיאה</em>. <em style=\"background-color: #3C6478; color: white;\">אחרת</em>, <em style=\"background-color: #F58B4C; color: white;\">הפחת לו את הסכום מהחשבון</em>, <em style=\"background-color: #F58B4C; color: white;\">הוצא לו שטרות בסכום שהזין</em>.</li>\n",
+    "<li>אם <em style=\"background-color: #3C6478; color: white;\">הדוד כבוי וגם השעה היא לפני 8:00 וגם השעה היא אחרי 7:00</em>, <em style=\"background-color: #F58B4C; color: white;\">הדלק את הדוד</em>. <em style=\"background-color: #3C6478; color: white;\">אחרת</em>, אם <em style=\"background-color: #3C6478; color: white;\">הדוד דלוק</em> – <em style=\"background-color: #F58B4C; color: white;\">כבה את הדוד</em>.</li>\n",
     "</ol>"
    ]
   },
@@ -182,7 +180,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl;\">זרימת התוכנית: ציור לדוגמה</div>"
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl;\">זרימת התוכנית: ציור לדוגמה</div>"
    ]
   },
   {
@@ -190,8 +188,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/else-flow.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"איור (גרף) להמחשה של זרימת התוכנה. מתחילים בלקבל קלט, עוברים לתנאי. אם הוא לא מתקיים, בודקים אם הדוד דלוק. אם הדוד דלוק, מכבים את הדוד ומשם עוברים לסוף התוכנית. אם התנאי ההתחלתי קטן מתקיים, מדליקים את הדוד, ואז מגיעים לסוף התוכנית.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\"></figcaption>\n",
+    "<img alt=\"איור (גרף) להמחשה של זרימת התוכנה. מתחילים בלקבל קלט, עוברים לתנאי. אם הוא לא מתקיים, בודקים אם הדוד דלוק. אם הדוד דלוק, מכבים את הדוד ומשם עוברים לסוף התוכנית. אם התנאי ההתחלתי קטן מתקיים, מדליקים את הדוד, ואז מגיעים לסוף התוכנית.\" src=\"images/else-flow.svg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\"></figcaption>\n",
     "</figure>"
    ]
   },
@@ -199,14 +197,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש לדוגמה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "התוכנית המוצגת פה מעט מורכבת יותר מהשרטוט המופיע למעלה, כדי לתת לה נופך מציאותי יותר.\n",
     "</p>"
    ]
@@ -244,21 +242,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה המצב?<br><sub>טיפול במצבים מרובים</sub></span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה המצב?<br/><sub>טיפול במצבים מרובים</sub></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בארצות הברית מדורגת מכירת אלבומים כך:\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אלבום מוזיקה נחשב \"<dfn>אלבום כסף</dfn>\" אם נמכרו ממנו לפחות <em>100,000</em> עותקים.</li>\n",
-    "    <li>אלבום מוזיקה נחשב \"<dfn>אלבום זהב</dfn>\" אם נמכרו ממנו לפחות <em>500,000</em> עותקים.</li>\n",
-    "    <li>אלבום מוזיקה נחשב \"<dfn>אלבום פלטינה</dfn>\" אם נמכרו ממנו לפחות <em>1,000,000</em> עותקים.</li>\n",
-    "    <li>אלבום מוזיקה נחשב \"<dfn>אלבום יהלום</dfn>\" אם נמכרו ממנו לפחות <em>10,000,000</em> עותקים.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אלבום מוזיקה נחשב \"<dfn>אלבום כסף</dfn>\" אם נמכרו ממנו לפחות <em>100,000</em> עותקים.</li>\n",
+    "<li>אלבום מוזיקה נחשב \"<dfn>אלבום זהב</dfn>\" אם נמכרו ממנו לפחות <em>500,000</em> עותקים.</li>\n",
+    "<li>אלבום מוזיקה נחשב \"<dfn>אלבום פלטינה</dfn>\" אם נמכרו ממנו לפחות <em>1,000,000</em> עותקים.</li>\n",
+    "<li>אלבום מוזיקה נחשב \"<dfn>אלבום יהלום</dfn>\" אם נמכרו ממנו לפחות <em>10,000,000</em> עותקים.</li>\n",
     "</ol>"
    ]
   },
@@ -266,23 +264,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            קלטו את כמות העותקים שנמכרו עבור אלבום המטאל המצליח \"רוצח או נזלת\", והדפיסו את דירוג האלבום.<br>\n",
-    "            לדוגמה, אם המשתמש הכניס שמספר המכירות היה <em>520,196</em>, הדפיסו \"<samp>אלבום זהב</samp>\".<br>\n",
-    "            אם האלבום לא נמכר מספיק כדי לזכות בדירוג, הדפיסו \"<samp>האלבום אינו רב־מכר</samp>\".<br>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            קלטו את כמות העותקים שנמכרו עבור אלבום המטאל המצליח \"רוצח או נזלת\", והדפיסו את דירוג האלבום.<br/>\n",
+    "            לדוגמה, אם המשתמש הכניס שמספר המכירות היה <em>520,196</em>, הדפיסו \"<samp>אלבום זהב</samp>\".<br/>\n",
+    "            אם האלבום לא נמכר מספיק כדי לזכות בדירוג, הדפיסו \"<samp>האלבום אינו רב־מכר</samp>\".<br/>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -290,15 +288,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתרון ושיפורים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתרון ושיפורים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "בתרגיל שנתבקשתם לפתור, נוצר מצב שבו יש צורך בתנאים מרובים שמשלימים זה את זה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "בתרגיל שנתבקשתם לפתור, נוצר מצב שבו יש צורך בתנאים מרובים שמשלימים זה את זה.<br/>\n",
     "נציג לפניכם שני פתרונות אפשריים:\n",
     "</p>"
    ]
@@ -338,9 +336,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "ודאי שמתם לב שהקוד נראה מעט מסורבל בגלל כמות ההזחות, והוא יוסיף ויסתרבל ככל שנוסיף יותר מקרים אפשריים.<br>\n",
-    "ננסה לפתור את זה בעזרת הגדרת טווחים מדויקים עבור כל דירוג.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "ודאי שמתם לב שהקוד נראה מעט מסורבל בגלל כמות ההזחות, והוא יוסיף ויסתרבל ככל שנוסיף יותר מקרים אפשריים.<br/>\n",
+    "ננסה לפתור את זה בעזרת הגדרת טווחים מדויקים עבור כל דירוג.<br/>\n",
     "הקוד המשופץ ייראה כך:\n",
     "</p>"
    ]
@@ -374,8 +372,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "הקוד נראה טוב יותר במידה ניכרת, אבל בכל <code>if</code> אנחנו בודקים שהתנאי שלפניו לא התקיים, וזה מסורבל מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "הקוד נראה טוב יותר במידה ניכרת, אבל בכל <code>if</code> אנחנו בודקים שהתנאי שלפניו לא התקיים, וזה מסורבל מאוד.<br/>\n",
     "אנחנו עושים את זה כדי למנוע הדפסה כפולה: אומנם כל אלבום זהב נמכר מספיק פעמים כדי להיות מוכתר כאלבום כסף, אבל לא נרצה להדפיס למשתמש את שתי ההודעות.</p>"
    ]
   },
@@ -383,22 +381,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מה היה קורה אם לא היו תנאים אחרי האופרטור הלוגי <code>and</code>?<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מה היה קורה אם לא היו תנאים אחרי האופרטור הלוגי <code>and</code>?<br/>\n",
     "            מחקו אותם, הכניסו לתוכנה כקלט <em>10000000</em> ובדקו מה התוצאה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -406,16 +404,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl; float: right; clear: both;\">אם אחרת – elif</div>"
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אם אחרת – elif</div>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "כדי לפתור את הבעיה שהוצגה למעלה, פייתון מעניקה לנו כלי נוסף שנקרא <code>elif</code>.<br>\n",
-    "מדובר בסך הכול בקיצור של <code dir=\"ltr\" style=\"direction: ltr\">else... if (תנאי)</code>, או בעברית: אם התנאי הקודם לא התקיים, בדוק אם...<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "כדי לפתור את הבעיה שהוצגה למעלה, פייתון מעניקה לנו כלי נוסף שנקרא <code>elif</code>.<br/>\n",
+    "מדובר בסך הכול בקיצור של <code dir=\"ltr\" style=\"direction: ltr\">else... if (תנאי)</code>, או בעברית: אם התנאי הקודם לא התקיים, בדוק אם...<br/>\n",
     "ראו, לדוגמה, איך נשפר את הקוד הקודם לקוד קריא יותר <em>במידה רבה</em>:\n",
     "</p>"
    ]
@@ -449,17 +447,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <div style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה קורה כאן?</div>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הטריק הוא שבשורה שבה כתוב <code>elif</code>, פייתון תנסה לבדוק את התנאי <em>רק אם</em> התנאים שלפניו לא התקיימו.<br>\n",
-    "    במילים אחרות – ערכיהם של הביטויים הבוליאניים בכל התנאים שלפניו היו <code>False</code>.<br>\n",
+    "### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה קורה כאן?</div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הטריק הוא שבשורה שבה כתוב <code>elif</code>, פייתון תנסה לבדוק את התנאי <em>רק אם</em> התנאים שלפניו לא התקיימו.<br/>\n",
+    "    במילים אחרות – ערכיהם של הביטויים הבוליאניים בכל התנאים שלפניו היו <code>False</code>.<br/>\n",
     "    בכל שורה שבה יש <code>if</code> או <code>elif</code>, פייתון בודקת האם הביטוי הבוליאני שבאותה שורה מתקיים, ואז:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אם כן, היא מבצעת את הפעולות המוזחות מתחת לתנאי ומפסיקה לבדוק את התנאים הבאים.</li>\n",
-    "    <li>אם לא, היא עוברת לבדוק את התנאי ב־<code>elif</code>־ים הבאים (אם ישנם <code>elif</code>־ים).</li>\n",
-    "    <li>אם אף אחד מהתנאים לא מתקיים, יתבצע קטע הקוד ששייך ל־<code>else</code> (אם יש <code>else</code>).</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אם כן, היא מבצעת את הפעולות המוזחות מתחת לתנאי ומפסיקה לבדוק את התנאים הבאים.</li>\n",
+    "<li>אם לא, היא עוברת לבדוק את התנאי ב־<code>elif</code>־ים הבאים (אם ישנם <code>elif</code>־ים).</li>\n",
+    "<li>אם אף אחד מהתנאים לא מתקיים, יתבצע קטע הקוד ששייך ל־<code>else</code> (אם יש <code>else</code>).</li>\n",
     "</ol>"
    ]
   },
@@ -467,16 +464,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            ניתן לכתוב <code>if</code> בלי <code>else</code> ובלי <code>elif</code>־ים אחריו.<br>\n",
-    "            <code>if</code> תמיד יהיה ראשון, ואם יש צורך להוסיף מקרים, <code>else</code> תמיד יהיה אחרון, וביניהם יהיו <code>elif</code>־ים.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            ניתן לכתוב <code>if</code> בלי <code>else</code> ובלי <code>elif</code>־ים אחריו.<br/>\n",
+    "<code>if</code> תמיד יהיה ראשון, ואם יש צורך להוסיף מקרים, <code>else</code> תמיד יהיה אחרון, וביניהם יהיו <code>elif</code>־ים.<br/>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -484,25 +481,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">כניסה לבנק, שלב 2</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">כניסה לבנק, שלב 2</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right;\">\n",
-    "שם המשתמש שלי לבנק הוא <em>wrong</em>, והסיסמה שלי היא <em>ads sports</em>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
+    "שם המשתמש שלי לבנק הוא <em>wrong</em>, והסיסמה שלי היא <em>ads sports</em>.<br/>\n",
     "שם המשתמש של מנהל הבנק היא <em>admin</em>, והסיסמה שלו היא <em>is trator</em>.\n",
-    "<br>\n",
-    "קבלו מהמשתמש שם משתמש וסיסמה, והדפיסו לו הודעה שמספרת לו לאיזה משתמש הוא הצליח להתחבר.<br>\n",
+    "<br/>\n",
+    "קבלו מהמשתמש שם משתמש וסיסמה, והדפיסו לו הודעה שמספרת לו לאיזה משתמש הוא הצליח להתחבר.<br/>\n",
     "אם לא הצליח להתחבר, הדפיסו לו הודעת שגיאה מתאימה.\n",
     "</p>"
    ]
@@ -511,24 +508,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">חשבון למתחילים, שלב 1</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">חשבון למתחילים, שלב 1</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "דני רוצה ללמוד חשבון, ולצורך כך הוא צריך מחשבון פשוט שיעזור לו.<br>\n",
-    "כתבו תוכנה שמקבלת 2 מספרים ופעולה חשבונית (<em>+</em>, <em>-</em>, <em>*</em>, <em>/</em> או <em>**</em>), ויודעת להחזיר את התשובה הנכונה לתרגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "דני רוצה ללמוד חשבון, ולצורך כך הוא צריך מחשבון פשוט שיעזור לו.<br/>\n",
+    "כתבו תוכנה שמקבלת 2 מספרים ופעולה חשבונית (<em>+</em>, <em>-</em>, <em>*</em>, <em>/</em> או <em>**</em>), ויודעת להחזיר את התשובה הנכונה לתרגיל.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both; margin-top: 0;\">\n",
-    "    <li>עבור מספר ראשון <em>5</em>, מספר שני <em>2</em> ופעולה <em>/</em> התוכנית תדפיס <samp>2.5</samp>, כיוון ש־<span dir=\"ltr\">5/2 == 2.5</span>.</li>\n",
-    "    <li>עבור מספר ראשון <em>9</em>, מספר שני <em>2</em> ופעולה <em>**</em> התוכנית תדפיס <samp>81</samp>, כיוון ש־<span dir=\"ltr\">9<sup>2</sup> == 81</span>.</li>\n",
-    "    <li>עבור מספר ראשון <em>3</em>, מספר שני <em>7</em> ופעולה <em>-</em> התוכנית תדפיס <samp dir=\"ltr\" style=\"direction: ltr;\">-4</samp>, כיוון ש־<span dir=\"ltr\">3-7 == -4</span>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both; margin-top: 0;\">\n",
+    "<li>עבור מספר ראשון <em>5</em>, מספר שני <em>2</em> ופעולה <em>/</em> התוכנית תדפיס <samp>2.5</samp>, כיוון ש־<span dir=\"ltr\">5/2 == 2.5</span>.</li>\n",
+    "<li>עבור מספר ראשון <em>9</em>, מספר שני <em>2</em> ופעולה <em>**</em> התוכנית תדפיס <samp>81</samp>, כיוון ש־<span dir=\"ltr\">9<sup>2</sup> == 81</span>.</li>\n",
+    "<li>עבור מספר ראשון <em>3</em>, מספר שני <em>7</em> ופעולה <em>-</em> התוכנית תדפיס <samp dir=\"ltr\" style=\"direction: ltr;\">-4</samp>, כיוון ש־<span dir=\"ltr\">3-7 == -4</span>.</li>\n",
     "</ul>"
    ]
   },
@@ -536,52 +533,51 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right;\">מחשבון מס הכנסה</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">מחשבון מס הכנסה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המיסוי על הכנסה בישראל גבוה מאוד ושיעורו נקבע לפי מדרגות כדלקמן:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המיסוי על הכנסה בישראל גבוה מאוד ושיעורו נקבע לפי מדרגות כדלקמן:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מי שמרוויח עד 6,310 ש\"ח, משלם מס בשיעור 10% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח עד 9,050 ש\"ח, משלם מס בשיעור 14% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח עד 14,530 ש\"ח, משלם מס בשיעור 20% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח עד 20,200 ש\"ח, משלם מס בשיעור 31% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח עד 42,030 ש\"ח, משלם מס בשיעור 35% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח עד 54,130 ש\"ח, משלם מס בשיעור 47% על הסכום הזה.</li>\n",
-    "    <li>מי שמרוויח מעל הסכום האחרון, משלם מס בשיעור 50% על הסכום הזה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מי שמרוויח עד 6,310 ש\"ח, משלם מס בשיעור 10% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח עד 9,050 ש\"ח, משלם מס בשיעור 14% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח עד 14,530 ש\"ח, משלם מס בשיעור 20% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח עד 20,200 ש\"ח, משלם מס בשיעור 31% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח עד 42,030 ש\"ח, משלם מס בשיעור 35% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח עד 54,130 ש\"ח, משלם מס בשיעור 47% על הסכום הזה.</li>\n",
+    "<li>מי שמרוויח מעל הסכום האחרון, משלם מס בשיעור 50% על הסכום הזה.</li>\n",
     "</ol>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הסכום תמיד משולם על ההפרש בין המדרגות.<br>\n",
-    "    לדוגמה, אם הרווחתי בחודש מסוים 10,000 ש\"ח, תשלום המיסים שלי יחושב כך:<br>\n",
-    "    על 6,310 השקלים הראשונים אשלם 631 ש\"ח, שהם 10% מאותה מדרגה.<br>\n",
-    "    על הסכום העודף עד 9,050 שקלים, שהוא 2,740 שקלים <span dir=\"ltr\" style=\"direction: ltr\">(9,050 - 6,310)</span> אשלם 383.6 שקלים, שהם 14% מ־2,740 שקלים.<br>\n",
-    "    על הסכום העודף בסך 950 שקלים <span dir=\"ltr\" style=\"direction: ltr\">(10,000 - 9,050)</span> אשלם 190 ש\"ח, שהם 20% מ־950 שקלים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הסכום תמיד משולם על ההפרש בין המדרגות.<br/>\n",
+    "    לדוגמה, אם הרווחתי בחודש מסוים 10,000 ש\"ח, תשלום המיסים שלי יחושב כך:<br/>\n",
+    "    על 6,310 השקלים הראשונים אשלם 631 ש\"ח, שהם 10% מאותה מדרגה.<br/>\n",
+    "    על הסכום העודף עד 9,050 שקלים, שהוא 2,740 שקלים <span dir=\"ltr\" style=\"direction: ltr\">(9,050 - 6,310)</span> אשלם 383.6 שקלים, שהם 14% מ־2,740 שקלים.<br/>\n",
+    "    על הסכום העודף בסך 950 שקלים <span dir=\"ltr\" style=\"direction: ltr\">(10,000 - 9,050)</span> אשלם 190 ש\"ח, שהם 20% מ־950 שקלים.<br/>\n",
     "    בסך הכול, אשלם למס הכנסה באותו חודש 631 + 383.6 + 190 ש\"ח, שהם 1,204.6 שקלים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו קוד למחשבון שמקבל את השכר החודשי שלכם ומדפיס את סכום המס שתשלמו.\n",
-    "<p>"
+    "<p></p></p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">ירוץ אם נתקן, אחרת...</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">ירוץ אם נתקן, אחרת...</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד הבא נפלו שגיאות רבות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד הבא נפלו שגיאות רבות.<br/>\n",
     "    תקנו אותו והריצו אותו כך שיעבוד ושידפיס הודעה אחת בלבד עבור כל מצב.\n",
     "</p>"
    ]
diff --git a/week2/3_Functions.ipynb b/week2/3_Functions.ipynb
index eb6f642..94a9359 100644
--- a/week2/3_Functions.ipynb
+++ b/week2/3_Functions.ipynb
@@ -4,41 +4,41 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">פונקציות</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פונקציות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dfn>פונקציה</dfn> היא קטע קוד קצר ותחום שנועד לפתור בעיה ספציפית.<br>\n",
-    "כל פונקציה היא מעין רכיב בתוכנה שלנו שנושא שם מסוים. אפשר להסתכל על פונקציה כ<mark>קטע קוד שמממש משימה מוגדרת היטב</mark>.<br>\n",
-    "לדוגמה, פונקציה יכולה להיות \"המר טמפרטורה ממעלות פרנהייט לצלזיוס\".<br> \n",
-    "במובן הזה, <mark>פונקציות הן כמו תוכניות קטנות – יש להן קלט, הן עושות תהליך מסוים ומחזירות תוצאה מסוימת</mark>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>פונקציה</dfn> היא קטע קוד קצר ותחום שנועד לפתור בעיה ספציפית.<br/>\n",
+    "כל פונקציה היא מעין רכיב בתוכנה שלנו שנושא שם מסוים. אפשר להסתכל על פונקציה כ<mark>קטע קוד שמממש משימה מוגדרת היטב</mark>.<br/>\n",
+    "לדוגמה, פונקציה יכולה להיות \"המר טמפרטורה ממעלות פרנהייט לצלזיוס\".<br/> \n",
+    "במובן הזה, <mark>פונקציות הן כמו תוכניות קטנות – יש להן קלט, הן עושות תהליך מסוים ומחזירות תוצאה מסוימת</mark>.<br/>\n",
     "אם ניקח את הפונקציה המדוברת מלמעלה, אפשר לתאר אותה כתוכנית קטנה כך:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><strong>קלט</strong> – טמפרטורה מסוימת</li>\n",
-    "    <li><strong>תהליך</strong> – המרת הטמפרטורה למעלות צלזיוס</li>\n",
-    "    <li><strong>פלט</strong> – החזרת התוצאה</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><strong>קלט</strong> – טמפרטורה מסוימת</li>\n",
+    "<li><strong>תהליך</strong> – המרת הטמפרטורה למעלות צלזיוס</li>\n",
+    "<li><strong>פלט</strong> – החזרת התוצאה</li>\n",
     "</ul>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פונקציות הן למעשה אבני הבניין של תוכנה – כל פונקציה שואפת למלא תפקיד מוגדר בתוכנה, ובעזרת הרבה אבני בניין שכאלו אפשר לבנות תוכנה מורכבת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פונקציות הן למעשה אבני הבניין של תוכנה – כל פונקציה שואפת למלא תפקיד מוגדר בתוכנה, ובעזרת הרבה אבני בניין שכאלו אפשר לבנות תוכנה מורכבת.<br/>\n",
     "התוכנות שבהן אתם משתמשים ביום־יום מורכבות בדרך כלל מכמות רבה מאוד של פונקציות. \n",
     "</p>"
    ]
@@ -47,9 +47,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עד סוף השיעור נדע איך יוצרים פונקציה כזו ואיך משתמשים בה.<br>\n",
-    "נדמיין פונקציה כמכונה שמקבלת ערכים, ויודעת לתת לנו פלט מסוים לפי אותם ערכים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עד סוף השיעור נדע איך יוצרים פונקציה כזו ואיך משתמשים בה.<br/>\n",
+    "נדמיין פונקציה כמכונה שמקבלת ערכים, ויודעת לתת לנו פלט מסוים לפי אותם ערכים.<br/>\n",
     "אחרי שכתבנו פונקציה ובדקנו שהיא עובדת, נוכל להשתמש בה בלי לנסות לפענח בכל פעם מחדש את הלוגיקה שנמצאת בתוכה.\n",
     "</p>"
    ]
@@ -59,9 +59,9 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/function-machine.png\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"200px\" alt=\"איור להמחשה של מעין מכונה, עם פתח כחול בצד שמאל שכתוב עליו IN, ופתח ירוק בצד שמאל שכתוב עליו OUT. בין ה־IN ל־OUT יש מכונה מורכבת ומלאת מכוונים, שלא ברור מה מטרתם.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl; clear: both;\">\n",
-    "        ככה אני מדמיין פונקציה:<br>\n",
+    "<img alt=\"איור להמחשה של מעין מכונה, עם פתח כחול בצד שמאל שכתוב עליו IN, ופתח ירוק בצד שמאל שכתוב עליו OUT. בין ה־IN ל־OUT יש מכונה מורכבת ומלאת מכוונים, שלא ברור מה מטרתם.\" src=\"images/function-machine.png\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"200px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both;\">\n",
+    "        ככה אני מדמיין פונקציה:<br/>\n",
     "        מכונה שמקבלת קלט ומוציאה פלט, ושאף אחד לא צריך לדעת מה קורה בתוכה.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -71,19 +71,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אחת הפונקציות שכמעט כולם מכירים היא העלאה בריבוע.<br>\n",
-    "הקלט של הפונקציה הוא מספר כלשהו, התהליך שקורה בפונקציה הוא הכפלת המספר בעצמו, והפלט הוא תוצאת המכפלה.<br>\n",
-    "לדוגמה, הקלט של פונקציה בשם \"העלאה בריבוע\" יכול להיות <em>5</em>, והפלט שלה יהיה <samp>25</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אחת הפונקציות שכמעט כולם מכירים היא העלאה בריבוע.<br/>\n",
+    "הקלט של הפונקציה הוא מספר כלשהו, התהליך שקורה בפונקציה הוא הכפלת המספר בעצמו, והפלט הוא תוצאת המכפלה.<br/>\n",
+    "לדוגמה, הקלט של פונקציה בשם \"העלאה בריבוע\" יכול להיות <em>5</em>, והפלט שלה יהיה <samp>25</samp>.<br/>\n",
     "דוגמאות נוספות לקלט הן <em dir=\"ltr\" style=\"direction: ltr\">-3</em>, שעבורו הפלט יהיה <samp>9</samp>,\n",
-    "או <em dir=\"ltr\" style=\"direction: ltr\">0.5</em>, שעבורו הפלט יהיה <samp>0.25</samp>.<br>   \n",
+    "או <em dir=\"ltr\" style=\"direction: ltr\">0.5</em>, שעבורו הפלט יהיה <samp>0.25</samp>.<br/>\n",
     "</p>"
    ]
   },
@@ -91,19 +91,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">רעיונות נוספים לפונקציות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רעיונות נוספים לפונקציות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בהינתן שני מספרים, בדוק מי הגדול ביניהם והחזר אותו.</li>\n",
-    "    <li>בהינתן מספר כלשהו, החזר את סכום כל המספרים הזוגיים מ־0 ועד אליו.</li>\n",
-    "    <li>בהינתן שני מספרים ופעולת חשבון, החזר את תוצאת התרגיל.</li>\n",
-    "    <li>בהינתן שם משתנה, בדוק מה הסוג שלו (נשמע מוכר?)</li>\n",
-    "    <li>בדוק מה הטמפרטורה הצפויה הממוצעת ב־<em>n</em> הימים הקרובים והחזר את התוצאה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בהינתן שני מספרים, בדוק מי הגדול ביניהם והחזר אותו.</li>\n",
+    "<li>בהינתן מספר כלשהו, החזר את סכום כל המספרים הזוגיים מ־0 ועד אליו.</li>\n",
+    "<li>בהינתן שני מספרים ופעולת חשבון, החזר את תוצאת התרגיל.</li>\n",
+    "<li>בהינתן שם משתנה, בדוק מה הסוג שלו (נשמע מוכר?)</li>\n",
+    "<li>בדוק מה הטמפרטורה הצפויה הממוצעת ב־<em>n</em> הימים הקרובים והחזר את התוצאה.</li>\n",
     "</ul>"
    ]
   },
@@ -111,14 +111,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">כתיבת פונקציה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כתיבת פונקציה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דרך קלה לקבל הערכה גסה של כמה קלוריות יש במוצר מזון, היא זו:\n",
     "</p>"
    ]
@@ -127,11 +127,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מצאו את כמות הפחמימות במוצר והכפילו ב־4.</li>\n",
-    "    <li>מצאו את כמות השומן במוצר והכפילו ב־9.</li>\n",
-    "    <li>מצאו את כמות החלבון במוצר והכפילו ב־4.</li>\n",
-    "    <li>כמות הקלוריות במוצר היא חיבור הערכים שקיבלתם בשלבים 1–3.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מצאו את כמות הפחמימות במוצר והכפילו ב־4.</li>\n",
+    "<li>מצאו את כמות השומן במוצר והכפילו ב־9.</li>\n",
+    "<li>מצאו את כמות החלבון במוצר והכפילו ב־4.</li>\n",
+    "<li>כמות הקלוריות במוצר היא חיבור הערכים שקיבלתם בשלבים 1–3.</li>\n",
     "</ol>"
    ]
   },
@@ -139,23 +139,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו תוכנית (ללא פונקציות) המקבלת מהמשתמש את ערכי הפחמימות, השומן והחלבון במוצר.<br>\n",
-    "            הדפיסו למשתמש את כמות הקלוריות במוצר.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו תוכנית (ללא פונקציות) המקבלת מהמשתמש את ערכי הפחמימות, השומן והחלבון במוצר.<br/>\n",
+    "            הדפיסו למשתמש את כמות הקלוריות במוצר.<br/>\n",
     "            פתרו את התרגיל לפני שתמשיכו הלאה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -163,7 +163,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "והנה הפתרון לשאלה מלמעלה (אזהרת ספוילר!)</p>"
    ]
   },
@@ -185,15 +185,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">הגדרת הפונקציה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הגדרת הפונקציה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ההתחלה תהיה קפיצת ראש למים העמוקים, אבל אל חשש! אני אסביר בקרוב מה קורה כאן. בינתיים אני בונה קצת מתח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ההתחלה תהיה קפיצת ראש למים העמוקים, אבל אל חשש! אני אסביר בקרוב מה קורה כאן. בינתיים אני בונה קצת מתח.<br/>\n",
     "דבר ראשון נזרוק את הפתרון של התרגיל בתוך פונקציה.\n",
     "</p>"
    ]
@@ -217,9 +217,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בתא שממש פה מעל, השתמשנו במילת המפתח <code>def</code> ובעזרתה <dfn>הגדרנו פונקציה</dfn> שנקראת <var>calculate_calories</var>.<br>\n",
-    "לפני שניכנס לפרטים על אודות ההגדרה ומה היא עושה, הריצו את התא ונסו לשים אצבע על תופעה משונה בתא הזה...<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בתא שממש פה מעל, השתמשנו במילת המפתח <code>def</code> ובעזרתה <dfn>הגדרנו פונקציה</dfn> שנקראת <var>calculate_calories</var>.<br/>\n",
+    "לפני שניכנס לפרטים על אודות ההגדרה ומה היא עושה, הריצו את התא ונסו לשים אצבע על תופעה משונה בתא הזה...<br/>\n",
     "ובכן, התופעה המשונה היא שבניגוד לפתרון התרגיל בלי הפונקציה שכתבנו למעלה, התא שבו הפונקציה כתובה לא עושה כלום!\n",
     "</p>"
    ]
@@ -228,16 +228,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">קריאה לפונקציה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קריאה לפונקציה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ובכן, זה מאחר שפונקציות לא פועלות מייד אחרי שמגדירים אותן.<br>\n",
-    "בניגוד למסרונים בתקופת בחירות, לפונקציות צריך ממש לקרוא אקטיבית כדי שיבואו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ובכן, זה מאחר שפונקציות לא פועלות מייד אחרי שמגדירים אותן.<br/>\n",
+    "בניגוד למסרונים בתקופת בחירות, לפונקציות צריך ממש לקרוא אקטיבית כדי שיבואו.<br/>\n",
     "נעשה את זה, לפחות בינתיים, על ידי כתיבת השם של הפונקציה ואז סוגריים עגולים ריקים:\n",
     "</p>"
    ]
@@ -255,8 +255,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מה שעשינו בתא שמעל נקרא <dfn>קריאה לפונקציה</dfn>, וזו למעשה הדרך לגרום לתוכן של הפונקציה לרוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מה שעשינו בתא שמעל נקרא <dfn>קריאה לפונקציה</dfn>, וזו למעשה הדרך לגרום לתוכן של הפונקציה לרוץ.<br/>\n",
     "זה ממש כמו להפעיל מעין תוכנה קטנה בתוך התוכנה שלנו.\n",
     "</p>"
    ]
@@ -265,14 +265,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מזל טוב! יש לנו פונקציה עובדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מזל טוב! יש לנו פונקציה עובדת.<br/>\n",
     "זה אפילו היה די קל:\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הגדרנו פונקציה בעזרת הקוד <code dir=\"ltr\" style=\"direction: ltr;\">def function_name():</code>, כש־<var>function_name</var> הוא בעצם <dfn>השם של הפונקציה</dfn>.</li>\n",
-    "    <li>מייד אחרי השורה הזו, כתבנו את <dfn>גוף הפונקציה</dfn> – מה היא עושה בפועל. בחלק הזה שמרנו על הזחה.</li>\n",
-    "    <li><em>קראנו לפונקציה</em> בציון השם שלה, ואז סוגריים. כך הפעלנו את הפונקציה, וגרמנו לכך שגוף הפונקציה ירוץ.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הגדרנו פונקציה בעזרת הקוד <code dir=\"ltr\" style=\"direction: ltr;\">def function_name():</code>, כש־<var>function_name</var> הוא בעצם <dfn>השם של הפונקציה</dfn>.</li>\n",
+    "<li>מייד אחרי השורה הזו, כתבנו את <dfn>גוף הפונקציה</dfn> – מה היא עושה בפועל. בחלק הזה שמרנו על הזחה.</li>\n",
+    "<li><em>קראנו לפונקציה</em> בציון השם שלה, ואז סוגריים. כך הפעלנו את הפונקציה, וגרמנו לכך שגוף הפונקציה ירוץ.</li>\n",
     "</ol>"
    ]
   },
@@ -280,16 +280,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            קריאה לפונקציה חייבת להופיע אחרי הגדרתה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            קריאה לפונקציה חייבת להופיע אחרי הגדרתה.<br/>\n",
     "            אם קודם נקרא לפונקציה ורק אז נגדיר אותה, פייתון עדיין לא תכיר את הפונקציה ותזרוק לנו שגיאה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -297,15 +297,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">טרמינולוגיה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">טרמינולוגיה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כדי לזקק את הרעיון, ננסה להגדיר פונקציה פשוטה יחסית, ונקרא לה מייד כדי להפעיל אותה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כדי לזקק את הרעיון, ננסה להגדיר פונקציה פשוטה יחסית, ונקרא לה מייד כדי להפעיל אותה.<br/>\n",
     "שימו לב למינוחים החשובים: <em>כותרת הפונקציה</em>, <em>גוף הפונקציה</em>, <em>שם הפונקציה</em> וה<em>קריאה לפונקציה</em>.\n",
     "</p>"
    ]
@@ -327,16 +327,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">פרמטרים</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פרמטרים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נהוג להגיד שכל פונקציה צריכה להיות אחראית לדבר אחד בלבד.<br>\n",
-    "במילים אחרות – כמה שפחות עבודה בתוך כל פונקציה, וכמה שיותר התמקדות במה שהיא <em>באמת</em> צריכה לעשות, כך ייטב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נהוג להגיד שכל פונקציה צריכה להיות אחראית לדבר אחד בלבד.<br/>\n",
+    "במילים אחרות – כמה שפחות עבודה בתוך כל פונקציה, וכמה שיותר התמקדות במה שהיא <em>באמת</em> צריכה לעשות, כך ייטב.<br/>\n",
     "אחד הדברים הראשונים שנוח לנו להוציא מהפונקציה שלנו זה הקלט מהמשתמש, שביצענו בתוך הפונקציה:\n",
     "</p>"
    ]
@@ -362,14 +362,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הקוד הזה אומנם יעבוד, אבל הוא כתוב בצורה גרועה מאוד.<br>\n",
-    "הוא מפר את העיקרון שהתחלנו איתו – פונקציה אמורה להיות יחידה עצמאית, קטנה וארוזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הקוד הזה אומנם יעבוד, אבל הוא כתוב בצורה גרועה מאוד.<br/>\n",
+    "הוא מפר את העיקרון שהתחלנו איתו – פונקציה אמורה להיות יחידה עצמאית, קטנה וארוזה.<br/>\n",
     "היא אמורה להיות תלויה כמה שפחות בסביבה החיצונית.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בתוך הפונקציה אנחנו מתייחסים למשתנים <var>fat</var>, <var>protein</var> ו־<var>carbs</var>, שאינם חלק מהפונקציה.<br>\n",
-    "ייתכן שבעתיד מישהו יעתיק את הפונקציה <var>calculate_calories</var> לתוכנית שלו, והמשתנים הללו לא יהיו מוגדרים בגוף התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בתוך הפונקציה אנחנו מתייחסים למשתנים <var>fat</var>, <var>protein</var> ו־<var>carbs</var>, שאינם חלק מהפונקציה.<br/>\n",
+    "ייתכן שבעתיד מישהו יעתיק את הפונקציה <var>calculate_calories</var> לתוכנית שלו, והמשתנים הללו לא יהיו מוגדרים בגוף התוכנית.<br/>\n",
     "במקרה כזה, לפונקציה לא יהיה מאיפה לקחת את הערכים והיא תקרוס.\n",
     "</p>"
    ]
@@ -378,8 +378,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הדרך להתמודד עם הבעיה הזו היא לחייב את הפונקציה לקבל באופן מסודר את הנתונים האלו מבחוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הדרך להתמודד עם הבעיה הזו היא לחייב את הפונקציה לקבל באופן מסודר את הנתונים האלו מבחוץ.<br/>\n",
     "נראה דוגמה:\n",
     "</p>"
    ]
@@ -399,13 +399,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימו לב לכותרת הפונקציה.<br>\n",
-    "הכנסנו לשם את שמות 3 המשתנים הדרושים להרצת הפונקציה.<br>\n",
-    "אם תרצו, תוכלו להסתכל על זה כ\"הקלט שנדרש עבור הפונקציה\", או במקרה שלנו: \"הנתונים שדרושים כדי לחשב את כמות הקלוריות במוצר\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימו לב לכותרת הפונקציה.<br/>\n",
+    "הכנסנו לשם את שמות 3 המשתנים הדרושים להרצת הפונקציה.<br/>\n",
+    "אם תרצו, תוכלו להסתכל על זה כ\"הקלט שנדרש עבור הפונקציה\", או במקרה שלנו: \"הנתונים שדרושים כדי לחשב את כמות הקלוריות במוצר\".<br/>\n",
     "החלק הזה שהוספנו לפונקציה נקרא <dfn>הפרמטרים של הפונקציה</dfn>: כל אחד מהנתונים <var>carbs</var>, <var>fat</var> ו־<var>protein</var> הוא פרמטר.\n",
     "    </p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "השם התיאורטי והמפונפן שמתכנתים משתמשים בו עבור השילוב של שם הפונקציה עם שמות הפרמטרים שלה נקרא <em>חתימת הפונקציה</em>.\n",
     "</p>"
    ]
@@ -414,9 +414,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "איך תראה הקריאה לפונקציה עכשיו?<br>\n",
-    "אותו דבר, רק שבתוך הסוגריים נכתוב את הערכים שעבורם נרצה לחשב את כמות הקלוריות, לפי הסדר של הפרמטרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "איך תראה הקריאה לפונקציה עכשיו?<br/>\n",
+    "אותו דבר, רק שבתוך הסוגריים נכתוב את הערכים שעבורם נרצה לחשב את כמות הקלוריות, לפי הסדר של הפרמטרים.<br/>\n",
     "הערכים שנעביר בתוך הקריאה לפונקציה נקראים <dfn>ארגומנטים</dfn>.\n",
     "</p>"
    ]
@@ -434,8 +434,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם כך, בארוחה שבה 50 גרם פחמימות, 90 גרם שומן ו־20 גרם חלבון, יש כ־1,090 קלוריות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם כך, בארוחה שבה 50 גרם פחמימות, 90 גרם שומן ו־20 גרם חלבון, יש כ־1,090 קלוריות.<br/>\n",
     "</p>"
    ]
   },
@@ -443,7 +443,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נסכם את מה שעשינו עד עכשיו ונרענן את הטרמינולוגיה שלנו:\n",
     "</p>"
    ]
@@ -472,16 +472,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            מותר שבתוך פונקציה יוגדר משתנה ששמו זהה למשתנה שנמצא מחוץ לפונקציה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            מותר שבתוך פונקציה יוגדר משתנה ששמו זהה למשתנה שנמצא מחוץ לפונקציה.<br/>\n",
     "            מתכנתים רבים מעדיפים להימנע מכך כדי למנוע באגים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -489,17 +489,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">ערך החזרה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ערך החזרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפונקציה שלנו מתחילה להיראות נהדר, אבל מתכנתים מנוסים עדיין יעקמו את האף.<br>\n",
-    "כמו שאמרנו, פונקציה אמורה לעשות כמה שפחות, ולכן נעדיף שהיא גם לא תדפיס בעצמה את הערך שחישבה.<br>\n",
-    "היינו מעדיפים לקבל מהפונקציה רק את מספר הקלוריות שחישבנו, בלי טקסט מיותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפונקציה שלנו מתחילה להיראות נהדר, אבל מתכנתים מנוסים עדיין יעקמו את האף.<br/>\n",
+    "כמו שאמרנו, פונקציה אמורה לעשות כמה שפחות, ולכן נעדיף שהיא גם לא תדפיס בעצמה את הערך שחישבה.<br/>\n",
+    "היינו מעדיפים לקבל מהפונקציה רק את מספר הקלוריות שחישבנו, בלי טקסט מיותר.<br/>\n",
     "</p>"
    ]
   },
@@ -507,14 +507,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "יש לצורת עבודה כזו יתרונות משמעותיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "יש לצורת עבודה כזו יתרונות משמעותיים.<br/>\n",
     "אם הפונקציה תחזיר ערך מספרי, נוכל לעשות בו שימוש בפונקציות אחרות כדי לבצע פעולות המשך על התוצאה, כמו נניח: \n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>לחשב כמה זמן אנחנו צריכים ללכת כדי לשרוף את כמות הקלוריות שצרכנו.</li>\n",
-    "    <li>לחשב כמה סופגניות היינו יכולים לאכול במקום הארוחה שחישבנו את כמות הקלוריות בה.</li>\n",
-    "    <li>לחשב אם נמכרו השנה מספיק המבורגרים של מקדונלדס כדי להשיג אנרגיה המשתווה בעוצמתה לפצצה שנחתה על הירושימה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>לחשב כמה זמן אנחנו צריכים ללכת כדי לשרוף את כמות הקלוריות שצרכנו.</li>\n",
+    "<li>לחשב כמה סופגניות היינו יכולים לאכול במקום הארוחה שחישבנו את כמות הקלוריות בה.</li>\n",
+    "<li>לחשב אם נמכרו השנה מספיק המבורגרים של מקדונלדס כדי להשיג אנרגיה המשתווה בעוצמתה לפצצה שנחתה על הירושימה.</li>\n",
     "</ol>"
    ]
   },
@@ -522,8 +522,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אוקיי, על פניו יש דרך פשוטה למדי לטפל בזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אוקיי, על פניו יש דרך פשוטה למדי לטפל בזה.<br/>\n",
     "בואו ננסה להפעיל את הפונקציה, ואז ניגש לערך <var>calories</var> שנמצא בתוכה!\n",
     "</p>"
    ]
@@ -545,10 +545,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מממ... זה לא עבד כמצופה.<br>\n",
-    "הסיבה שלא הצלחנו לקבל את התוכן של המשתנה <var>calories</var> מתוך הפונקציה, היא בגלל העיקרון שפונקציה היא קופסה סגורה.<br>\n",
-    "לכן, משתנים שמוגדרים בתוך הפונקציה זמינים אך ורק בתוכה, ונעלמים כשהיא מסיימת לרוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מממ... זה לא עבד כמצופה.<br/>\n",
+    "הסיבה שלא הצלחנו לקבל את התוכן של המשתנה <var>calories</var> מתוך הפונקציה, היא בגלל העיקרון שפונקציה היא קופסה סגורה.<br/>\n",
+    "לכן, משתנים שמוגדרים בתוך הפונקציה זמינים אך ורק בתוכה, ונעלמים כשהיא מסיימת לרוץ.<br/>\n",
     "</p>"
    ]
   },
@@ -556,8 +556,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אז איך בכל זאת אפשר לקבל את תוצאת החישוב שלנו מתוך פונקציה?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אז איך בכל זאת אפשר לקבל את תוצאת החישוב שלנו מתוך פונקציה?<br/>\n",
     "הביטו על הפונקציה הבאה:\n",
     "</p>"
    ]
@@ -577,9 +577,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עוד לפני שאתייחס למילת המפתח החדשה <code>return</code>, שימו לב כמה נעים לקרוא את הפונקציה הזו.<br>\n",
-    "הפונקציה מתמקדת אך ורק במה שהיא אמורה לעשות, ואפשר להבין בקלות מה המטרה שלה ומה היא מבצעת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עוד לפני שאתייחס למילת המפתח החדשה <code>return</code>, שימו לב כמה נעים לקרוא את הפונקציה הזו.<br/>\n",
+    "הפונקציה מתמקדת אך ורק במה שהיא אמורה לעשות, ואפשר להבין בקלות מה המטרה שלה ומה היא מבצעת.<br/>\n",
     "גם מתכנת שכלל לא מכיר את המטרה שלנו ואת התרגיל שממנו התחלנו, יכול במבט חטוף להבין מה ניסינו לעשות.\n",
     "</p>"
    ]
@@ -588,7 +588,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ננסה לקרוא לפונקציה החדשה שהגדרנו, ונראה מה יקרה:\n",
     "</p>"
    ]
@@ -606,9 +606,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מעניין! הפונקציה ממש <em>החזירה לנו ערך</em>.<br>\n",
-    "זה אומר שהצלחנו לקבל מתוך הפונקציה נתון ממשי שאפשר לעבוד איתו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מעניין! הפונקציה ממש <em>החזירה לנו ערך</em>.<br/>\n",
+    "זה אומר שהצלחנו לקבל מתוך הפונקציה נתון ממשי שאפשר לעבוד איתו.<br/>\n",
     "בואו נשחק עם זה:\n",
     "</p>"
    ]
@@ -627,10 +627,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם זה עוזר לתפיסת הנושא עבורכם, תוכלו לדמיין מה קורה מאחורי הקלעים:<br>\n",
-    "פייתון רואה קריאה לפונקציה. היא מעבירה את הארגומנטים ששלחתם לתוך הפרמטרים שמופיעים בכותרת הפונקציה.<br>\n",
-    "כשהפונקציה מחזירה ערך, החלק בקוד שקרא לפונקציה ממש מתחלף בערך שחזר מהפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם זה עוזר לתפיסת הנושא עבורכם, תוכלו לדמיין מה קורה מאחורי הקלעים:<br/>\n",
+    "פייתון רואה קריאה לפונקציה. היא מעבירה את הארגומנטים ששלחתם לתוך הפרמטרים שמופיעים בכותרת הפונקציה.<br/>\n",
+    "כשהפונקציה מחזירה ערך, החלק בקוד שקרא לפונקציה ממש מתחלף בערך שחזר מהפונקציה.<br/>\n",
     "כך ששלב הביניים, לפני ההדפסה למסך, נראה מבחינת פייתון כך (השוו עם המשבצת הקודמת):\n",
     "</p>"
    ]
@@ -649,7 +649,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל להשתמש ברעיון הזה כדי לכתוב את הקוד בצורה קריאה יותר – נשמור את הערך שהפונקציה החזירה לנו בצד, ונשתמש בו:\n",
     "</p>"
    ]
@@ -669,7 +669,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "זה הזמן לראות את התוכנית שלנו מוכנה, עם כל הטרמינולוגיה עליה:\n",
     "</p>"
    ]
@@ -699,16 +699,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">עקרונות נוספים</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">עקרונות נוספים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "העיקרון האחרון שניגע בו הוא העיקרון של החזרה מיידית.<br>\n",
-    "ברגע שפונקציה מגיעה לשורה שבה כתוב <code>return</code>, היא תחזיר ערך ותסיים את ריצתה באותה שורה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "העיקרון האחרון שניגע בו הוא העיקרון של החזרה מיידית.<br/>\n",
+    "ברגע שפונקציה מגיעה לשורה שבה כתוב <code>return</code>, היא תחזיר ערך ותסיים את ריצתה באותה שורה.<br/>\n",
     "בואו נראה דוגמה:\n",
     "</p>"
    ]
@@ -731,8 +731,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במקרה הזה, הערך היחיד שחזר הוא 6.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במקרה הזה, הערך היחיד שחזר הוא 6.<br/>\n",
     "הסיבה לכך היא שאחרי השורה <code>return number + 1</code>, הפונקציה החזירה ערך והפסיקה לרוץ.\n",
     "</p>"
    ]
@@ -741,16 +741,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">דוגמה נוספת</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמה נוספת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפניכם דוגמה של פונקציה שמחשבת את הערך המוחלט של מספר.<br>\n",
-    "לצורך הדוגמה הזו, הערך המוחלט של מספר מוגדר כמרחק שלו מהמספר אפס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפניכם דוגמה של פונקציה שמחשבת את הערך המוחלט של מספר.<br/>\n",
+    "לצורך הדוגמה הזו, הערך המוחלט של מספר מוגדר כמרחק שלו מהמספר אפס.<br/>\n",
     "למשל, הערך המוחלט של 6 הוא 6, והערך המוחלט של <span dir=\"ltr\" style=\"direction: ltr;\">-4</span> הוא 4.\n",
     "</p>"
    ]
@@ -773,17 +773,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            כתבו פונקציה שמקבלת שני מספרים ומחזירה את הגדול מביניהם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            כתבו פונקציה שמקבלת שני מספרים ומחזירה את הגדול מביניהם.<br/>\n",
     "            רוצים אתגר? פתרו את התרגיל ב־4 שורות.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -791,16 +791,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">מזהים?</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מזהים?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ייתכן שלא שמתם לב, אבל אתם כבר מכירים פונקציות מועילות ואפילו יצא לכם להשתמש בהן!<br>\n",
-    "לדוגמה, הפונקציה <code>print</code> שמטרתה להדפיס למסך הודעה שהיא מקבלת כארגומנט,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ייתכן שלא שמתם לב, אבל אתם כבר מכירים פונקציות מועילות ואפילו יצא לכם להשתמש בהן!<br/>\n",
+    "לדוגמה, הפונקציה <code>print</code> שמטרתה להדפיס למסך הודעה שהיא מקבלת כארגומנט,<br/>\n",
     "או הפונקציה <code>type</code> שמטרתה להחזיר את סוג המשתנה שהיא מקבלת כארגומנט.\n",
     "</p>"
    ]
@@ -809,9 +809,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עכשיו, כשאתם כבר מבינים איך עובדות פונקציות, הגיע הזמן להכיר פונקציה חדשה: <code>len</code>.<br>\n",
-    "הפונקציה הזו מקבלת מחרוזת – ומחזירה את האורך שלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עכשיו, כשאתם כבר מבינים איך עובדות פונקציות, הגיע הזמן להכיר פונקציה חדשה: <code>len</code>.<br/>\n",
+    "הפונקציה הזו מקבלת מחרוזת – ומחזירה את האורך שלה.<br/>\n",
     "בואו ננסה:\n",
     "</p>"
    ]
@@ -839,23 +839,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <div style=\"text-align: right; direction: rtl; float: right;\">מטרות<br><sub>או: למה לי להשתמש בפונקציות בכלל</sub></div>"
+    "## <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מטרות<br/><sub>או: למה לי להשתמש בפונקציות בכלל</sub></div>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">קְרִיאוּת</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קְרִיאוּת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פונקציות מחלקות את הקוד שלנו לקטעים קטנים ובעלי שם, שיש מאחוריהם רעיון אחד שקל לקרוא ולתפוס.<br>\n",
-    "חלוקה לקטעים קטנים מאפשרת לנו לעקוב ביעילות אחרי מבנה התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פונקציות מחלקות את הקוד שלנו לקטעים קטנים ובעלי שם, שיש מאחוריהם רעיון אחד שקל לקרוא ולתפוס.<br/>\n",
+    "חלוקה לקטעים קטנים מאפשרת לנו לעקוב ביעילות אחרי מבנה התוכנית.<br/>\n",
     "כשנרצה לערוך חלק מסוים בתוכנית בשלב כלשהו – נדע בקלות ובמהירות איזה קטע בקוד צריך לשנות.\n",
     "</p>"
    ]
@@ -864,16 +864,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">מניעת חזרה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מניעת חזרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פונקציות עוזרות לנו למנוע מצבים שבהם היינו צריכים לכתוב קוד כמה פעמים.<br>\n",
-    "זה מועיל מכיוון שזה מאפשר לנו להשתמש מאוד מהר בקוד שכבר כתבנו בעבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פונקציות עוזרות לנו למנוע מצבים שבהם היינו צריכים לכתוב קוד כמה פעמים.<br/>\n",
+    "זה מועיל מכיוון שזה מאפשר לנו להשתמש מאוד מהר בקוד שכבר כתבנו בעבר.<br/>\n",
     "סיבה נוספת שיש להזכיר לחיוב, היא שתחזוקת הקוד קלה במידה ניכרת כשמבצעים שינוי במקום אחד מוגדר, במקום במקומות רבים ברחבי הקוד.\n",
     "</p>"
    ]
@@ -882,14 +882,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>כותרת הפונקציה</dt><dd>השורה הראשונה בהגדרת הפונקציה. מתחילה ב־<code>def</code>, וכוללת את שם הפונקציה ואת שמות הפרמטרים שלה.</dd>\n",
     "<dt>שם הפונקציה</dt><dd>שם שמתאר היטב את פעולתה של הפונקציה. אמור להתחיל בפעולה, כמו <var>get_account_number</var>.</dd>\n",
     "<dt>פרמטרים</dt><dd>החלק שבתוך הסוגריים בכותרת הפונקציה. רשימה מופרדת בפסיקים של שמות המשתנים שימולאו בערכים מבחוץ, כדי שהפונקציה תוכל לבצע חישובים בעזרתם.</dd>\n",
@@ -905,19 +905,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">לסיכום</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לסיכום</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<em>פונקציה</em> היא מעין יחידת תוכנה בסיסית וקטנה.<br>\n",
-    "היא עוזרת לנו לחלק את התוכנה שלנו לתתי־משימות, ועושה אותה לקריאה יותר ולקלה יותר לתחזוקה.<br>\n",
-    "את הפונקציה אנחנו מגדירים בעזרת <em>כותרת הפונקציה</em>, שמכילה את מילת המפתח <em>def</em>, ואז את <em>שם הפונקציה</em> ואת <em>הפרמטרים</em> שהיא אמורה לקבל.<br>\n",
-    "מייד לאחר כותרת הפונקציה נגדיר בהזחה את <em>גוף הפונקציה</em> – שכולל את החישובים או את הפעולות שהפונקציה צריכה לבצע,<br>\n",
-    "ובסוף נבצע <em>החזרה</em> ל<em>ערך ההחזרה</em> שיופיע אחרי מילת המפתח <code>return</code>.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<em>פונקציה</em> היא מעין יחידת תוכנה בסיסית וקטנה.<br/>\n",
+    "היא עוזרת לנו לחלק את התוכנה שלנו לתתי־משימות, ועושה אותה לקריאה יותר ולקלה יותר לתחזוקה.<br/>\n",
+    "את הפונקציה אנחנו מגדירים בעזרת <em>כותרת הפונקציה</em>, שמכילה את מילת המפתח <em>def</em>, ואז את <em>שם הפונקציה</em> ואת <em>הפרמטרים</em> שהיא אמורה לקבל.<br/>\n",
+    "מייד לאחר כותרת הפונקציה נגדיר בהזחה את <em>גוף הפונקציה</em> – שכולל את החישובים או את הפעולות שהפונקציה צריכה לבצע,<br/>\n",
+    "ובסוף נבצע <em>החזרה</em> ל<em>ערך ההחזרה</em> שיופיע אחרי מילת המפתח <code>return</code>.<br/> \n",
     "כדי להשתמש בפונקציה <em>נקרא לפונקציה</em> בהמשך הקוד על ידי כתיבת השם שלה, ובתוך סוגריים נפרט את <em>הארגומנטים</em>, שהם הערכים שנרצה להעביר לפונקציה.\n",
     "</p>"
    ]
@@ -926,9 +926,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "חשוב לזכור!<br>\n",
-    "המשתנים בתוך הפונקציה אינם נגישים מבחוץ, כיוון שהיא נחשבת יחידה סגורה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "חשוב לזכור!<br/>\n",
+    "המשתנים בתוך הפונקציה אינם נגישים מבחוץ, כיוון שהיא נחשבת יחידה סגורה.<br/>\n",
     "כמו כן, ברגע שהפונקציה מריצה שורה שבה כתוב <code>return</code>, היא מחזירה ערך וריצתה נפסקת.\n",
     "</p>"
    ]
@@ -937,24 +937,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה: מרתון</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה: מרתון</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "דני מתאמן למרתון הקרוב. הוא מתחיל להתכונן על אש נמוכה, ורץ אתמול 5 קילומטרים.<br>\n",
-    "כתבו פונקציה שמקבלת כמה שעות לקח לדני לגמוע את 5 הקילומטרים הללו, ומחשבת מה קצב הריצה הממוצע של דני, בקמ\"ש.<br>\n",
-    "כתבו פונקציה נוספת שבודקת אם דני יכול להשלים מרתון בתוך 3 שעות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "דני מתאמן למרתון הקרוב. הוא מתחיל להתכונן על אש נמוכה, ורץ אתמול 5 קילומטרים.<br/>\n",
+    "כתבו פונקציה שמקבלת כמה שעות לקח לדני לגמוע את 5 הקילומטרים הללו, ומחשבת מה קצב הריצה הממוצע של דני, בקמ\"ש.<br/>\n",
+    "כתבו פונקציה נוספת שבודקת אם דני יכול להשלים מרתון בתוך 3 שעות.<br/>\n",
     "אורכו של מסלול מרתון הוא 42.195 קילומטר.\n",
     "</p>"
    ]
@@ -963,9 +963,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ניתן לחשב באיזו מהירות (בקמ\"ש) דני רץ אם ניקח את כמות הקילומטרים שעבר, ונחלק אותה בכמות השעות שרץ.<br>\n",
-    "ניתן לחשב כמה זמן יקח לדני לרוץ מסלול מסוים, אם ניקח את המרחק בקילומטרים שרץ ונחלק אותו במהירות של דני (בקמ\"ש).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ניתן לחשב באיזו מהירות (בקמ\"ש) דני רץ אם ניקח את כמות הקילומטרים שעבר, ונחלק אותה בכמות השעות שרץ.<br/>\n",
+    "ניתן לחשב כמה זמן יקח לדני לרוץ מסלול מסוים, אם ניקח את המרחק בקילומטרים שרץ ונחלק אותו במהירות של דני (בקמ\"ש).<br/>\n",
     "ניתן לחשב כמה קילומטרים דני ירוץ בזמן נתון, אם ניקח את המהירות שלו בקמ\"ש ונכפיל אותה בזמן שלקח לו לרוץ את המרחק הזה.\n",
     "</p>"
    ]
@@ -987,7 +987,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפתרון מופיע בתחתית המחברת.\n",
     "</p>"
    ]
@@ -996,14 +996,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">האריך במילים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">האריך במילים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כתבו פונקציה שמקבלת 3 מחרוזות כארגומנטים ומחזירה את המחרוזת הארוכה יותר מביניהן.\n",
     "</p>"
    ]
@@ -1012,29 +1012,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">פיזבאז</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">פיזבאז</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "זוהי גרסה של תרגיל פופולרי בראיונות עבודה.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה שמקבלת מספר.<br>\n",
-    "אם המספר מתחלק ב־3 ללא שארית, הדפיסו <samp>Fizz</samp>.<br>\n",
-    "אם המספר מתחלק ב־5 ללא שארית, הדפיסו <samp>Buzz</samp>.<br>\n",
-    "אם המספר מתחלק גם ב־3 וגם ב־5 ללא שארית, הדפיסו <samp>FizzBuzz</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה שמקבלת מספר.<br/>\n",
+    "אם המספר מתחלק ב־3 ללא שארית, הדפיסו <samp>Fizz</samp>.<br/>\n",
+    "אם המספר מתחלק ב־5 ללא שארית, הדפיסו <samp>Buzz</samp>.<br/>\n",
+    "אם המספר מתחלק גם ב־3 וגם ב־5 ללא שארית, הדפיסו <samp>FizzBuzz</samp>.<br/>\n",
     "אם המספר לא מתחלק ב־3 ולא מתחלק ב־5, הדפיסו את המספר עצמו.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה,\n",
-    "    עבור המספר 9 הדפיסו <samp>Fizz</samp>,<br>\n",
-    "    עבור המספר 10 הדפיסו <samp>Buzz</samp>,<br>\n",
-    "    עבור המספר 15 הדפיסו <samp>FizzBuzz</samp>,<br>\n",
+    "    עבור המספר 9 הדפיסו <samp>Fizz</samp>,<br/>\n",
+    "    עבור המספר 10 הדפיסו <samp>Buzz</samp>,<br/>\n",
+    "    עבור המספר 15 הדפיסו <samp>FizzBuzz</samp>,<br/>\n",
     "    ועבור המספר 7 הדפיסו <samp>7</samp>.\n",
     "</p>"
    ]
@@ -1043,16 +1042,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">מספר הפוך</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מספר הפוך</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה שמקבלת מספר דו־ספרתי שספרת האחדות שלו שונה מ־0.<br>\n",
-    "הפונקציה תחזיר את המספר הפוך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה שמקבלת מספר דו־ספרתי שספרת האחדות שלו שונה מ־0.<br/>\n",
+    "הפונקציה תחזיר את המספר הפוך.<br/>\n",
     "לדוגמה: עבור 53 הפונקציה תחזיר <samp>35</samp>. עבור 19 הפונקציה תחזיר <samp>91</samp>. עבור 91 הפונקציה תחזיר <samp>19</samp>.\n",
     "</p>"
    ]
@@ -1061,23 +1060,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">מפענח הצפנים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מפענח הצפנים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            זהו תרגיל ברמת קושי גבוהה, שמערב נושאים רבים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            זהו תרגיל ברמת קושי גבוהה, שמערב נושאים רבים.<br/>\n",
     "            הרגישו בנוח להיעזר במתרגלים שלכם.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1085,17 +1084,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הצופן לכספת הביתית שלכם הוא 4812. בנו משחק בול־פגיעה שמאפשר למשתמש לנסות לנחש את הצופן.<br>\n",
-    "למשתמש יש 3 ניסיונות לנחש נכונה את הצופן שלכם לפני שמופעלת אזעקה.<br>\n",
-    "כחלק ממנגנון ההגנה מאיבוד הסיסמה של הכספת, היא מציגה כמה ספרות נכונות המשתמש הזין אחרי כל ניחוש.<br>\n",
-    "אפשרו למשתמש להזין קוד 3 פעמים, וכתבו לו בכל ניסיון כמה מתוך הספרות שהזין באמת קיימות בקוד הנכון, לאו דווקא בסדר שהקיש.<br>\n",
-    "אם לא הצליח אחרי 3 ניסיונות, הדפיסו שהאזעקה הופעלה וסיימו את התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הצופן לכספת הביתית שלכם הוא 4812. בנו משחק בול־פגיעה שמאפשר למשתמש לנסות לנחש את הצופן.<br/>\n",
+    "למשתמש יש 3 ניסיונות לנחש נכונה את הצופן שלכם לפני שמופעלת אזעקה.<br/>\n",
+    "כחלק ממנגנון ההגנה מאיבוד הסיסמה של הכספת, היא מציגה כמה ספרות נכונות המשתמש הזין אחרי כל ניחוש.<br/>\n",
+    "אפשרו למשתמש להזין קוד 3 פעמים, וכתבו לו בכל ניסיון כמה מתוך הספרות שהזין באמת קיימות בקוד הנכון, לאו דווקא בסדר שהקיש.<br/>\n",
+    "אם לא הצליח אחרי 3 ניסיונות, הדפיסו שהאזעקה הופעלה וסיימו את התוכנית.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לדוגמה, אם המשתמש הקיש בניסיון הראשון 0634, הדפיסו לו שרק אחת הספרות שניחש נכונה.<br>\n",
-    "אם המשתמש הקיש בסיבוב השני 1234, הדפיסו לו ש־3 ספרות תואמות את הקוד המקורי.<br>\n",
-    "אם המשתמש הקיש בסיבוב השלישי 1284, הדפיסו לו ש־4 ספרות תואמות את הקוד המקורי, ואז הדפיסו לו שהופעלה האזעקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לדוגמה, אם המשתמש הקיש בניסיון הראשון 0634, הדפיסו לו שרק אחת הספרות שניחש נכונה.<br/>\n",
+    "אם המשתמש הקיש בסיבוב השני 1234, הדפיסו לו ש־3 ספרות תואמות את הקוד המקורי.<br/>\n",
+    "אם המשתמש הקיש בסיבוב השלישי 1284, הדפיסו לו ש־4 ספרות תואמות את הקוד המקורי, ואז הדפיסו לו שהופעלה האזעקה.<br/>\n",
     "אם המשתמש הקיש באחד הסיבובים 4812, הדפיסו שהכספת נפתחה בהצלחה וסיימו את התוכנית מייד.\n",
     "</p>"
    ]
@@ -1104,17 +1103,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">סכום מספרים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">סכום מספרים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "קבלו מספר וחשבו את העצרת שלו – מכפלת כל המספרים עד אותו מספר.<br>\n",
-    "לדוגמה, 5 עצרת שווה ל־1 כפול 2 כפול 3 כפול 4 כפול 5, והתוצאה היא 120.<br>\n",
-    "<strong>זהירות!</strong> זה תרגיל בונוס, והוא קשה מאוד. מאוד. מאוד מאוד. אנחנו לא אומרים סתם. הוא לא חובה ומיועד לאנשים שרוצים לאתגר את עצמם. מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "קבלו מספר וחשבו את העצרת שלו – מכפלת כל המספרים עד אותו מספר.<br/>\n",
+    "לדוגמה, 5 עצרת שווה ל־1 כפול 2 כפול 3 כפול 4 כפול 5, והתוצאה היא 120.<br/>\n",
+    "<strong>זהירות!</strong> זה תרגיל בונוס, והוא קשה מאוד. מאוד. מאוד מאוד. אנחנו לא אומרים סתם. הוא לא חובה ומיועד לאנשים שרוצים לאתגר את עצמם. מאוד.<br/>\n",
     "</p>"
    ]
   },
@@ -1122,7 +1121,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">פתרון התרגול לדוגמה: מרתון</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">פתרון התרגול לדוגמה: מרתון</p>"
    ]
   },
   {
@@ -1155,7 +1154,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בואו ננקה, נסדר ונהפוך דברים ליותר כלליים:\n",
     "</p>"
    ]
diff --git a/week2/4_Lists.ipynb b/week2/4_Lists.ipynb
index 04ef3ca..3ed0171 100644
--- a/week2/4_Lists.ipynb
+++ b/week2/4_Lists.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">רשימות</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "רשימה, כשמה כן היא, מייצגת <mark>אוסף מסודר של ערכים</mark>. רשימות יהיו סוג הנתונים הראשון שנכיר בפייתון, ש<mark>מטרתו היא לקבץ ערכים</mark>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "רשימה, כשמה כן היא, מייצגת <mark>אוסף מסודר של ערכים</mark>. רשימות יהיו סוג הנתונים הראשון שנכיר בפייתון, ש<mark>מטרתו היא לקבץ ערכים</mark>.<br/>\n",
     "הרעיון מוכר לנו מהיום־יום: רשימת פריטים לקנייה בסופר שמסודרת לפי הא–ב, או רשימת ההופעות בקיץ הקרוב המסודרת לפי תאריך.\n",
     "</p>"
    ]
@@ -35,8 +35,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נסו לדמיין רשימה כמסדרון ארוך, שבו עומדים בתור אחד אחרי השני איברים מסוגים שאנחנו מכירים בפייתון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נסו לדמיין רשימה כמסדרון ארוך, שבו עומדים בתור אחד אחרי השני איברים מסוגים שאנחנו מכירים בפייתון.<br/>\n",
     "אם נשתמש בדימוי הלייזרים שנתנו למשתנים בשבוע הקודם, אפשר להגיד שמדובר בלייזר שמצביע לשורת לייזרים, שבה כל לייזר מצביע על ערך כלשהו.\n",
     "</p>"
    ]
@@ -46,37 +46,35 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"David Ben-Gurion\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe Sharett\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"David Ben-Gurion\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Levi Eshkol\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yigal Alon\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Golda Meir\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"David Ben-Gurion\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe Sharett\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"David Ben-Gurion\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Levi Eshkol\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yigal Alon\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Golda Meir\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "\n",
-    "<br>\n",
-    "\n",
-    "<p style=\"text-align: center; direction: rtl; clear: both; font-size: 1.8rem\">\n",
+    "<br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 1.8rem\">\n",
     "    דוגמה לרשימה: 6 ראשי הממשלה הראשונים בישראל לפי סדר כהונתם, משמאל לימין\n",
     "</p>"
    ]
@@ -85,38 +83,38 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>רשימת שמות ראשי הממשלה במדינת ישראל לפי סדר כהונתם.</li>\n",
-    "    <li>רשימת הגילים של התלמידים בכיתה, מהמבוגר לצעיר.</li>\n",
-    "    <li>רשימת שמות של התקליטים שיש לי בארון, מסודרת מהתקליט השמאלי לימני.</li>\n",
-    "    <li>רשימה שבה כל איבר מייצג אם לראש הממשלה שנמצא בתא התואם ברשימה הקודמת היו משקפיים.</li>\n",
-    "    <li>האיברים 42, 8675309, 73, <span dir=\"ltr\" style=\"direction: ltr;\">-40</span> ו־186282 בסדר הזה.</li>\n",
-    "    <li>רשימה של תחזית מזג האוויר ב־7 הימים הקרובים. כל איבר ברשימה הוא בפני עצמו רשימה, שמכילה שני איברים: הראשון הוא מה תהיה הטמפרטורה הממוצעת, והשני הוא מה תהיה הלחות הממוצעת.</li>\n",
-    "<ol>"
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>רשימת שמות ראשי הממשלה במדינת ישראל לפי סדר כהונתם.</li>\n",
+    "<li>רשימת הגילים של התלמידים בכיתה, מהמבוגר לצעיר.</li>\n",
+    "<li>רשימת שמות של התקליטים שיש לי בארון, מסודרת מהתקליט השמאלי לימני.</li>\n",
+    "<li>רשימה שבה כל איבר מייצג אם לראש הממשלה שנמצא בתא התואם ברשימה הקודמת היו משקפיים.</li>\n",
+    "<li>האיברים 42, 8675309, 73, <span dir=\"ltr\" style=\"direction: ltr;\">-40</span> ו־186282 בסדר הזה.</li>\n",
+    "<li>רשימה של תחזית מזג האוויר ב־7 הימים הקרובים. כל איבר ברשימה הוא בפני עצמו רשימה, שמכילה שני איברים: הראשון הוא מה תהיה הטמפרטורה הממוצעת, והשני הוא מה תהיה הלחות הממוצעת.</li>\n",
+    "<ol></ol></ol>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            הרשימות שהוצגו למעלה הן <dfn>רשימות הומוגניות</dfn>, כאלו שכל האיברים שבהן הם מאותו סוג.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            הרשימות שהוצגו למעלה הן <dfn>רשימות הומוגניות</dfn>, כאלו שכל האיברים שבהן הם מאותו סוג.<br/>\n",
     "            כתבו עבור כל אחת מהרשימות שהוצגו בדוגמה מה סוג הנתונים שיישמר בהן.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -124,15 +122,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
     "            נסו לתת דוגמה לעוד 3 רשימות שבהן נתקלתם לאחרונה.</p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -140,14 +138,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">רשימות בקוד</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימות בקוד</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "רשימות הן אחד מסוגי הנתונים הכיפיים ביותר בפייתון, וזאת בזכות הגמישות האדירה שיש לנו בתכנות עם רשימות.\n",
     "</p>"
    ]
@@ -156,14 +154,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרת רשימה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרת רשימה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נגדיר בעזרת פייתון את הרשימה שפגשנו למעלה – 6 ראשי הממשלה הראשונים מאז קום המדינה:\n",
     "</p>"
    ]
@@ -181,13 +179,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מה התרחש בקוד?<br>\n",
-    "התחלנו את הגדרת הרשימה באמצעות התו <code dir=\"ltr\" style=\"direction: ltr;\">[</code>.<br>\n",
-    "מייד אחרי התו הזה הכנסנו איברים לרשימה לפי הסדר הרצוי, כאשר כל איבר מופרד ממשנהו בפסיק (<code>,</code>).<br>\n",
-    "במקרה שלנו, כל איבר הוא מחרוזת המייצגת ראש ממשלה. הכנסנו את ראשי הממשלה לרשימה <mark>לפי סדר</mark> כהונתם.<br>\n",
-    "שימו לב שהרשימה מכילה איבר מסוים פעמיים – מכאן ש<mark>רשימה היא מבנה נתונים שתומך בחזרות</mark>.<br>\n",
-    "לסיום, נסגור את הגדרת הרשימה באמצעות התו <code dir=\"ltr\" style=\"direction: ltr;\">]</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מה התרחש בקוד?<br/>\n",
+    "התחלנו את הגדרת הרשימה באמצעות התו <code dir=\"ltr\" style=\"direction: ltr;\">[</code>.<br/>\n",
+    "מייד אחרי התו הזה הכנסנו איברים לרשימה לפי הסדר הרצוי, כאשר כל איבר מופרד ממשנהו בפסיק (<code>,</code>).<br/>\n",
+    "במקרה שלנו, כל איבר הוא מחרוזת המייצגת ראש ממשלה. הכנסנו את ראשי הממשלה לרשימה <mark>לפי סדר</mark> כהונתם.<br/>\n",
+    "שימו לב שהרשימה מכילה איבר מסוים פעמיים – מכאן ש<mark>רשימה היא מבנה נתונים שתומך בחזרות</mark>.<br/>\n",
+    "לסיום, נסגור את הגדרת הרשימה באמצעות התו <code dir=\"ltr\" style=\"direction: ltr;\">]</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -213,7 +211,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל להגדיר רשימה של המספרים הטבעיים עד 7:\n",
     "</p>"
    ]
@@ -231,9 +229,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dfn>רשימה הומוגנית</dfn> היא רשימה שבה האיברים שנמצאים בכל אחד מהתאים הם מאותו סוג. רשימות \"בעולם האמיתי\" הן בדרך כלל הומוגניות.<br>\n",
-    "<dfn>רשימה הטרוגנית</dfn> היא רשימה שבה איברים בתאים שונים יכולים להיות מסוגים שונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>רשימה הומוגנית</dfn> היא רשימה שבה האיברים שנמצאים בכל אחד מהתאים הם מאותו סוג. רשימות \"בעולם האמיתי\" הן בדרך כלל הומוגניות.<br/>\n",
+    "<dfn>רשימה הטרוגנית</dfn> היא רשימה שבה איברים בתאים שונים יכולים להיות מסוגים שונים.<br/>\n",
     "ההבדל הוא סמנטי בלבד, ופייתון לא מבדילה בין רשימה הטרוגנית לרשימה הומוגנית.\n",
     "</p>"
    ]
@@ -242,7 +240,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לשם הדוגמה, נגדיר רשימה הטרוגנית:\n",
     "</p>"
    ]
@@ -260,7 +258,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל אפילו להגדיר רשימה ריקה, שבה אין איברים כלל:</p>"
    ]
   },
@@ -277,17 +275,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">גישה לאיברי הרשימה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">גישה לאיברי הרשימה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לכל תא ברשימה יש מספר, שמאפשר לנו להתייחס לאיבר שנמצא באותו תא.<br>\n",
-    "הדבר דומה ללייזר שעליו יש מדבקת שם (\"שמות ראשי ממשלה\"), והוא מצביע על שורת לייזרים שעל התווית שלהם מופיע מספר המתאר את מיקומם בשורה.<br>\n",
-    "התא השמאלי ביותר ברשימה ממוספר כ־0, התא שנמצא אחריו (מימינו) מקבל את המספר 1, וכך הלאה עד לסוף הרשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לכל תא ברשימה יש מספר, שמאפשר לנו להתייחס לאיבר שנמצא באותו תא.<br/>\n",
+    "הדבר דומה ללייזר שעליו יש מדבקת שם (\"שמות ראשי ממשלה\"), והוא מצביע על שורת לייזרים שעל התווית שלהם מופיע מספר המתאר את מיקומם בשורה.<br/>\n",
+    "התא השמאלי ביותר ברשימה ממוספר כ־0, התא שנמצא אחריו (מימינו) מקבל את המספר 1, וכך הלאה עד לסוף הרשימה.<br/>\n",
     "המספור של כל תא נקרא <dfn>המיקום שלו ברשימה</dfn>, או <dfn>האינדקס שלו</dfn>.\n",
     "</p>"
    ]
@@ -296,7 +294,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נגדיר את רשימת שמות התקליטים שיש לי בבית:\n",
     "</p>"
    ]
@@ -315,8 +313,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בהנחה שאנחנו מתים על Guardians of the Galaxy, נוכל לנסות להשיג מהרשימה את Awesome Mix Vol. 1.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בהנחה שאנחנו מתים על Guardians of the Galaxy, נוכל לנסות להשיג מהרשימה את Awesome Mix Vol. 1.<br/>\n",
     "כדי לעשות זאת, נציין את שם הרשימה שממנה אנחנו רוצים לקבל את האיבר, ומייד לאחר מכן את מיקומו ברשימה בסוגריים מרובעים.\n",
     "</p>"
    ]
@@ -334,18 +332,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            התא הראשון ממוספר 0, ולא 1.<br>\n",
-    "            יש לכך סיבות טובות, אבל פעמים רבות תרגישו שהמספור הזה לא טבעי ועלול ליצור <dfn>באגים</dfn>, שהם קטעי קוד שמתנהגים אחרת משציפה המתכנת.<br>\n",
-    "            כפועל יוצא, המיקום ברשימה של התא האחרון לא יהיה כאורך הרשימה, אלא כאורך הרשימה פחות אחד.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            התא הראשון ממוספר 0, ולא 1.<br/>\n",
+    "            יש לכך סיבות טובות, אבל פעמים רבות תרגישו שהמספור הזה לא טבעי ועלול ליצור <dfn>באגים</dfn>, שהם קטעי קוד שמתנהגים אחרת משציפה המתכנת.<br/>\n",
+    "            כפועל יוצא, המיקום ברשימה של התא האחרון לא יהיה כאורך הרשימה, אלא כאורך הרשימה פחות אחד.<br/>\n",
     "            משמע: ברשימה שבה 3 איברים, מספרו של התא האחרון יהיה 2.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -354,10 +352,10 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/list-of-vinyls.png\" width=\"100%\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"תמונה של 6 תקליטים על שטיח. משמאל לימין: Ecliptica / Sonata Arctica, Game of Thrones Season 6 / Ramin Djawadi, Caravan Palace / Lone Digger, Everything goes numb / Streetlight Manifesto, Awesome Mix Vol. 1 / Guardians of the Galaxy, Ultimate Sinatra / Frank Sinatra. מעל כל דיסק מופיע מספר, מ־0 עבור התקליט השמאלי ועד 5 עבור התקליט הימני. מתחת לתקליטים מופיע המספר -1 עבור התקליט הימני ביותר, וכך הלאה עד -5 עבור התקליט השמאלי ביותר.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl; clear: both;\">\n",
-    "        רשימת (חלק מ)התקליטים בארון שלי, מסודרת מהתקליט השמאלי לימני.<br>\n",
-    "    </figcaption>\n",
+    "<img alt=\"תמונה של 6 תקליטים על שטיח. משמאל לימין: Ecliptica / Sonata Arctica, Game of Thrones Season 6 / Ramin Djawadi, Caravan Palace / Lone Digger, Everything goes numb / Streetlight Manifesto, Awesome Mix Vol. 1 / Guardians of the Galaxy, Ultimate Sinatra / Frank Sinatra. מעל כל דיסק מופיע מספר, מ־0 עבור התקליט השמאלי ועד 5 עבור התקליט הימני. מתחת לתקליטים מופיע המספר -1 עבור התקליט הימני ביותר, וכך הלאה עד -5 עבור התקליט השמאלי ביותר.\" src=\"images/list-of-vinyls.png\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"100%\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both;\">\n",
+    "        רשימת (חלק מ)התקליטים בארון שלי, מסודרת מהתקליט השמאלי לימני.<br/>\n",
+    "</figcaption>\n",
     "</figure>"
    ]
   },
@@ -365,10 +363,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כפי שניתן לראות בתמונה, פייתון מנסה לעזור לנו ומאפשרת לנו לגשת לאיברים גם מהסוף.<br>\n",
-    "חוץ מהמספור הרגיל שראינו קודם, אפשר לגשת לאיברים מימין לשמאל באמצעות מספור שלילי.<br>\n",
-    "האיבר האחרון יקבל את המספר <span style=\"direction: ltr\" dir=\"ltr\">-1</span>, זה שלפניו (משמאלו) יקבל <span style=\"direction: ltr\" dir=\"ltr\">-2</span> וכן הלאה. \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כפי שניתן לראות בתמונה, פייתון מנסה לעזור לנו ומאפשרת לנו לגשת לאיברים גם מהסוף.<br/>\n",
+    "חוץ מהמספור הרגיל שראינו קודם, אפשר לגשת לאיברים מימין לשמאל באמצעות מספור שלילי.<br/>\n",
+    "האיבר האחרון יקבל את המספר <span dir=\"ltr\" style=\"direction: ltr\">-1</span>, זה שלפניו (משמאלו) יקבל <span dir=\"ltr\" style=\"direction: ltr\">-2</span> וכן הלאה. \n",
     "</p>"
    ]
   },
@@ -387,7 +385,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם נרצה לגשת שוב לאותו דיסק, אבל הפעם מהסוף, נוכל לכתוב זאת כך:\n",
     "</p>"
    ]
@@ -405,8 +403,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כדאי לזכור שהתוכן של כל אחד מהתאים הוא ערך לכל דבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כדאי לזכור שהתוכן של כל אחד מהתאים הוא ערך לכל דבר.<br/>\n",
     "יש לו סוג, ואפשר לבצע עליו פעולות כמו שלמדנו עד עכשיו:\n",
     "</p>"
    ]
@@ -433,7 +431,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לסיום, נראה שבדיוק כמו במחרוזות, נוכל לבדוק את אורך הרשימה על ידי שימוש בפונקציה <code>len</code>.\n",
     "</p>"
    ]
@@ -452,17 +450,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            אם ננסה לגשת לתא שאינו קיים, נקבל <code>IndexError</code>.<br>\n",
-    "            זה בדרך כלל קורה כשאנחנו שוכחים להתחיל לספור מ־0.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            אם ננסה לגשת לתא שאינו קיים, נקבל <code>IndexError</code>.<br/>\n",
+    "            זה בדרך כלל קורה כשאנחנו שוכחים להתחיל לספור מ־0.<br/>\n",
     "            אם השגיאה הזו מופיעה כשאתם מתעסקים עם רשימות, חשבו איפה בקוד פניתם לתא שאינו קיים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -470,15 +468,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">השמה ברשימות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">השמה ברשימות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים נרצה לשנות את הערך של האיברים ברשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים נרצה לשנות את הערך של האיברים ברשימה.<br/>\n",
     "נפנה ללייזר מסוים בשורת הלייזרים שלנו, ונבקש ממנו להצביע לערך חדש:\n",
     "</p>"
    ]
@@ -498,14 +496,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">אופרטורים חשבוניים על רשימות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">אופרטורים חשבוניים על רשימות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אופרטורים שהכרנו כשלמדנו על מחרוזות, יעבדו נהדר גם על רשימות.\n",
     "</p>"
    ]
@@ -514,7 +512,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כפי ש־<code>+</code> משרשר בין מחרוזות, הוא יודע לשרשר גם בין רשימות:\n",
     "</p>"
    ]
@@ -541,7 +539,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "וכפי ש־<code>*</code> משרשר מחרוזת לעצמה כמות מסוימת של פעמים, כך הוא יפעל גם עם רשימות:\n",
     "</p>"
    ]
@@ -559,7 +557,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אפשר גם לשלב:\n",
     "</p>"
    ]
@@ -577,9 +575,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימו לב שכל אופרטור שתשימו ליד הרשימה מתייחס <em>לרשימה בלבד</em>, ולא לאיברים שבתוכה.<br>\n",
-    "משמע <code dir=\"ltr\" style=\"direction: ltr;\">+ 5</code> לא יוסיף לכם 5 לכל אחד מהאיברים, אלא ייכשל כיוון שפייתון לא יודעת לחבר רשימה למספר שלם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימו לב שכל אופרטור שתשימו ליד הרשימה מתייחס <em>לרשימה בלבד</em>, ולא לאיברים שבתוכה.<br/>\n",
+    "משמע <code dir=\"ltr\" style=\"direction: ltr;\">+ 5</code> לא יוסיף לכם 5 לכל אחד מהאיברים, אלא ייכשל כיוון שפייתון לא יודעת לחבר רשימה למספר שלם.<br/>\n",
     "</p>"
    ]
   },
@@ -596,8 +594,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימו לב גם שהפעלת אופרטור על רשימה לא גורמת לשינוי הרשימה, אלא רק מחזירה ערך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימו לב גם שהפעלת אופרטור על רשימה לא גורמת לשינוי הרשימה, אלא רק מחזירה ערך.<br/>\n",
     "כדי לשנות ממש את הרשימה, נצטרך להשתמש בהשמה:\n",
     "</p>"
    ]
@@ -637,14 +635,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">אופרטורים השוואתיים על רשימות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">אופרטורים השוואתיים על רשימות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נגדיר את רשימת האנשים שנכחו בכיתה ביום ראשון, שני, שלישי ורביעי:\n",
     "</p>"
    ]
@@ -665,8 +663,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "רשימות תומכות בכל אופרטורי ההשוואה שלמדנו עד כה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "רשימות תומכות בכל אופרטורי ההשוואה שלמדנו עד כה.<br/>\n",
     "נתחיל בקל ביותר. בואו נבדוק באיזה יום הרכב התלמידים בכיתה היה זהה להרכב התלמידים שהיה בה ביום ראשון:\n",
     "</p>"
    ]
@@ -686,7 +684,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "האם משה נכח בכיתה ביום שלישי? \n",
     "</p>"
    ]
@@ -706,7 +704,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכיח שמאסטר ספלינטר הבריז באותו יום: \n",
     "</p>"
    ]
@@ -724,7 +722,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ולסיום, בואו נבדוק איזו גרסה חדשה יותר: \n",
     "</p>"
    ]
@@ -744,8 +742,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כדי לבצע השוואה בין רשימות, פייתון מנסה להשוות את האיבר הראשון מהרשימה הראשונה לאיבר הראשון מהרשימה השנייה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כדי לבצע השוואה בין רשימות, פייתון מנסה להשוות את האיבר הראשון מהרשימה הראשונה לאיבר הראשון מהרשימה השנייה.<br/>\n",
     "אם יש \"תיקו\", היא תעבור לאיבר השני בכל רשימה, כך עד סוף הרשימה.\n",
     "</p>"
    ]
@@ -754,16 +752,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">רשימה של רשימות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימה של רשימות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים דברים בחיים האמיתיים הם מורכבים מדי מכדי לייצג אותם ברשימה סטנדרטית.<br>\n",
-    "    הרבה פעמים נשים לב שיוקל לנו אם ניצור רשימה שבה כל תא הוא רשימה בפני עצמו.<br>הרעיון הזה ייצור לנו רשימה של רשימות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים דברים בחיים האמיתיים הם מורכבים מדי מכדי לייצג אותם ברשימה סטנדרטית.<br/>\n",
+    "    הרבה פעמים נשים לב שיוקל לנו אם ניצור רשימה שבה כל תא הוא רשימה בפני עצמו.<br/>הרעיון הזה ייצור לנו רשימה של רשימות.<br/>\n",
     "    ניקח לדוגמה את הרשימות שהגדרנו למעלה, שמתארות מי נכח בכל יום בכיתה:\n",
     "</p>"
    ]
@@ -784,7 +782,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אנחנו רואים לפנינו רשימה של ימים, שקל להכניס לרשימה אחת גדולה: \n",
     "</p>"
    ]
@@ -804,114 +802,112 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.1rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.1rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Splinter\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Splinter\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.1rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.1rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Splinter\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Moshe\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dukasit\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Michelangelo\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Splinter\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "\n",
-    "<br>\n",
-    "\n",
-    "<p style=\"text-align: center; direction: rtl; clear: both; font-size: 1.8rem\">\n",
+    "<br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 1.8rem\">\n",
     "    דוגמה לרשימה של רשימות: נוכחות התלמידים בימי ראשון עד רביעי\n",
     "</p>"
    ]
@@ -920,7 +916,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השורה שכתבנו למעלה זהה לחלוטין לשורה הבאה, שבה אנחנו מגדירים רשימה אחת שכוללת את רשימות התלמידים שנכחו בכיתה בכל יום. \n",
     "</p>"
    ]
@@ -938,7 +934,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל לקבל את רשימת התלמידים שנכחו ביום ראשון בצורה הבאה:\n",
     "</p>"
    ]
@@ -956,7 +952,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ואת התלמיד האחרון שנכח ביום ראשון בצורה הבאה:\n",
     "</p>"
    ]
@@ -977,18 +973,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם קשה לכם לדמיין את זה, עשו זאת בשלבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם קשה לכם לדמיין את זה, עשו זאת בשלבים.<br/>\n",
     "    בדקו מה יש ב־<code>pupils</code>, אחרי זה מה מחזיר <code>pupils[0]</code>, ואז נסו לקחת ממנו את האיבר האחרון, <code>pupils[0][-1]</code>.\n",
-    "</p"
+    "&lt;/p</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כדי להבין טוב יותר איך רשימה של רשימות מתנהגת, חשוב להבין את התוצאות של הביטויים הבוליאניים הבאים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כדי להבין טוב יותר איך רשימה של רשימות מתנהגת, חשוב להבין את התוצאות של הביטויים הבוליאניים הבאים.<br/>\n",
     "זה קצת מבלבל, אבל אני סומך עליכם שתחזיקו מעמד:\n",
     "</p>"
    ]
@@ -1013,13 +1009,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הביטוי הבוליאני בשורה 1 מחזיר <samp>False</samp>, כיוון שכל אחד מהאיברים ברשימה <var>pupils</var> הוא רשימה, ואף אחד מהם אינו המחרוזת <em>\"Moshe\"</em>.</li>\n",
-    "    <li>הביטוי הבוליאני בשורה 2 מחזיר <samp>True</samp>, כיוון שהאיבר הראשון ב־<var>pupils</var> הוא רשימה שמכילה את המחרוזת <em>\"Moshe\"</em>.</li>\n",
-    "    <li>הביטוי הבוליאני בשורה 3 מחזיר <samp>False</samp>, כיוון שאין בתוך <var>pupils</var> רשימה שאלו בדיוק הערכים שלה. יש אומנם רשימה שמכילה את האיברים האלו, אבל השאלה הייתה האם הרשימה הגדולה (<var>pupils</var>) מכילה איבר ששווה בדיוק ל־<code>['Moshe', 'Splinter']</code>.</li>\n",
-    "    <li>הביטוי הבוליאני בשורה 4 מחזיר <samp>False</samp>, כיוון שברשימה האחרונה בתוך <var>pupils</var> אין איבר שהוא הרשימה <code>[\"Moshe\", \"Splinter\"]</code>.</li>\n",
-    "    <li>הביטוי הבוליאני בשורה 5 מחזיר <samp>True</samp>, כיוון שיש רשימה ישירות בתוך <var>pupils</var> שאלו הם ערכיה.</li>\n",
-    "    <li>הביטוי הבוליאני בשורה 6 מחזיר <samp>False</samp>, כיוון שברשימה הראשונה בתוך <var>pupils</var> אין איבר שהוא הרשימה הזו.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הביטוי הבוליאני בשורה 1 מחזיר <samp>False</samp>, כיוון שכל אחד מהאיברים ברשימה <var>pupils</var> הוא רשימה, ואף אחד מהם אינו המחרוזת <em>\"Moshe\"</em>.</li>\n",
+    "<li>הביטוי הבוליאני בשורה 2 מחזיר <samp>True</samp>, כיוון שהאיבר הראשון ב־<var>pupils</var> הוא רשימה שמכילה את המחרוזת <em>\"Moshe\"</em>.</li>\n",
+    "<li>הביטוי הבוליאני בשורה 3 מחזיר <samp>False</samp>, כיוון שאין בתוך <var>pupils</var> רשימה שאלו בדיוק הערכים שלה. יש אומנם רשימה שמכילה את האיברים האלו, אבל השאלה הייתה האם הרשימה הגדולה (<var>pupils</var>) מכילה איבר ששווה בדיוק ל־<code>['Moshe', 'Splinter']</code>.</li>\n",
+    "<li>הביטוי הבוליאני בשורה 4 מחזיר <samp>False</samp>, כיוון שברשימה האחרונה בתוך <var>pupils</var> אין איבר שהוא הרשימה <code>[\"Moshe\", \"Splinter\"]</code>.</li>\n",
+    "<li>הביטוי הבוליאני בשורה 5 מחזיר <samp>True</samp>, כיוון שיש רשימה ישירות בתוך <var>pupils</var> שאלו הם ערכיה.</li>\n",
+    "<li>הביטוי הבוליאני בשורה 6 מחזיר <samp>False</samp>, כיוון שברשימה הראשונה בתוך <var>pupils</var> אין איבר שהוא הרשימה הזו.</li>\n",
     "</ol>"
    ]
   },
@@ -1027,8 +1023,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "זכרו שעבור פייתון אין שום דבר מיוחד ברשימה של רשימות. היא בסך הכול רשימה רגילה, שכל אחד מאיבריה הוא רשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "זכרו שעבור פייתון אין שום דבר מיוחד ברשימה של רשימות. היא בסך הכול רשימה רגילה, שכל אחד מאיבריה הוא רשימה.<br/>\n",
     "מבחינתה אין הבדל בין רשימה כזו לכל רשימה אחרת.\n",
     "</p>"
    ]
@@ -1037,26 +1033,26 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">המונח Iterable</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">המונח Iterable</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "באתרי אינטרנט ובתיעוד של פייתון אנחנו נפגש פעמים רבות עם המילה <dfn>Iterable</dfn>.<br>\n",
-    "בקורס נשתמש במונח הזה פעמים רבות כדי להבין טוב יותר איך פייתון מתנהגת.<br>\n",
-    "<mark>נגדיר ערך כ־<dfn>iterable</dfn> אם ניתן לפרק אותו לכלל האיברים שלו.</mark><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "באתרי אינטרנט ובתיעוד של פייתון אנחנו נפגש פעמים רבות עם המילה <dfn>Iterable</dfn>.<br/>\n",
+    "בקורס נשתמש במונח הזה פעמים רבות כדי להבין טוב יותר איך פייתון מתנהגת.<br/>\n",
+    "<mark>נגדיר ערך כ־<dfn>iterable</dfn> אם ניתן לפרק אותו לכלל האיברים שלו.</mark><br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עד כה אנחנו מכירים 2 סוגי משתנים שעונים להגדרה iterables: רשימות ומחרוזות.<br>\n",
-    "ניתן לפרק רשימה לכל האיברים שמרכיבים אותה, וניתן לפרק מחרוזת לכל התווים שמרכיבים אותה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עד כה אנחנו מכירים 2 סוגי משתנים שעונים להגדרה iterables: רשימות ומחרוזות.<br/>\n",
+    "ניתן לפרק רשימה לכל האיברים שמרכיבים אותה, וניתן לפרק מחרוזת לכל התווים שמרכיבים אותה.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "יש הרבה במשותף לכל הדברים שניתן להגיד עליהם שהם iterables:<br>\n",
-    "על חלק גדול מה־iterables אפשר להפעיל פעולות שמתייחסות לכלל האיברים שבהם, כמו <code>len</code> שמראה את מספר האיברים בערך.<br>\n",
-    "על חלק גדול מה־iterables יהיה אפשר גם להשתמש בסוגריים מרובעים כדי לגשת לאיבר מסוים שנמצא בהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "יש הרבה במשותף לכל הדברים שניתן להגיד עליהם שהם iterables:<br/>\n",
+    "על חלק גדול מה־iterables אפשר להפעיל פעולות שמתייחסות לכלל האיברים שבהם, כמו <code>len</code> שמראה את מספר האיברים בערך.<br/>\n",
+    "על חלק גדול מה־iterables יהיה אפשר גם להשתמש בסוגריים מרובעים כדי לגשת לאיבר מסוים שנמצא בהם.<br/>\n",
     "בעתיד נלמד על עוד דברים שמשותפים לרוב (או לכל) ה־iterables.\n",
     "</p>"
    ]
@@ -1065,14 +1061,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>רשימה</dt><dd>סוג משתנה שמטרתו לקבץ ערכים אחרים בסדר מסוים.</dd>\n",
     "<dt>תא</dt><dd>מקום ברשימה שמכיל איבר כלשהו.</dd>\n",
     "<dt>מיקום</dt><dd>מיקום של תא מסוים הוא המרחק שלו מהתא הראשון ברשימה, שמיקומו הוא 0. זהו מספר שמטרתו לאפשר גישה לתא מסוים ברשימה.</dd>\n",
@@ -1088,45 +1084,45 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">לסיכום</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לסיכום</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מספר האיברים ברשימה יכול להיות 0 (רשימה ריקה) או יותר.</li>\n",
-    "    <li>לאיברים ברשימה יש סדר.</li>\n",
-    "    <li>כל איבר ברשימה ממוספר החל מהאיבר הראשון שממוספר 0, ועד האיבר האחרון שמספרו הוא אורך הרשימה פחות אחד.</li>\n",
-    "    <li>ניתן לגשת לאיבר גם לפי המיקום שלו וגם לפי המרחק שלו מסוף הרשימה, באמצעות התייחסות למיקום השלילי שלו.</li>\n",
-    "    <li>איברים ברשימה יכולים לחזור על עצמם.</li>\n",
-    "    <li>רשימה יכולה לכלול איברים מסוג אחד בלבד (<dfn>רשימה הומוגנית</dfn>) או מכמה סוגים שונים (<dfn>רשימה הטרוגנית</dfn>).</li>\n",
-    "    <li>אורך הרשימה יכול להשתנות במהלך ריצת התוכנית.</li>\n",
-    "<ol>"
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מספר האיברים ברשימה יכול להיות 0 (רשימה ריקה) או יותר.</li>\n",
+    "<li>לאיברים ברשימה יש סדר.</li>\n",
+    "<li>כל איבר ברשימה ממוספר החל מהאיבר הראשון שממוספר 0, ועד האיבר האחרון שמספרו הוא אורך הרשימה פחות אחד.</li>\n",
+    "<li>ניתן לגשת לאיבר גם לפי המיקום שלו וגם לפי המרחק שלו מסוף הרשימה, באמצעות התייחסות למיקום השלילי שלו.</li>\n",
+    "<li>איברים ברשימה יכולים לחזור על עצמם.</li>\n",
+    "<li>רשימה יכולה לכלול איברים מסוג אחד בלבד (<dfn>רשימה הומוגנית</dfn>) או מכמה סוגים שונים (<dfn>רשימה הטרוגנית</dfn>).</li>\n",
+    "<li>אורך הרשימה יכול להשתנות במהלך ריצת התוכנית.</li>\n",
+    "<ol></ol></ol>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">סדר בבית המשפט!</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">סדר בבית המשפט!</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו קוד שיסדר את רשימת נשיאי בית המשפט לפי סדר אלפבתי.<br>\n",
-    "זה אכן אמור להיות מסורבל מאוד. בעתיד נלמד לכתוב קוד מוצלח יותר לבעיה הזו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו קוד שיסדר את רשימת נשיאי בית המשפט לפי סדר אלפבתי.<br/>\n",
+    "זה אכן אמור להיות מסורבל מאוד. בעתיד נלמד לכתוב קוד מוצלח יותר לבעיה הזו.<br/>\n",
     "השתמשו באינדקסים, ושמרו ערכים בצד במשתנים.\n",
     "</p>"
    ]
@@ -1144,7 +1140,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בונוס: כתבו קטע קוד שבודק שהרשימה (שמכילה 5 איברים) אכן מסודרת.\n",
     "</p>"
    ]
@@ -1153,15 +1149,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">מה זה משובחה בכלל?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מה זה משובחה בכלל?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם רשימה של שמות טעמי גלידה שנמצאים בדוכן הגלידה השכונתי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם רשימה של שמות טעמי גלידה שנמצאים בדוכן הגלידה השכונתי.<br/>\n",
     "    קבלו מהמשתמש קיפיק את הטעם האהוב עליו, והדפיסו למשתמש האם הטעם שלו נמכר בדוכן.\n",
     "</p>\n"
    ]
@@ -1179,15 +1175,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">מה רש\"י?</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מה רש\"י?</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם כמה ביטויים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם כמה ביטויים.<br/>\n",
     "    רשמו לעצמכם מה תהיה תוצאת כל ביטוי, ורק אז הריצו אותו.\n",
     "</p>"
    ]
diff --git a/week2/5_String_Methods.ipynb b/week2/5_String_Methods.ipynb
index 3bfa6c8..7453616 100644
--- a/week2/5_String_Methods.ipynb
+++ b/week2/5_String_Methods.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">מחרוזות – חלק 2</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מחרוזות – חלק 2</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הברחת מחרוזות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הברחת מחרוזות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים נרצה שהמחרוזת שלנו תעשה \"דברים מיוחדים\" – כמו לרדת שורה באמצע המחרוזת או לעשות ריווח גדול באמצעות <kbd dir=\"ltr\" style=\"direction: ltr\">↹ TAB</kbd> (לצורך טבלאות, לדוגמה).<br>\n",
-    "המחשב מתייחס להזחה ולשורה חדשה כתווים של ממש, ועבור כל \"תו מיוחד\" שכזה יצרו רצף של תווים שמייצג אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים נרצה שהמחרוזת שלנו תעשה \"דברים מיוחדים\" – כמו לרדת שורה באמצע המחרוזת או לעשות ריווח גדול באמצעות <kbd dir=\"ltr\" style=\"direction: ltr\">↹ TAB</kbd> (לצורך טבלאות, לדוגמה).<br/>\n",
+    "המחשב מתייחס להזחה ולשורה חדשה כתווים של ממש, ועבור כל \"תו מיוחד\" שכזה יצרו רצף של תווים שמייצג אותו.<br/>\n",
     "לדוגמה, כשנדע מהו רצף התווים שמייצג שורה חדשה, נוכל לכתוב אותו כחלק מהמחרוזת, וכאשר נדפיס אותה נראה ירידת שורה במקום רצף התווים.\n",
     "</p>"
    ]
@@ -36,8 +36,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נלמד את שני התווים המיוחדים שדיברנו עליהם – <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> הוא תו שמסמן ירידת שורה, ו־<code dir=\"ltr\" style=\"direction: ltr;\">\\t</code> מסמן ריווח גדול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נלמד את שני התווים המיוחדים שדיברנו עליהם – <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> הוא תו שמסמן ירידת שורה, ו־<code dir=\"ltr\" style=\"direction: ltr;\">\\t</code> מסמן ריווח גדול.<br/>\n",
     "איך נכניס אותם בקוד? פשוט נשלב אותם כחלק מהמחרוזת במקומות שבהם בא לנו שיופיעו:\n",
     "</p>"
    ]
@@ -55,7 +55,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "רצפי התווים האלו משתמשים בסימן <kbd>\\</kbd> (\"Backslash\", לוכסן שמאלי) כדי לסמן תו מיוחד, והם נפוצים גם בשפות אחרות שאינן פייתון.</p>"
    ]
   },
@@ -63,8 +63,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נשתמש ב־<code dir=\"ltr\" style=\"direction: ltr;\">\\'</code> במחרוזת שבה הסימן שמתחיל ומסיים את המחרוזת הוא <code dir=\"ltr\" style=\"direction: ltr;\">'</code>. שימוש דומה נעשה עבור <code dir=\"ltr\" style=\"direction: ltr;\">\\\"</code>:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נשתמש ב־<code dir=\"ltr\" style=\"direction: ltr;\">\\'</code> במחרוזת שבה הסימן שמתחיל ומסיים את המחרוזת הוא <code dir=\"ltr\" style=\"direction: ltr;\">'</code>. שימוש דומה נעשה עבור <code dir=\"ltr\" style=\"direction: ltr;\">\\\"</code>:<br/>\n",
     "</p>"
    ]
   },
@@ -90,8 +90,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים גם נרצה פשוט לרשום את התו <em>\\</em>. לצורך כך, נשתמש פעמיים בתו הזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים גם נרצה פשוט לרשום את התו <em>\\</em>. לצורך כך, נשתמש פעמיים בתו הזה.<br/>\n",
     "השוו את שתי המחרוזות הבאות, לדוגמה:\n",
     "</p>"
    ]
@@ -118,7 +118,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל גם להבריח את המחרוזת כולה באמצעות התו <code>r</code> <strong>לפני</strong> המחרוזת, במקרה שאנחנו לא רוצים להשתמש בתווים מיוחדים:\n",
     "</p>"
    ]
@@ -136,16 +136,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            פייתון, בניגוד לבני אדם, מסתכלת על תווים מיוחדים כמו <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> ו־<code dir=\"ltr\" style=\"direction: ltr;\">\\t</code> כתו אחד.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            פייתון, בניגוד לבני אדם, מסתכלת על תווים מיוחדים כמו <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> ו־<code dir=\"ltr\" style=\"direction: ltr;\">\\t</code> כתו אחד.<br/>\n",
     "            נסו לבדוק מה ה־<code>len</code> שלהם כדי להיווכח בעצמכם.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -153,16 +153,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            פייתון לא מתמודדת טוב עם התו <em>\\</em> בסוף המחרוזת.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            פייתון לא מתמודדת טוב עם התו <em>\\</em> בסוף המחרוזת.<br/>\n",
     "            אם הגעתם למצב שבו זה קורה, פשוט הבריחו את ה־\\ עם \\ נוסף.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -170,17 +170,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            במשבצת שמתחתיי מצוטט חלק מהנאום המפורסם של מרטין לותר קינג, \"<cite>I Have A Dream</cite>\".<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            במשבצת שמתחתיי מצוטט חלק מהנאום המפורסם של מרטין לותר קינג, \"<cite>I Have A Dream</cite>\".<br/>\n",
     "            הדפיסו אותו בעזרת משפט <code>print</code> בודד.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -199,17 +199,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזת קשוחה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזת קשוחה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים אנחנו פשוט רוצים שפייתון תתמודד עם גוש מלל שהדבקנו.<br>\n",
-    "לפייתון יש פתרון נהדר: היא עובדת גם אם המלל מפוצל לכמה שורות (היא תכניס תווי <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> ותפצל לשורות בעצמה), וגם במקרים בהם יש תווים כמו <code>'</code> או <code>\"</code>.<br>\n",
-    "פתרון זה נקרא \"מחרוזת קשוחה\" (אוקיי, למען האמת, אף אחד לא קורא לה ככה חוץ ממני), וכדי להשתמש בה יש להקליד 3 פעמים את התו <code>\"</code> או את התו <code>'</code> משני צידי המחרוזת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים אנחנו פשוט רוצים שפייתון תתמודד עם גוש מלל שהדבקנו.<br/>\n",
+    "לפייתון יש פתרון נהדר: היא עובדת גם אם המלל מפוצל לכמה שורות (היא תכניס תווי <code dir=\"ltr\" style=\"direction: ltr;\">\\n</code> ותפצל לשורות בעצמה), וגם במקרים בהם יש תווים כמו <code>'</code> או <code>\"</code>.<br/>\n",
+    "פתרון זה נקרא \"מחרוזת קשוחה\" (אוקיי, למען האמת, אף אחד לא קורא לה ככה חוץ ממני), וכדי להשתמש בה יש להקליד 3 פעמים את התו <code>\"</code> או את התו <code>'</code> משני צידי המחרוזת.<br/>\n",
     "</p>"
    ]
   },
@@ -217,7 +217,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נראה דוגמה:</p>"
    ]
   },
@@ -254,17 +254,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            בשנת 1963 נשא ג'ון קנדי את נאומו \"אני ברלינאי\". הטקסט המלא שלו מופיע <a href=\"https://en.wikisource.org/wiki/Ich_bin_ein_Berliner\">כאן</a>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            בשנת 1963 נשא ג'ון קנדי את נאומו \"אני ברלינאי\". הטקסט המלא שלו מופיע <a href=\"https://en.wikisource.org/wiki/Ich_bin_ein_Berliner\">כאן</a>.<br/>\n",
     "            השתמשו בפקודת <code>print</code> בודדת כדי להדפיס את הנאום כולו.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -272,16 +272,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות מעוצבות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות מעוצבות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עד כה שרשרנו מחרוזות בזהירות בעזרת סימן השרשור <code>+</code>.<br>\n",
-    "דרך נוספת לעשות זאת היא בעזרת <dfn>fstring</dfn>, או בשמן המלא, <dfn>formatted strings</dfn>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עד כה שרשרנו מחרוזות בזהירות בעזרת סימן השרשור <code>+</code>.<br/>\n",
+    "דרך נוספת לעשות זאת היא בעזרת <dfn>fstring</dfn>, או בשמן המלא, <dfn>formatted strings</dfn>.<br/>\n",
     "נראה דוגמה:\n",
     "</p>"
    ]
@@ -300,7 +300,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "שרשור כמו שאנחנו מכירים עד כה:\n",
     "</p>"
    ]
@@ -318,7 +318,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "שימוש ב־<em>fstrings</em>:\n",
     "</p>"
    ]
@@ -336,7 +336,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדאי לשים לב לנקודות הבאות:\n",
     "</p>"
    ]
@@ -345,11 +345,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כדי להשתמש ב־fstrings, הוספנו את התו f לפני המחרוזת.</li>\n",
-    "    <li>כדי לציין שם של משתנה שאנחנו רוצים להדפיס, השתמשנו בסוגריים מסולסלים סביב שם המשתנה.</li>\n",
-    "    <li>בשימוש ב־fstrings, לא היינו צריכים לבצע המרה לפני שהשתמשנו במשתנה מסוג שלם.</li>\n",
-    "    <li>מן הסתם, ניתן להשתמש ב־fstrings גם למטרות נוספות מלבד הדפסה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כדי להשתמש ב־fstrings, הוספנו את התו f לפני המחרוזת.</li>\n",
+    "<li>כדי לציין שם של משתנה שאנחנו רוצים להדפיס, השתמשנו בסוגריים מסולסלים סביב שם המשתנה.</li>\n",
+    "<li>בשימוש ב־fstrings, לא היינו צריכים לבצע המרה לפני שהשתמשנו במשתנה מסוג שלם.</li>\n",
+    "<li>מן הסתם, ניתן להשתמש ב־fstrings גם למטרות נוספות מלבד הדפסה.</li>\n",
     "</ul>"
    ]
   },
@@ -357,25 +357,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על מחרוזות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על מחרוזות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">הגדרה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עד כה למדנו פונקציות שעובדות על סוגים שונים של נתונים. אנחנו קוראים להן בשמן, ואז מעבירים להן את הנתון שעליו רוצים לפעול.<br>\n",
-    "<code>type</code>, לדוגמה, יודעת לעבוד על כל נתון שנעביר לה ולהחזיר לנו את הסוג שלו.<br>\n",
-    "רעיון דומה בתכנות נקרא \"<dfn>פעולה</dfn>\", או <dfn>method</dfn> (מתודה).<br>\n",
-    "בניגוד לפונקציות, שם הפעולה משויך לסוג הנתון שעליו אנחנו הולכים להפעיל את הפעולה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עד כה למדנו פונקציות שעובדות על סוגים שונים של נתונים. אנחנו קוראים להן בשמן, ואז מעבירים להן את הנתון שעליו רוצים לפעול.<br/>\n",
+    "<code>type</code>, לדוגמה, יודעת לעבוד על כל נתון שנעביר לה ולהחזיר לנו את הסוג שלו.<br/>\n",
+    "רעיון דומה בתכנות נקרא \"<dfn>פעולה</dfn>\", או <dfn>method</dfn> (מתודה).<br/>\n",
+    "בניגוד לפונקציות, שם הפעולה משויך לסוג הנתון שעליו אנחנו הולכים להפעיל את הפעולה.<br/>\n",
     "</p>"
    ]
   },
@@ -383,9 +383,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בעתיד נלמד לעומק יותר על ההבדלים בין פונקציה לפעולה, והם יישמעו לנו מופשטים פחות. עד אז אתם פטורים מלדעת את הטריוויה הזו.<br>\n",
-    "דבר שכדאי לדעת הוא שהפעולות שנראה עכשיו עובדות <em>רק</em> על מחרוזות, ולא על טיפוסים אחרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בעתיד נלמד לעומק יותר על ההבדלים בין פונקציה לפעולה, והם יישמעו לנו מופשטים פחות. עד אז אתם פטורים מלדעת את הטריוויה הזו.<br/>\n",
+    "דבר שכדאי לדעת הוא שהפעולות שנראה עכשיו עובדות <em>רק</em> על מחרוזות, ולא על טיפוסים אחרים.<br/>\n",
     "</p>"
    ]
   },
@@ -393,8 +393,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורות הבאות, נשחק עם דוגמאות של פעולות ונראה מה הן עושות בתאים שיבואו לאחר מכן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורות הבאות, נשחק עם דוגמאות של פעולות ונראה מה הן עושות בתאים שיבואו לאחר מכן.<br/>\n",
     "    אם נבחין בתא שיש צורך להסביר מה קרה בו – יצורף הסבר מעל התא.\n",
     "</p>"
    ]
@@ -403,15 +403,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">לנקות רעשים מסביב</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לנקות רעשים מסביב</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פעמים רבות, בין אם בקבלת קלט מהמשתמש ובין אם במחרוזות שקיבלנו ממקור חיצוני כלשהו, נתקל בתווים מיותרים שמקיפים את המחרוזת שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פעמים רבות, בין אם בקבלת קלט מהמשתמש ובין אם במחרוזות שקיבלנו ממקור חיצוני כלשהו, נתקל בתווים מיותרים שמקיפים את המחרוזת שלנו.<br/>\n",
     "    הפעולה <dfn>strip</dfn> עוזרת לנו להסיר אותם.\n",
     "</p>"
    ]
@@ -420,7 +420,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בצורתה הפשוטה, כשלא מעבירים לה ארגומנטים, היא תסיר את כל הרווחים, האנטרים והטאבים שנמצאים סביב המחרוזת:\n",
     "</p>"
    ]
@@ -441,7 +441,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "     כאשר מעבירים לה מחרוזת כארגומנט, היא תבצע את האלגוריתם הבא:\n",
     "</p>"
    ]
@@ -450,17 +450,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>עבור על כל תו מתחילת המחרוזת:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>עבור על כל תו מתחילת המחרוזת:\n",
     "        <ul>\n",
-    "            <li>כל עוד התו נמצא בארגומנט – מחק אותו והמשך</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>עבור על כל תו מסוף המחרוזת:\n",
+    "<li>כל עוד התו נמצא בארגומנט – מחק אותו והמשך</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>עבור על כל תו מסוף המחרוזת:\n",
     "        <ul>\n",
-    "            <li>כל עוד התו נמצא בארגומנט – מחק אותו והמשך</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
+    "<li>כל עוד התו נמצא בארגומנט – מחק אותו והמשך</li>\n",
+    "</ul>\n",
+    "</li>\n",
     "</ol>"
    ]
   },
@@ -478,7 +478,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">מְצִיאוֹת וּמְצִיאוֹת</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מְצִיאוֹת וּמְצִיאוֹת</p>"
    ]
   },
   {
@@ -494,8 +494,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נמצא את המקומות שבהם נמצאות המילים המוזרות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נמצא את המקומות שבהם נמצאות המילים המוזרות.<br/>\n",
     "    הפעולות <em>find</em> ו־<em>index</em> יחזירו לנו את המיקום (האינדקס) של תת־מחרוזת בתוך מחרוזת אחרת:\n",
     "</p>"
    ]
@@ -531,8 +531,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אז רגע, למה צריך 2 מתודות אם הן עושות אותו דבר?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אז רגע, למה צריך 2 מתודות אם הן עושות אותו דבר?<br/>\n",
     "    אם המחרוזת לא נמצאה, <em dir=\"ltr\" style=\"direction: ltr\">find</em> תחזיר לנו <samp dir=\"ltr\" style=\"direction: ltr\">-1</samp>, בעוד ש־<em dir=\"ltr\" style=\"direction: ltr\">index</em> תחזיר לנו שגיאה. \n",
     "</p>"
    ]
@@ -559,15 +559,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "            הפעולות הללו יחזירו רק את התוצאה הראשונה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -575,16 +575,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            אינטואיטיבית, נראה שנכון תמיד להשתמש בפעולה <em dir=\"ltr\" style=\"direction: ltr;\">find</em>, אך אליה וקוץ בה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            אינטואיטיבית, נראה שנכון תמיד להשתמש בפעולה <em dir=\"ltr\" style=\"direction: ltr;\">find</em>, אך אליה וקוץ בה.<br/>\n",
     "            כשאנחנו בטוחים שאמורה לחזור תוצאה, עדיף להשתמש ב־<em dir=\"ltr\" style=\"direction: ltr;\">index</em> כדי לדעת מאיפה מגיעה השגיאה בתוכנית שלנו ולטפל בה במהירות.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -592,19 +592,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            קבלו מהמשתמש שתי מחרוזות.<br>\n",
-    "            אם המחרוזת השנייה נמצאת לפני אמצע המחרוזת הראשונה, הדפיסו \"<span dir=\"ltr\">Yes!</span>\"<br>\n",
-    "            אם המחרוזת השנייה לא נמצאת לפני אמצע המחרוזת הראשונה, הדפיסו \"<span dir=\"ltr\">No!</span>\"<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            קבלו מהמשתמש שתי מחרוזות.<br/>\n",
+    "            אם המחרוזת השנייה נמצאת לפני אמצע המחרוזת הראשונה, הדפיסו \"<span dir=\"ltr\">Yes!</span>\"<br/>\n",
+    "            אם המחרוזת השנייה לא נמצאת לפני אמצע המחרוזת הראשונה, הדפיסו \"<span dir=\"ltr\">No!</span>\"<br/>\n",
     "            בונוס לגיבורים ולגיבורות: נסו להשתמש בשתי הפעולות, <em>index</em> ו־<em>find</em>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -612,7 +612,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">משחקים עם גודלי אותיות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">משחקים עם גודלי אותיות</p>"
    ]
   },
   {
@@ -673,8 +673,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "חשוב לזכור שהפעולות לא משנות את המשתנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "חשוב לזכור שהפעולות לא משנות את המשתנה.<br/>\n",
     "אם רוצים לשנות אותו, יש להשתמש בהשמה.\n",
     "</p>"
    ]
@@ -692,15 +692,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">סופרים סתם</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סופרים סתם</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם נרצה לבדוק כמה פעמים תת־מחרוזת נמצאת בתוך המחרוזת שלנו, נשתמש בפעולה <dfn>count</dfn>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם נרצה לבדוק כמה פעמים תת־מחרוזת נמצאת בתוך המחרוזת שלנו, נשתמש בפעולה <dfn>count</dfn>.<br/>\n",
     "ננסה להבין כמה פעמים מילים מעניינות הופיעו בנאום גטיסברג המפורסם:\n",
     "</p>"
    ]
@@ -722,8 +722,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ראשית, נעשה טריק מוכר. נשתמש בפעולה <em dir=\"ltr\" style=\"direction: ltr\">lower</em> כדי להעיף את האותיות הגדולות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ראשית, נעשה טריק מוכר. נשתמש בפעולה <em dir=\"ltr\" style=\"direction: ltr\">lower</em> כדי להעיף את האותיות הגדולות.<br/>\n",
     "בצורה הזו, <em>count</em> תספור לנו גם את המילים שנכתבו באותיות רישיות:\n",
     "</p>"
    ]
@@ -741,7 +741,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "עכשיו נבדוק כמה פעמים השתמש לינקולן בכל אחת מהמילים: we, nation ו־dedicated.</p>"
    ]
   },
@@ -776,15 +776,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">החלפה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">החלפה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פעולה מאוד נפוצה היא <dfn>replace</dfn>, שעוזרת לנו להחליף את כל המופעים של תת־מחרוזת אחת באחרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פעולה מאוד נפוצה היא <dfn>replace</dfn>, שעוזרת לנו להחליף את כל המופעים של תת־מחרוזת אחת באחרת.<br/>\n",
     "לדוגמה, ניקח את הברידג' השני בשיר הנפלא של הביטלס, <cite>Hey Jude</cite>, ונחליף את כל המופעים של <em>Jude</em> ב־<em>Dude</em>: \n",
     "</p>"
    ]
@@ -815,7 +815,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "שימו לב לתווים המוזרים באמצע. אלו ירידות השורה שעליהן למדנו בשיעור. אל דאגה – הן לא יופיעו כשנדפיס את המחרוזת.\n",
     "</p>"
    ]
@@ -833,7 +833,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "רק נזכיר שהפעולה לא משנה את המחרוזת עצמה, וכדי לשנות אותה נצטרך לבצע השמה.\n",
     "</p>"
    ]
@@ -866,15 +866,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">הפרד ומשול</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הפרד ומשול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לעיתים קרובות נרצה להפריד את הטקסט שלנו לחלקים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לעיתים קרובות נרצה להפריד את הטקסט שלנו לחלקים.<br/>\n",
     "הפעולה <dfn>split</dfn> מאפשרת לנו לעשות את זה, ולקבל רשימה של האיברים המופרדים:\n",
     "</p>"
    ]
@@ -901,8 +901,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בסוגריים כתבנו מה אנחנו רוצים שיהיה התו, או סדרת התווים, שתהיה אחראית להפרדה בין האיברים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בסוגריים כתבנו מה אנחנו רוצים שיהיה התו, או סדרת התווים, שתהיה אחראית להפרדה בין האיברים.<br/>\n",
     "שימו לב שקיבלנו רשימה לכל דבר:\n",
     "</p>"
    ]
@@ -929,8 +929,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "דרך נוספת להשתמש ב־<em>split</em> היא לא להעביר לה כלום ברשימת הארגומנטים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "דרך נוספת להשתמש ב־<em>split</em> היא לא להעביר לה כלום ברשימת הארגומנטים.<br/>\n",
     "במקרה כזה, <i>split</i> תפצל לנו את המחרוזת לפי רווחים, שורות חדשות וטאבים.\n",
     "</p>"
    ]
@@ -961,8 +961,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפעולה הזו שימושית בטירוף ונראה אותה עוד הרבה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפעולה הזו שימושית בטירוף ונראה אותה עוד הרבה.<br/>\n",
     "היא מאפשרת לנו לקבל מידע רב על כמות גדולה של מלל.\n",
     "</p>"
    ]
@@ -971,16 +971,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">חבר ומשול</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חבר ומשול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים אנחנו רוצים לעשות את הפעולה ההפוכה מפיצול – איחוד!<br>\n",
-    "הפעולה <dfn>join</dfn> מקבלת כארגומנט רשימה, ופועלת על המחרוזת שתחבר בין איבר לאיבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים אנחנו רוצים לעשות את הפעולה ההפוכה מפיצול – איחוד!<br/>\n",
+    "הפעולה <dfn>join</dfn> מקבלת כארגומנט רשימה, ופועלת על המחרוזת שתחבר בין איבר לאיבר.<br/>\n",
     "נראה דוגמה: \n",
     "</p>"
    ]
@@ -1000,7 +1000,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ואם אנחנו כבר שם, קצת כבוד לספר הישראלי, הכבש השישה־עשר:\n",
     "</p>"
    ]
@@ -1021,14 +1021,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">אני, בוליאני</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">אני, בוליאני</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אחד הטריקים השימושיים הוא לבדוק אם המחרוזת שלנו מתחילה או מסתיימת בתת־מחרוזת אחרת.\n",
     "</p>"
    ]
@@ -1087,18 +1087,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            קבלו מהמשתמש נתיב לקובץ מסוים שנמצא על המחשב שלו, ובדקו האם הסיומת שלו היא <i style=\"direction: ltr\" dir=\"ltr\">.docx</i><br>\n",
-    "            הדפיסו לו הודעה מתאימה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            קבלו מהמשתמש נתיב לקובץ מסוים שנמצא על המחשב שלו, ובדקו האם הסיומת שלו היא <i dir=\"ltr\" style=\"direction: ltr\">.docx</i><br/>\n",
+    "            הדפיסו לו הודעה מתאימה.<br/>\n",
     "            דוגמה לנתיב תקין: <i>C:\\My Documents\\Resume.docx</i>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1106,15 +1106,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "            יש נטייה לשכוח את ה־<em>s</em> אחרי ה־<em>end</em> או את ה־<em>start</em> ב־<em>end<strong>s</strong>with</em> וב־<em>start<strong>s</strong>with</em>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1122,7 +1122,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל גם לבדוק אם המחרוזת שלנו היא מסוג מסוים:\n",
     "</p>"
    ]
@@ -1179,22 +1179,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">נאום גטיסברג</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">נאום גטיסברג</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "השתמשו בטקסט של נאום גטיסברג ובדקו כמה מילים יש בו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "השתמשו בטקסט של נאום גטיסברג ובדקו כמה מילים יש בו.<br/>\n",
     "בדקו כמה פעמים הופיעו המילים we, here, great, nation ו־dedicated, וחשבו מה שיעורן באחוזים בטקסט כולו. \n",
     "</p>"
    ]
@@ -1216,7 +1216,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי לחשב את שיעורן באחוזים: סִכְמוּ את מספר הפעמים שכל מילה מופיעה בטקסט. הכפילו מספר זה במאה וחלקו בסך המילים בטקסט.\n",
     "</p>"
    ]
@@ -1225,16 +1225,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">חצי חיים</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">חצי חיים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "קבלו מהמשתמש מילה מסוימת ומשפט.<br>\n",
-    "בדקו שתחילת המילה מופיעה לפני החצי של המשפט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "קבלו מהמשתמש מילה מסוימת ומשפט.<br/>\n",
+    "בדקו שתחילת המילה מופיעה לפני החצי של המשפט.<br/>\n",
     "היעזרו בדוגמאות כדי לבדוק את עצמכם.\n",
     "</p>"
    ]
@@ -1243,10 +1243,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המילה Love במשפט I Love Chocolate תחזיר <samp>True</samp>, כיוון שהמילה Love מתחילה במקום 2, ואורך חצי המשפט הוא 8.</li>\n",
-    "    <li>המילה salad במשפט This is the best salad in town תחזיר <samp>False</samp>, כיוון שהמילה salad מתחילה במקום 17, ואורך חצי המשפט הוא 15.</li>\n",
-    "    <li>המילה Meow במשפט \"All you need is Love\" תחזיר <samp>False</samp>, כיוון שהמילה Meow לא נמצאת בשירים של הביטלס (וחבל שכך).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המילה Love במשפט I Love Chocolate תחזיר <samp>True</samp>, כיוון שהמילה Love מתחילה במקום 2, ואורך חצי המשפט הוא 8.</li>\n",
+    "<li>המילה salad במשפט This is the best salad in town תחזיר <samp>False</samp>, כיוון שהמילה salad מתחילה במקום 17, ואורך חצי המשפט הוא 15.</li>\n",
+    "<li>המילה Meow במשפט \"All you need is Love\" תחזיר <samp>False</samp>, כיוון שהמילה Meow לא נמצאת בשירים של הביטלס (וחבל שכך).</li>\n",
     "</ul>"
    ]
   },
@@ -1254,15 +1254,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: rtl; float: right; clear: both;\">שיחדש</p>"
+    "### <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">שיחדש</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בספר המרתק של ג'ורג' אורוול, 1984, הסלוגן של מפלגת השלטון הוא <q>מלחמה היא שלום, חירות היא עבדות, בורות היא כוח</q>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בספר המרתק של ג'ורג' אורוול, 1984, הסלוגן של מפלגת השלטון הוא <q>מלחמה היא שלום, חירות היא עבדות, בורות היא כוח</q>.<br/>\n",
     "קבלו טקסט מהמשתמש, והחליפו את המילים לפי המילון הבא:\n",
     "</p>"
    ]
@@ -1271,10 +1271,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>war תוחלף ל־peace</li>\n",
-    "    <li>freedom תוחלף ל־slavery</li>\n",
-    "    <li>ignorance תוחלף ל־strength</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>war תוחלף ל־peace</li>\n",
+    "<li>freedom תוחלף ל־slavery</li>\n",
+    "<li>ignorance תוחלף ל־strength</li>\n",
     "</ul>"
    ]
   },
@@ -1282,7 +1282,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לצורך התרגיל, הניחו שהקלט שהזין המשתמש הוא באותיות קטנות בלבד.\n",
     "</p>"
    ]
diff --git a/week2/6_Documentation.ipynb b/week2/6_Documentation.ipynb
index b1c1cfb..7b9c629 100644
--- a/week2/6_Documentation.ipynb
+++ b/week2/6_Documentation.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">תיעוד</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תיעוד</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בעולם התכנות, בניגוד לשיעורי היסטוריה בתיכון, אנחנו שמים דגש על היכולות השונות של המתכנת ופחות על הזיכרון שלו בנוגע לפרטים קטנים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בעולם התכנות, בניגוד לשיעורי היסטוריה בתיכון, אנחנו שמים דגש על היכולות השונות של המתכנת ופחות על הזיכרון שלו בנוגע לפרטים קטנים.<br/>\n",
     "אומנם מרשים לראות מתכנת ששולט היטב בכל רזי שפת תכנות מסוימת, אבל בעולם האמיתי כולנו משתמשים באתרים שמטרתם לסייע לנו, בין אם להבין איך לכתוב את הקוד בצורה יעילה ובין אם כדי להיזכר בפונקציה או בפעולה ששכחנו.\n",
     "</p>"
    ]
@@ -35,10 +35,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לרוב שפות התכנות או המערכות המוכרות שבהן תתעסקו, יש מעין \"מדריך למשתמש\" שנקרא <dfn>תיעוד</dfn>, או <dfn>דוקומנטציה</dfn>.<br>\n",
-    "ככל שהמוצר שאתם משתמשים בו בשל יותר ויש לו משתמשים רבים, כך תוכלו למצוא עבורו תיעוד מפורט וברור יותר.<br>\n",
-    "תיעוד טוב הוא לעיתים רבות שיקול מכריע בהחלטה אם להשתמש בטכנולוגיה מסוימת או לא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לרוב שפות התכנות או המערכות המוכרות שבהן תתעסקו, יש מעין \"מדריך למשתמש\" שנקרא <dfn>תיעוד</dfn>, או <dfn>דוקומנטציה</dfn>.<br/>\n",
+    "ככל שהמוצר שאתם משתמשים בו בשל יותר ויש לו משתמשים רבים, כך תוכלו למצוא עבורו תיעוד מפורט וברור יותר.<br/>\n",
+    "תיעוד טוב הוא לעיתים רבות שיקול מכריע בהחלטה אם להשתמש בטכנולוגיה מסוימת או לא.<br/>\n",
     "לא אחת אפילו מתכנתים מעולים ומנוסים נעזרים בתיעוד ובאמצעים מקבילים במשך עבודתם.\n",
     "</p>"
    ]
@@ -47,16 +47,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">תיעוד בפייתון</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תיעוד בפייתון</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפייתון יש <a href=\"https://docs.python.org/3/\">אתר תיעוד</a> מרשים ומלא במידע. רוב המידע המתועד באתר כתוב בצורה טובה ונהירה.<br>\n",
-    "באתר ישנה תיבת חיפוש, ואפילו <a href=\"https://docs.python.org/3/tutorial/index.html\">מדריך כניסה עבור מתחילים</a>, שמתבסס על ידע מסוים בתכנות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפייתון יש <a href=\"https://docs.python.org/3/\">אתר תיעוד</a> מרשים ומלא במידע. רוב המידע המתועד באתר כתוב בצורה טובה ונהירה.<br/>\n",
+    "באתר ישנה תיבת חיפוש, ואפילו <a href=\"https://docs.python.org/3/tutorial/index.html\">מדריך כניסה עבור מתחילים</a>, שמתבסס על ידע מסוים בתכנות.<br/>\n",
     "רוב מתכנתי הפייתון משתמשים באתר התיעוד הזה כמדריך עזר, ופונים אליו כשהם צריכים פרטים נוספים בקשר לרעיון שכבר קיים אצלם בראש.\n",
     "</p>"
    ]
@@ -65,16 +65,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">רשימת פעולות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רשימת פעולות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בשיעור הקודם למדנו שלכל סוג נתונים (כמו <i>str</i> או <i>int</i>) יש פעולות ששייכות לו.<br>\n",
-    "עבור מחרוזות, לדוגמה, אנחנו מכירים פעולות כמו <code>str.count</code> ו־<code>str.replace</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בשיעור הקודם למדנו שלכל סוג נתונים (כמו <i>str</i> או <i>int</i>) יש פעולות ששייכות לו.<br/>\n",
+    "עבור מחרוזות, לדוגמה, אנחנו מכירים פעולות כמו <code>str.count</code> ו־<code>str.replace</code>.<br/>\n",
     "כדי לקבל את רשימת הפעולות עבור סוג נתונים מסוים נשתמש בפונקציה <code dir=\"ltr\" style=\"direction: ltr;\">dir()</code>:\n",
     "</p>"
    ]
@@ -92,8 +92,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "התוצאה היא רשימה של כל הפעולות שאפשר להפעיל על <i>str</i>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "התוצאה היא רשימה של כל הפעולות שאפשר להפעיל על <i>str</i>.<br/>\n",
     "בשלב הזה, אמליץ לכם להתעלם מפעולות ברשימה ששמן מתחיל בקו תחתון.\n",
     "</p>"
    ]
@@ -102,8 +102,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "טריק נוסף שכנראה נוח יותר, זמין בסביבות פיתוח רבות שיצא לכם לעבוד בהן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "טריק נוסף שכנראה נוח יותר, זמין בסביבות פיתוח רבות שיצא לכם לעבוד בהן.<br/>\n",
     "הטריק הוא ציון סוג הנתון או המשתנה שאתם עובדים עליו, הסימן \"נקודה\" ואז לחיצה על <kbd dir=\"ltr\" style=\"direction: ltr\">↹ TAB</kbd>.\n",
     "</p>"
    ]
@@ -127,15 +127,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תיעוד על פעולה או על פונקציה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תיעוד על פעולה או על פונקציה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במקרה שנרצה לחפש פרטים נוספים על אחת הפונקציות או הפעולות (נניח <code>len</code>, או <code dir=\"ltr\" style=\"direction: ltr\">str.upper()</code>), התיעוד של פייתון הוא מקור מידע נהדר לכך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במקרה שנרצה לחפש פרטים נוספים על אחת הפונקציות או הפעולות (נניח <code>len</code>, או <code dir=\"ltr\" style=\"direction: ltr\">str.upper()</code>), התיעוד של פייתון הוא מקור מידע נהדר לכך.<br/>\n",
     "אם אנחנו נמצאים בתוך המחברת, יש טריק נחמד לקבל חלק מהתיעוד הזה בצורה מהירה – פשוט נרשום בתא קוד את שם הפונקציה, ואחריו סימן שאלה:\n",
     "</p>"
    ]
@@ -153,8 +153,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ברגע שנריץ את התא, תקפוץ לנו חלונית עם מידע נוסף על הפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ברגע שנריץ את התא, תקפוץ לנו חלונית עם מידע נוסף על הפונקציה.<br/>\n",
     "אם אנחנו רוצים לקבל מידע על פעולה, נכתוב את סוג הערך שעליו אנחנו רוצים לבצע אותה (נניח, str):\n",
     "</p>"
    ]
@@ -176,15 +176,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            קריאה לפונקציה, קרי הוספת התווים <code>()</code> לפני סימן השאלה, תפעיל את הפונקציה או הפעולה במקום לתת לכם עזרה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -192,14 +192,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בתוך חלונית העזרה שתיפתח במחברת נראה שורות המכילות פרטים מעניינים:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><dfn>Signature</dfn> – חתימת הפעולה או הפונקציה, הכוללת את השם שלה ואת הפרמטרים שלה.</li>\n",
-    "    <li><dfn>Docstring</dfn> – כמה מילים שמתארות היטב מה הפונקציה עושה, ולעיתים נותנות מידע נוסף על הפרמטרים.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><dfn>Signature</dfn> – חתימת הפעולה או הפונקציה, הכוללת את השם שלה ואת הפרמטרים שלה.</li>\n",
+    "<li><dfn>Docstring</dfn> – כמה מילים שמתארות היטב מה הפונקציה עושה, ולעיתים נותנות מידע נוסף על הפרמטרים.</li>\n",
     "</ul>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לעת עתה, נתעלם מהרכיבים <em>self</em>, <em>*</em> או <em>/</em> שיופיעו מדי פעם בשדה Signature.\n",
     "</p>"
    ]
@@ -208,22 +208,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">משאבי עזרה נוספים</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">משאבי עזרה נוספים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עולם התכנות הוא אדיר בממדיו, וקיימים משאבים נהדרים שמטרתם לעזור למתכנת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עולם התכנות הוא אדיר בממדיו, וקיימים משאבים נהדרים שמטרתם לעזור למתכנת.<br/>\n",
     "לפניכם כמה מהפופולריים שבהם:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><a href=\"https://google.com\">Google</a> – חפשו היטב את השאלה שלכם ב־Google. מתכנת טוב עושה את זה פעמים רבות ביום. קרוב לוודאי שמישהו בעולם כבר נתקל בעבר בבעיה שלכם.</li>\n",
-    "    <li><a href=\"https://docs.python.org/3\">התיעוד של פייתון</a> – כולל הרבה מידע, ולעיתים דוגמאות מועילות.</li>\n",
-    "    <li><a href=\"https://stackoverflow.com\">Stack Overflow</a> – אחד האתרים הכי מוכרים בעולם הפיתוח, המכיל מערכת שאלות ותשובות עם דירוג בנוגע לכל מה שקשור בתכנות.</li>\n",
-    "    <li><a href=\"https://github.com\">GitHub</a> – אתר שבו אנשים מנהלים את הקוד שלהם ומשתפים אותו עם אחרים. יש בו שורת חיפוש, והוא מעולה לצורך מציאת דוגמאות לשימוש בקוד.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><a href=\"https://google.com\">Google</a> – חפשו היטב את השאלה שלכם ב־Google. מתכנת טוב עושה את זה פעמים רבות ביום. קרוב לוודאי שמישהו בעולם כבר נתקל בעבר בבעיה שלכם.</li>\n",
+    "<li><a href=\"https://docs.python.org/3\">התיעוד של פייתון</a> – כולל הרבה מידע, ולעיתים דוגמאות מועילות.</li>\n",
+    "<li><a href=\"https://stackoverflow.com\">Stack Overflow</a> – אחד האתרים הכי מוכרים בעולם הפיתוח, המכיל מערכת שאלות ותשובות עם דירוג בנוגע לכל מה שקשור בתכנות.</li>\n",
+    "<li><a href=\"https://github.com\">GitHub</a> – אתר שבו אנשים מנהלים את הקוד שלהם ומשתפים אותו עם אחרים. יש בו שורת חיפוש, והוא מעולה לצורך מציאת דוגמאות לשימוש בקוד.</li>\n",
     "</ul>"
    ]
   },
@@ -231,14 +231,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בתרגול זה השתמשו במידת הצורך בתיעוד של פייתון כדי לגלות פעולות שלא למדנו עליהן.\n",
     "</p>"
    ]
@@ -247,16 +247,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור רשימה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור רשימה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפניכם רשימת המספרים הטבעיים מ־1 עד 10 בסדר מבולבל.<br>\n",
-    "האם תוכלו לסדר אותה בשורה אחת של קוד, ולהדפיס אותה בשורה אחת נוספת?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפניכם רשימת המספרים הטבעיים מ־1 עד 10 בסדר מבולבל.<br/>\n",
+    "האם תוכלו לסדר אותה בשורה אחת של קוד, ולהדפיס אותה בשורה אחת נוספת?<br/>\n",
     "הפלט שיודפס על המסך צריך להיות: <samp dir=\"ltr\" style=\"direction: ltr;\">[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]</samp>.\n",
     "</p>"
    ]
@@ -274,31 +274,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הספרייה של דיואי</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הספרייה של דיואי</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <a href=\"https://he.wikipedia.org/wiki/שיטת_דיואי\">שיטת דיואי</a> משמשת לחלוקת ספרים לתחומי תוכן.<br>\n",
-    "    כך, קטגוריה 000 המכילה ספרות כללית הנוגעת למדעי המחשב, מידע ועבודות כלליות, 500 היא ספרות הנוגעת למדע טהור ו־700 היא ספרות הנוגעת לאומנות.<br>\n",
-    "    בתוך כל קטגוריה יש תתי־קטגוריות נוספות, כמו 004 שמתעסקת בעיבוד מידע, 005 שמתעסקת בתכנות, או 755 שמתעסקת באומנות בדת.<br>\n",
-    "    קבלו מהמשתמש שם ספר, ואת הקטגוריה שאליה הוא משתייך.<br>\n",
-    "    אם משתמש הקליד מספר שאינו בעל 3 ספרות, כמו \"4\", הניחו שהמשתמש התכוון להקליד 004 והשלימו עבורו את המלאכה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<a href=\"https://he.wikipedia.org/wiki/שיטת_דיואי\">שיטת דיואי</a> משמשת לחלוקת ספרים לתחומי תוכן.<br/>\n",
+    "    כך, קטגוריה 000 המכילה ספרות כללית הנוגעת למדעי המחשב, מידע ועבודות כלליות, 500 היא ספרות הנוגעת למדע טהור ו־700 היא ספרות הנוגעת לאומנות.<br/>\n",
+    "    בתוך כל קטגוריה יש תתי־קטגוריות נוספות, כמו 004 שמתעסקת בעיבוד מידע, 005 שמתעסקת בתכנות, או 755 שמתעסקת באומנות בדת.<br/>\n",
+    "    קבלו מהמשתמש שם ספר, ואת הקטגוריה שאליה הוא משתייך.<br/>\n",
+    "    אם משתמש הקליד מספר שאינו בעל 3 ספרות, כמו \"4\", הניחו שהמשתמש התכוון להקליד 004 והשלימו עבורו את המלאכה.<br/>\n",
     "    הדפיסו למשתמש את מספר הקטגוריה אחרי התיקון, או \"קטגוריה שגויה\" אם הקלט שהוזן לא היה מספרי.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אם משתמש הקליד 5, הדפיסו לו <samp>005</samp>.</li>\n",
-    "    <li>אם משתמש הקליד 007, הדפיסו לו <samp>007</samp>.</li>\n",
-    "    <li>אם משתמש הקליד 70, הדפיסו לו <samp>070</samp>.</li>\n",
-    "    <li>אם משתמש הקליד 700, הדפיסו לו <samp>700</samp>.</li>\n",
-    "    <li>אם משתמש הקליד <span dir=\"ltr\" style=\"direction: ltr\">-1</span>, הדפיסו לו <samp>\"Wrong Category\"</samp>.</li>\n",
-    "    <li>אם משתמש הקליד Art, הדפיסו לו <samp>\"Wrong Category\"</samp>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אם משתמש הקליד 5, הדפיסו לו <samp>005</samp>.</li>\n",
+    "<li>אם משתמש הקליד 007, הדפיסו לו <samp>007</samp>.</li>\n",
+    "<li>אם משתמש הקליד 70, הדפיסו לו <samp>070</samp>.</li>\n",
+    "<li>אם משתמש הקליד 700, הדפיסו לו <samp>700</samp>.</li>\n",
+    "<li>אם משתמש הקליד <span dir=\"ltr\" style=\"direction: ltr\">-1</span>, הדפיסו לו <samp>\"Wrong Category\"</samp>.</li>\n",
+    "<li>אם משתמש הקליד Art, הדפיסו לו <samp>\"Wrong Category\"</samp>.</li>\n",
     "</ul>\n"
    ]
   },
diff --git a/week2/7_Summary.ipynb b/week2/7_Summary.ipynb
index 49e393c..39650f2 100644
--- a/week2/7_Summary.ipynb
+++ b/week2/7_Summary.ipynb
@@ -4,39 +4,38 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align:right;direction:rtl\">תרגילים</p>"
+    "# <p dir=\"rtl\" style=\"text-align:right;direction:rtl\">תרגילים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:rtl;\">מערכת בנק</p>"
+    "## <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">מערכת בנק</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right; direction:rtl;\">\n",
-    "בתרגיל הזה נכתוב מערכת מעט חכמה יותר לבנק.<br>\n",
-    "    נבנה אותה בשלבים באמצעות חלוקה לפונקציות.<br>\n",
-    "בשלב הראשון נבנה פונקציה למחולל סיסמאות, שמקבלת שם משתמש ומחזירה סיסמה.<br>\n",
-    "הסיסמה תורכב כך עבור שם משתמש נתון:<br>\n",
-    "\n",
-    "<ul style=\"text-align:right; direction:rtl;\"><li>שם המשתמש באותיות קטנות ומייד אחריו שם המשתמש באותיות גדולות.\n",
+    "<p dir=\"rtl\" style=\"text-align:right; direction:rtl;\">\n",
+    "בתרגיל הזה נכתוב מערכת מעט חכמה יותר לבנק.<br/>\n",
+    "    נבנה אותה בשלבים באמצעות חלוקה לפונקציות.<br/>\n",
+    "בשלב הראשון נבנה פונקציה למחולל סיסמאות, שמקבלת שם משתמש ומחזירה סיסמה.<br/>\n",
+    "הסיסמה תורכב כך עבור שם משתמש נתון:<br/>\n",
+    "<ul dir=\"rtl\" style=\"text-align:right; direction:rtl;\"><li>שם המשתמש באותיות קטנות ומייד אחריו שם המשתמש באותיות גדולות.\n",
     "    </li><li>הוספת האות <em>\"X\"</em> מימין לשם המשתמש, כמספר התווים בשם המשתמש.</li></ul>\n",
     "</p>\n",
-    "<p style=\"text-align:right;direction:rtl;\">שימו לב כי שם המשתמש יכול לכלול ספרות וסימנים, נוסף על אותיות.<br>\n",
-    "    כמו כן, לא נאפשר שם משתמש שהוא מחרוזת ריקה. במקרה זה החזירו מחרוזת ריקה.<br>\n",
-    "    <br> לדוגמה, עבור שם המשתמש <em>'stam'</em> המחולל יחזיר את הסיסמה: <samp>'stamSTAMXXXX'</samp><br>הריצו את הפונקציה על 4 דוגמאות נוספות לפחות, באורכים שונים, ובדקו שקיבלתם פלט כמצופה.</p>"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">שימו לב כי שם המשתמש יכול לכלול ספרות וסימנים, נוסף על אותיות.<br/>\n",
+    "    כמו כן, לא נאפשר שם משתמש שהוא מחרוזת ריקה. במקרה זה החזירו מחרוזת ריקה.<br/>\n",
+    "<br/> לדוגמה, עבור שם המשתמש <em>'stam'</em> המחולל יחזיר את הסיסמה: <samp>'stamSTAMXXXX'</samp><br/>הריצו את הפונקציה על 4 דוגמאות נוספות לפחות, באורכים שונים, ובדקו שקיבלתם פלט כמצופה.</p>"
    ]
   },
   {
@@ -52,15 +51,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">הריצו את הפונקציה כך: <code>password_generator('stam')</code>"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">הריצו את הפונקציה כך: <code>password_generator('stam')</code></p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">כעת נקבל שם משתמש וסיסמה, ונבדוק אם השילוב הוא נכון. בדקו באמצעות מחולל הסיסמאות מהסעיף הקודם אם הסיסמה של המשתמש תואמת את הסיסמה שיוצר המחולל. הדפיסו \"ברוך הבא\" אם הסיסמה נכונה, אחרת הדפיסו \"סיסמה שגויה\".</p>\n",
-    "<code>login('stam', 'stamSTAMXXXX')</code><br><samp>Welcome stam!</samp><br><br><code>login('stam', 'mats')</code><br><samp>Wrong Password!</samp>"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">כעת נקבל שם משתמש וסיסמה, ונבדוק אם השילוב הוא נכון. בדקו באמצעות מחולל הסיסמאות מהסעיף הקודם אם הסיסמה של המשתמש תואמת את הסיסמה שיוצר המחולל. הדפיסו \"ברוך הבא\" אם הסיסמה נכונה, אחרת הדפיסו \"סיסמה שגויה\".</p>\n",
+    "<code>login('stam', 'stamSTAMXXXX')</code><br/><samp>Welcome stam!</samp><br/><br/><code>login('stam', 'mats')</code><br/><samp>Wrong Password!</samp>"
    ]
   },
   {
@@ -76,9 +75,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">כתבו פונקציה שמחזירה <code>True</code>\n",
-    "    אם בוצע חיבור מוצלח, אחרת החזירו <code>False</code>.<br>\n",
-    "פונקציה זו דומה מאוד לפונקציה הקודמת שכתבתם, רק שהיא אינה מדפיסה דבר.<br> במקום ההדפסה יוחזר ערך בוליאני מתאים.<br>לדוגמה:<br></p><br><code>login('stam', 'stamSTAMXXXX')</code><br><samp>True</samp><br><code>login('stam', 'mats')</code><br><samp>False</samp><br>"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">כתבו פונקציה שמחזירה <code>True</code>\n",
+    "    אם בוצע חיבור מוצלח, אחרת החזירו <code>False</code>.<br/>\n",
+    "פונקציה זו דומה מאוד לפונקציה הקודמת שכתבתם, רק שהיא אינה מדפיסה דבר.<br/> במקום ההדפסה יוחזר ערך בוליאני מתאים.<br/>לדוגמה:<br/></p><br/><code>login('stam', 'stamSTAMXXXX')</code><br/><samp>True</samp><br/><code>login('stam', 'mats')</code><br/><samp>False</samp><br/>"
    ]
   },
   {
@@ -94,8 +93,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    " כעת ענו על השאלה הקודמת באמצעות הפונקציה שכתבתם בסעיף זה, כלומר כתבו פונקציה שמשתמשת בפונקציה המחזירה ערך בוליאני ומדפיסה בהתאם להוראת מהסעיף הקודם.<br>רמז: <span style=\"direction: rtl; background: #000; text: #000\">השתמשו בערך ההחזרה של הפונקציה מהסעיף הקודם, בתוך if.</span></p>\n"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    " כעת ענו על השאלה הקודמת באמצעות הפונקציה שכתבתם בסעיף זה, כלומר כתבו פונקציה שמשתמשת בפונקציה המחזירה ערך בוליאני ומדפיסה בהתאם להוראת מהסעיף הקודם.<br/>רמז: <span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">השתמשו בערך ההחזרה של הפונקציה מהסעיף הקודם, בתוך if.</span></p>\n"
    ]
   },
   {
@@ -111,19 +110,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">כעת נרחיב את מערכת הבנק שלנו.<br>\n",
-    "    נניח כי לכל לקוח יש בחשבון הבנק 500 ש\"ח.<br>\n",
-    "    באמצעות הפוקנציות הקודמות שכתבנו נממש את התוכנית הבאה:<br>\n",
-    "<ul style=\"text-align:right; direction:rtl;\">\n",
-    "    <li>נבקש מהמשתמש שם משתמש וסיסמה.</li>\n",
-    "    <li>נאמת את שם המשתמש והסיסמה בעזרת מחולל הסיסמאות. אם האימות הצליח נדפיס: \n",
-    "        <samp> ?Login succeeded. How much you'd like to withdraw </samp><br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">כעת נרחיב את מערכת הבנק שלנו.<br/>\n",
+    "    נניח כי לכל לקוח יש בחשבון הבנק 500 ש\"ח.<br/>\n",
+    "    באמצעות הפוקנציות הקודמות שכתבנו נממש את התוכנית הבאה:<br/>\n",
+    "<ul dir=\"rtl\" style=\"text-align:right; direction:rtl;\">\n",
+    "<li>נבקש מהמשתמש שם משתמש וסיסמה.</li>\n",
+    "<li>נאמת את שם המשתמש והסיסמה בעזרת מחולל הסיסמאות. אם האימות הצליח נדפיס: \n",
+    "        <samp> ?Login succeeded. How much you'd like to withdraw </samp><br/>\n",
     "        אחרת נדפיס: <samp>.Login failed</samp></li>\n",
-    "    <li>כיון שלמשתמש יש 500 ש\"ח בחשבון, עלינו לוודא שסכום המשיכה אינו גבוה מ־500 ש\"ח. אם הסכום אכן גבוה מ־500 ש\"ח נדפיס: \n",
+    "<li>כיון שלמשתמש יש 500 ש\"ח בחשבון, עלינו לוודא שסכום המשיכה אינו גבוה מ־500 ש\"ח. אם הסכום אכן גבוה מ־500 ש\"ח נדפיס: \n",
     "        <samp>.Withdrawal denied</samp></li>\n",
-    "    <li>כמו כן, עלינו לוודא כי הסכום אינו שלילי או 0. במקרה זה נדפיס: \n",
+    "<li>כמו כן, עלינו לוודא כי הסכום אינו שלילי או 0. במקרה זה נדפיס: \n",
     "        <samp>.Invalid amount</samp></li>\n",
-    "    <li>אם הסכום חוקי, נדפיס: \n",
+    "<li>אם הסכום חוקי, נדפיס: \n",
     "        <samp>.(Please take your money (amount asked). Your balance is: (amount left in balance</samp></li>\n",
     "</ul>\n",
     "</p>"
@@ -133,25 +132,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl\">ציירו תחילה על דף תרשים זרימה של הקוד – תרשים מעויינים ללא קוד.\n",
-    "זה יעזור לכם במימוש.</p"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl\">ציירו תחילה על דף תרשים זרימה של הקוד – תרשים מעויינים ללא קוד.\n",
+    "זה יעזור לכם במימוש.&lt;/p</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות:</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות:</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "    Insert username: <samp>stam</samp><br>\n",
-    "    Insert password: <samp>stamSTAMXXXX</samp><br>\n",
-    "    Login succeeded. How much you'd like to withdraw? <samp>200</samp><br>\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "    Insert username: <samp>stam</samp><br/>\n",
+    "    Insert password: <samp>stamSTAMXXXX</samp><br/>\n",
+    "    Login succeeded. How much you'd like to withdraw? <samp>200</samp><br/>\n",
     "    Please take your money (200NIS). Your balance is: 300NIS.\n",
     "</p>"
    ]
@@ -160,12 +159,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה לסיסמה שגויה:\n",
     "</p>\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "    Insert username: <samp>stam</samp><br>\n",
-    "    Insert password: <samp>mats</samp><br>\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "    Insert username: <samp>stam</samp><br/>\n",
+    "    Insert password: <samp>mats</samp><br/>\n",
     "    Login failed.\n",
     "</p>"
    ]
@@ -174,14 +173,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה למשיכה לא חוקית:\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "    Insert username: <samp>stam</samp><br>\n",
-    "    Insert password: <samp>stamSTAMXXXX</samp><br>\n",
-    "    Login succeeded. How much you'd like to withdraw? <samp>600</samp><br>\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "    Insert username: <samp>stam</samp><br/>\n",
+    "    Insert password: <samp>stamSTAMXXXX</samp><br/>\n",
+    "    Login succeeded. How much you'd like to withdraw? <samp>600</samp><br/>\n",
     "    Withdrawal denied.\n",
     "</p>"
    ]
@@ -190,12 +188,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">דוגמה למשיכה של 0 ש\"ח:</p>\n",
-    "\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "    Insert username: <samp>stam</samp><br>\n",
-    "    Insert password: <samp>stamSTAMXXXX</samp><br>\n",
-    "    Login succeeded. How much you'd like to withdraw? <samp>0</samp><br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">דוגמה למשיכה של 0 ש\"ח:</p>\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "    Insert username: <samp>stam</samp><br/>\n",
+    "    Insert password: <samp>stamSTAMXXXX</samp><br/>\n",
+    "    Login succeeded. How much you'd like to withdraw? <samp>0</samp><br/>\n",
     "    Invalid amount.\n",
     "</p>"
    ]
@@ -213,9 +210,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לאחרונה עלתה דרישה לשכלל את הבנק שלנו, כך שרק מספר מצומצם של לקוחות יוכלו לגשת לבנק.<br>\n",
-    "    הגדירו רשימה של שמות של לקוחות שעבורם יתאפשר החיבור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לאחרונה עלתה דרישה לשכלל את הבנק שלנו, כך שרק מספר מצומצם של לקוחות יוכלו לגשת לבנק.<br/>\n",
+    "    הגדירו רשימה של שמות של לקוחות שעבורם יתאפשר החיבור.<br/>\n",
     "    עבור לקוחות שאינם ברשימה יכתוב הבנק <samp>You are not a customer of the bank</samp>.\n",
     "</p>"
    ]
@@ -233,19 +230,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:rtl;\">מתודות של מחרוזות</p>"
+    "## <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">מתודות של מחרוזות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\"> ניזכר בכמה פעולות של מחרוזות:<br>לכל אחד מהתרגילים הבאים הריצו את הדוגמה וכתבו בעצמכם 3 דוגמאות נוספות. הסבירו לעצמכם מה עושה כל מתודה למחרוזת שהיא מקבלת.<br>\n",
-    "אם תרצו להיזכר מה עושה מתודה מסוימת תוכלו להריץ אותה כך:<br></p>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> ניזכר בכמה פעולות של מחרוזות:<br/>לכל אחד מהתרגילים הבאים הריצו את הדוגמה וכתבו בעצמכם 3 דוגמאות נוספות. הסבירו לעצמכם מה עושה כל מתודה למחרוזת שהיא מקבלת.<br/>\n",
+    "אם תרצו להיזכר מה עושה מתודה מסוימת תוכלו להריץ אותה כך:<br/></p>\n",
     "<code>str.method-name?</code>\n",
-    "<p style=\"text-align:right;direction:rtl;\"> לדוגמה:<br></p>\n",
-    "<code>str.split?</code><br>\n",
-    "<p style=\"text-align:right;direction:rtl;\"> הריצו את התא הבא לקבלת מידע על המתודה <em>split</em>:<br></p>\n"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> לדוגמה:<br/></p>\n",
+    "<code>str.split?</code><br/>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> הריצו את התא הבא לקבלת מידע על המתודה <em>split</em>:<br/></p>\n"
    ]
   },
   {
@@ -594,47 +591,46 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:rtl;\">שעון עולמי</p>"
+    "## <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">שעון עולמי</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">בשאלה זו נכתוב גרסה של שעון עולמי התומך ב־4 אזורי זמן:<br>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תל אביב – TLV</li>\n",
-    "    <li>לונדון – LDN</li>\n",
-    "    <li>ניו יורק – NYC</li>\n",
-    "    <li>טוקיו – TYO</li>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">בשאלה זו נכתוב גרסה של שעון עולמי התומך ב־4 אזורי זמן:<br/>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תל אביב – TLV</li>\n",
+    "<li>לונדון – LDN</li>\n",
+    "<li>ניו יורק – NYC</li>\n",
+    "<li>טוקיו – TYO</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם נקבל תל אביב, נחזיר את השעה בתוספת 3 שעות.<br>\n",
-    "אם נקבל ניו יורק נחזיר את השעה פחות 4.<br>\n",
-    "אם נקבל טוקיו נחזיר את השעה ועוד 9.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם נקבל תל אביב, נחזיר את השעה בתוספת 3 שעות.<br/>\n",
+    "אם נקבל ניו יורק נחזיר את השעה פחות 4.<br/>\n",
+    "אם נקבל טוקיו נחזיר את השעה ועוד 9.<br/>\n",
     "בכל מקרה אחר נחזיר את השעה כמו שקיבלנו אותה.\n",
-    "</p>\n"
+    "</p>\n",
+    "</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">השעון שלנו בתרגיל זה הוא שעון 24 שעות בפורמט HH:MM.</p>\n",
-    "<p style=\"text-align:right;direction:rtl;\">תחילה, כתבו פונקציה המקבלת את השעה בפורמט HH:MM, ומקבלת את מספר השעות שיש להוסיף או להוריד מהשעה הנתונה, ומחזירה את השעה המעודכנת.</p><br>\n",
-    "<code>time_shift(\"08:44\", 1)</code><br>\n",
-    "<samp style=\"text-align:left;direction:ltr;\">\"09:44\"</samp><br>\n",
-    "<code>time_shift(\"07:31\", -2)</code><br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">השעון שלנו בתרגיל זה הוא שעון 24 שעות בפורמט HH:MM.</p>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">תחילה, כתבו פונקציה המקבלת את השעה בפורמט HH:MM, ומקבלת את מספר השעות שיש להוסיף או להוריד מהשעה הנתונה, ומחזירה את השעה המעודכנת.</p><br/>\n",
+    "<code>time_shift(\"08:44\", 1)</code><br/>\n",
+    "<samp dir=\"ltr\" style=\"text-align:left;direction:ltr;\">\"09:44\"</samp><br/>\n",
+    "<code>time_shift(\"07:31\", -2)</code><br/>\n",
     "<samp>\"05:31\"</samp>\n",
-    "<p style=\"text-align:right;direction:rtl;\">כמו כן עליכם לוודא שמוכנסת שעה חוקית, ולהדפיס שגיאה אם לא:</p><br>\n",
-    "<code>time_shift(\"32:12\", 4)</code><br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">כמו כן עליכם לוודא שמוכנסת שעה חוקית, ולהדפיס שגיאה אם לא:</p><br/>\n",
+    "<code>time_shift(\"32:12\", 4)</code><br/>\n",
     "<samp>\"Invalid time inserted\"</samp>\n",
-    "<p style=\"text-align:right;direction:rtl;\">נוסף לכך, עליכם לתמוך במעברים בין יממות. כלומר עליכם לבצע נכון פעולות מסוג זה:</p><br>\n",
-    "<code>time_shift(\"23:30\", 2)</code><br>\n",
-    "<samp>\"01:30\"</samp><br>\n",
-    "<code>time_shift(\"04:13\", -5)</code><br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">נוסף לכך, עליכם לתמוך במעברים בין יממות. כלומר עליכם לבצע נכון פעולות מסוג זה:</p><br/>\n",
+    "<code>time_shift(\"23:30\", 2)</code><br/>\n",
+    "<samp>\"01:30\"</samp><br/>\n",
+    "<code>time_shift(\"04:13\", -5)</code><br/>\n",
     "<samp>\"23:13\"</samp>"
    ]
   },
@@ -651,36 +647,35 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:right;\">רמזים</p>"
+    "## <p dir=\"right\" style=\"text-align:right;direction:right;\">רמזים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">פונקציות שימושיות:\n",
-    "    <span style=\"direction: rtl; background: #000; text: #000\"><br><em>split</em> – מתודה של <em>string</em>.<br>\n",
-    "        האופרטור % (מודולו) – חשבו עם איזה מספר צריך לעשות מודולו.<br>\n",
-    "        <em>zfill</em> – השתמשו בה במקרה שהשעה חד־ספרתית (לדוגמה 1:05 תהפוך ל־01:05) </span>\n",
-    "   \n",
-    "<p style=\"text-align:right;direction:rtl;\">רמזים נוספים:<br>\n",
-    "    <span style=\"direction: rtl; background: #000; text: #000\">מומלץ להמיר את השעה מ־<em>string</em> ל־<em>int</em> ואז לבצע את פעולות החשבון, ולבסוף להמיר חזרה ל־<em>string</em>\n",
-    "    </span>\n",
-    "</p>"
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">פונקציות שימושיות:\n",
+    "    <span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\"><br/><em>split</em> – מתודה של <em>string</em>.<br/>\n",
+    "        האופרטור % (מודולו) – חשבו עם איזה מספר צריך לעשות מודולו.<br/>\n",
+    "<em>zfill</em> – השתמשו בה במקרה שהשעה חד־ספרתית (לדוגמה 1:05 תהפוך ל־01:05) </span>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">רמזים נוספים:<br/>\n",
+    "<span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">מומלץ להמיר את השעה מ־<em>string</em> ל־<em>int</em> ואז לבצע את פעולות החשבון, ולבסוף להמיר חזרה ל־<em>string</em>\n",
+    "</span>\n",
+    "</p></p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\"> כעת כתבו פונקציה המקבלת שני פרמטרים – שעה ואזור זמן ובאמצעות הפונקציה מהתרגיל הקודם מחזירה את השעה באזור הזמן המבוקש.\n",
-    "<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> כעת כתבו פונקציה המקבלת שני פרמטרים – שעה ואזור זמן ובאמצעות הפונקציה מהתרגיל הקודם מחזירה את השעה באזור הזמן המבוקש.\n",
+    "<br/>\n",
     "    לדוגמה:\n",
     "</p>\n",
-    "<p style=\"text-align:left;direction:ltr;\">\n",
-    "    <code>convert_to_timezone(\"10:34\", \"TLV\")</code>\n",
-    "    <br>\n",
-    "    <samp>\"13:34\"</samp>\n",
+    "<p dir=\"ltr\" style=\"text-align:left;direction:ltr;\">\n",
+    "<code>convert_to_timezone(\"10:34\", \"TLV\")</code>\n",
+    "<br/>\n",
+    "<samp>\"13:34\"</samp>\n",
     "</p>"
    ]
   },
@@ -697,26 +692,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction:rtl; float: right; clear: both;\">אורכי רשימות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction:rtl; float: right; clear: both;\">אורכי רשימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו תוכנית שמקבלת 2 רשימות שונות, ומדפיסה:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    " <li>\"<samp>Same length</samp>\" אם הן באותו אורך.</li>\n",
-    " <li>\"<samp>Not same length</samp>\" אם הן באורך שונה.</li>\n",
-    " <li>\"<samp>Got empty list</samp>\" אם רשימה שקיבלנו היא באורך 0.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\"<samp>Same length</samp>\" אם הן באותו אורך.</li>\n",
+    "<li>\"<samp>Not same length</samp>\" אם הן באורך שונה.</li>\n",
+    "<li>\"<samp>Got empty list</samp>\" אם רשימה שקיבלנו היא באורך 0.</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה – אם קיבלנו 2 רשימות ריקות, נדפיס:<br>\n",
-    "    <samp style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה – אם קיבלנו 2 רשימות ריקות, נדפיס:<br/>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
     "        \"Got empty list\"\n",
     "        \"Got empty list\"\n",
     "        \"Same length\"\n",
@@ -737,41 +730,37 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction:rtl; float: right; clear: both;\">מיקומים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction:rtl; float: right; clear: both;\">מיקומים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה שמקבלת רשימה של רשימות.<br>\n",
-    "אם הרשימה החיצונית לא באורך 6, הפונקציה תדפיס <samp>Only lists of length 6 are allowed</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה שמקבלת רשימה של רשימות.<br/>\n",
+    "אם הרשימה החיצונית לא באורך 6, הפונקציה תדפיס <samp>Only lists of length 6 are allowed</samp>.<br/>\n",
     "הפונקציה תדפיס \"<samp dir=\"ltr\">Yes!</samp>\" אם אחד מהבאים מתקיים:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אורך הרשימה במקום ה־0 שווה לאורך הרשימה במקום ה־4</li>\n",
-    "    <li>אורך הרשימה במקום ה־3 שווה לאורך הרשימה במקום ה־2 וה־1</li>\n",
-    "    <li>אורך הרשימה במקום ה־5 שווה לאורך הרשימה במקום ה־3</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אורך הרשימה במקום ה־0 שווה לאורך הרשימה במקום ה־4</li>\n",
+    "<li>אורך הרשימה במקום ה־3 שווה לאורך הרשימה במקום ה־2 וה־1</li>\n",
+    "<li>אורך הרשימה במקום ה־5 שווה לאורך הרשימה במקום ה־3</li>\n",
     "</ul>\n",
-    "   \n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפונקציה תדפיס \"<samp dir=\"ltr\">Yes!</samp>\" עבור כל תנאי שמתקיים, גם אם קיים יותר מאחד כזה.<br>\n",
-    "לדוגמה, עבור:<br>\n",
-    "<code dir=\"ltr\" style=\"direction: ltr;\">multi = [[0], [1], [2], [3], [4], [5]]</code><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפונקציה תדפיס \"<samp dir=\"ltr\">Yes!</samp>\" עבור כל תנאי שמתקיים, גם אם קיים יותר מאחד כזה.<br/>\n",
+    "לדוגמה, עבור:<br/>\n",
+    "<code dir=\"ltr\" style=\"direction: ltr;\">multi = [[0], [1], [2], [3], [4], [5]]</code><br/>\n",
     "כל התנאים מתקיימים, ולכן נדפיס \"<samp dir=\"ltr\">Yes!</samp>\" 3 פעמים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כתבו לפחות 3 דוגמאות שונות שמדגימות:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אפס הדפסות</li>\n",
-    "    <li>הדפסה אחת</li>\n",
-    "    <li>שתי הדפסות</li>\n",
-    "    <li>שלוש הדפסות</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אפס הדפסות</li>\n",
+    "<li>הדפסה אחת</li>\n",
+    "<li>שתי הדפסות</li>\n",
+    "<li>שלוש הדפסות</li>\n",
     "</ul>"
    ]
   },
diff --git a/week3/1_While_Loops.ipynb b/week3/1_While_Loops.ipynb
index 8bc7883..620fe3a 100644
--- a/week3/1_While_Loops.ipynb
+++ b/week3/1_While_Loops.ipynb
@@ -4,31 +4,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">לולאות</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לולאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זהו בוקר אפלולי וגשום של יום ראשון. השמיים אפורים ואתם במיטה מתחת לפוך המפנק שלכם, מתפללים שאתם עדיין בתוך החלום המתוק ההוא.<br>\n",
-    "    השעה היא 7:30. השעון המעורר מנגן שוב את השיר שפעם היה האהוב עליכם, והיום מעלה בכם אסוציאציות קשות שמערבות את הטלפון החכם שלכם ופטיש כבד מאוד.<br>\n",
-    "    הפגישה שלכם תתקיים בשעה 9:00, ואתם יודעים בוודאות שתספיקו להגיע בזמן אם תתעוררו בשעה 8:00 ותמהרו מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זהו בוקר אפלולי וגשום של יום ראשון. השמיים אפורים ואתם במיטה מתחת לפוך המפנק שלכם, מתפללים שאתם עדיין בתוך החלום המתוק ההוא.<br/>\n",
+    "    השעה היא 7:30. השעון המעורר מנגן שוב את השיר שפעם היה האהוב עליכם, והיום מעלה בכם אסוציאציות קשות שמערבות את הטלפון החכם שלכם ופטיש כבד מאוד.<br/>\n",
+    "    הפגישה שלכם תתקיים בשעה 9:00, ואתם יודעים בוודאות שתספיקו להגיע בזמן אם תתעוררו בשעה 8:00 ותמהרו מאוד.<br/>\n",
     "    היד מושטת לכפתור ה\"נודניק\" שיפעיל שוב את השעון המעורר שלכם בעוד 10 דקות. ועוד פעם. ושוב.\n",
     "</p>"
    ]
@@ -37,9 +37,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם נתאר את האלגוריתם שלפיו פעלתם, נוכל להגיד כך:<br>\n",
-    "    <q>כל עוד השעון מצלצל, והשעה היא לפני 8:00, לחץ על כפתור הנודניק בשעון</q>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם נתאר את האלגוריתם שלפיו פעלתם, נוכל להגיד כך:<br/>\n",
+    "<q>כל עוד השעון מצלצל, והשעה היא לפני 8:00, לחץ על כפתור הנודניק בשעון</q>.<br/>\n",
     "    נצייר את דרך הפעולה שלכם:\n",
     "</p>"
    ]
@@ -49,8 +49,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "        <img src=\"images/while-flow.svg?v=4\" width=\"400px\" alt=\"התרשים מתחיל ב'הלכת לישון'. לאחר מכן הוא בודק האם השעון מצלצל וגם השעה היא לפני 8:00.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl; clear: both;\">\n",
+    "<img alt=\"התרשים מתחיל ב'הלכת לישון'. לאחר מכן הוא בודק האם השעון מצלצל וגם השעה היא לפני 8:00.\" src=\"images/while-flow.svg?v=4\" width=\"400px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both;\">\n",
     "        תרשים הזרימה של שעון מעורר בבוקר מדכא.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -60,18 +60,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            נסו לשרטט אלגוריתם להטלת 6 בקובייה.<br>\n",
-    "            כל עוד לא התקבל 6 בקובייה, הטילו את הקובייה מחדש.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            נסו לשרטט אלגוריתם להטלת 6 בקובייה.<br/>\n",
+    "            כל עוד לא התקבל 6 בקובייה, הטילו את הקובייה מחדש.<br/>\n",
     "            כשקיבלתם 6 בקובייה, פִּצְחוּ ב<a href=\"https://www.youtube.com/watch?v=Md7OvU5JIcI\">צהלולים</a> בקול גדול.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -79,16 +79,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "המבנה ששרטטנו זה עתה נקרא לולאה.<br>\n",
-    "נשתמש בלולאה כשנרצה לחזור על פעולה מספר פעמים שלאו דווקא ידוע לנו מראש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "המבנה ששרטטנו זה עתה נקרא לולאה.<br/>\n",
+    "נשתמש בלולאה כשנרצה לחזור על פעולה מספר פעמים שלאו דווקא ידוע לנו מראש.<br/>\n",
     "אם ננסה לנתח את הלולאה כרעיון, נגלה שכל לולאה מורכבת מ־4 חלקים מרכזיים:\n",
     "</p>"
    ]
@@ -97,11 +97,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>אתחול הסביבה</em> – הגדרת ערכים שבהם נשתמש בלולאה.</li>\n",
-    "    <li><em>תנאי הלולאה</em> – ביטוי בוליאני. כל עוד הביטוי הזה שקול ל־<code>True</code>, גוף הלולאה ימשיך להתבצע.</li>\n",
-    "    <li><em>גוף הלולאה</em> – הפעולות שיקרו בכל פעם שתנאי הלולאה מתקיים.</li>\n",
-    "    <li><em>צעד לקראת סוף הלולאה</em> – הליך שמבטיח שהלולאה תסתיים.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>אתחול הסביבה</em> – הגדרת ערכים שבהם נשתמש בלולאה.</li>\n",
+    "<li><em>תנאי הלולאה</em> – ביטוי בוליאני. כל עוד הביטוי הזה שקול ל־<code>True</code>, גוף הלולאה ימשיך להתבצע.</li>\n",
+    "<li><em>גוף הלולאה</em> – הפעולות שיקרו בכל פעם שתנאי הלולאה מתקיים.</li>\n",
+    "<li><em>צעד לקראת סוף הלולאה</em> – הליך שמבטיח שהלולאה תסתיים.</li>\n",
     "</ol>"
    ]
   },
@@ -109,20 +109,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "במקרה שלנו:\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>שלב <em style=\"color: #107896\">אתחול הסביבה</em> כולל:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>שלב <em style=\"color: #107896\">אתחול הסביבה</em> כולל:\n",
     "        <ol>\n",
-    "            <li><em style=\"color: #829456;\">הגדרת הצלצול הראשוני ל־7:30</em>.</li>\n",
-    "            <li><em style=\"color: #829456;\">הגדרת שעת ההשכמה הסופית ל־8:00</em>.</li>\n",
-    "            <li><em style=\"color: #829456;\">הגדרת ה\"נודניק\" לצלצל בעוד 10 דקות</em>.</li>\n",
-    "        </ol>\n",
-    "    </li>\n",
-    "    <li><em style=\"color: #107896\">תנאי הלולאה</em> יכול להיות <em style=\"color: #829456;\">השעון המעורר פועל וגם השעה היא לפני שעת ההשכמה הסופית</em>.</li>\n",
-    "    <li><em style=\"color: #107896\">גוף הלולאה</em> יכול להיות <em style=\"color: #829456;\">לחיצה על הנודניק</em> ו<em style=\"color: #829456;\">חזרה לישון</em>.</li>\n",
-    "    <li><em style=\"color: #107896\">צעד לקראת סוף הלולאה</em> הוא <em style=\"color: #829456;\">הזמן שעבר בין צלצול לצלצול, שמקרב אותנו לשעה 8:00</em>.</li>\n",
+    "<li><em style=\"color: #829456;\">הגדרת הצלצול הראשוני ל־7:30</em>.</li>\n",
+    "<li><em style=\"color: #829456;\">הגדרת שעת ההשכמה הסופית ל־8:00</em>.</li>\n",
+    "<li><em style=\"color: #829456;\">הגדרת ה\"נודניק\" לצלצל בעוד 10 דקות</em>.</li>\n",
+    "</ol>\n",
+    "</li>\n",
+    "<li><em style=\"color: #107896\">תנאי הלולאה</em> יכול להיות <em style=\"color: #829456;\">השעון המעורר פועל וגם השעה היא לפני שעת ההשכמה הסופית</em>.</li>\n",
+    "<li><em style=\"color: #107896\">גוף הלולאה</em> יכול להיות <em style=\"color: #829456;\">לחיצה על הנודניק</em> ו<em style=\"color: #829456;\">חזרה לישון</em>.</li>\n",
+    "<li><em style=\"color: #107896\">צעד לקראת סוף הלולאה</em> הוא <em style=\"color: #829456;\">הזמן שעבר בין צלצול לצלצול, שמקרב אותנו לשעה 8:00</em>.</li>\n",
     "</ol>"
    ]
   },
@@ -130,21 +130,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            נסו לחשוב על דוגמה משלכם ללולאה כלשהי. פרקו אותה ל־4 הרעיונות המרכזיים שבהם דנו.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -152,18 +152,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "קל לחשוב על דוגמאות ללולאות מחיי היום־יום.<br>\n",
-    "כמעט בכל פעם שאנחנו אומרים \"עד ש־\" או \"כל עוד־\", אנחנו בונים לולאה במציאות.<br>\n",
-    "בכל פעם שאנחנו חוזרים על משהו שוב ושוב, אנחנו פועלים לפי לולאה מסוימת שמניעה אותנו.<br>\n",
-    "רוב חיי היום־יום שלנו מתנהלים בלולאות, וזו הסיבה שלולאות הן כלי חזק כל כך בתכנות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "קל לחשוב על דוגמאות ללולאות מחיי היום־יום.<br/>\n",
+    "כמעט בכל פעם שאנחנו אומרים \"עד ש־\" או \"כל עוד־\", אנחנו בונים לולאה במציאות.<br/>\n",
+    "בכל פעם שאנחנו חוזרים על משהו שוב ושוב, אנחנו פועלים לפי לולאה מסוימת שמניעה אותנו.<br/>\n",
+    "רוב חיי היום־יום שלנו מתנהלים בלולאות, וזו הסיבה שלולאות הן כלי חזק כל כך בתכנות.<br/>\n",
     "</p>"
    ]
   },
@@ -171,7 +171,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לפניכם כמה דוגמאות ללולאות:\n",
     "</p>"
    ]
@@ -180,12 +180,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בזמן הארוחה, המשך לאכול עד שאתה שבע.</li>\n",
-    "    <li>התעורר מהשינה! כל עוד אתה עירני, המשך ללמוד פייתון.</li>\n",
-    "    <li>פתח את הספר בעמוד הראשון. כל עוד לא קראת את כל העמודים בספר, קרא את העמוד הנוכחי ואז עבור לעמוד הבא.</li>\n",
-    "    <li>כל עוד לא מצאת אישה שנקראת הרמיוני, גש למישהי אקראית בעלת שיער חום מתולתל ועיניים חומות שנמצאת על הרציף ושאל אותה אם היא הרמיוני.</li>\n",
-    "    <li>בליל כל הקדושים, התחפש, צא החוצה, וכל עוד לא ביקרת בכל הבתים ברחוב: לך לבית, צלצל בפעמון, אמור \"ממתק או תעלול\", קח ממתק, אמור תודה ולך לבית הבא.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בזמן הארוחה, המשך לאכול עד שאתה שבע.</li>\n",
+    "<li>התעורר מהשינה! כל עוד אתה עירני, המשך ללמוד פייתון.</li>\n",
+    "<li>פתח את הספר בעמוד הראשון. כל עוד לא קראת את כל העמודים בספר, קרא את העמוד הנוכחי ואז עבור לעמוד הבא.</li>\n",
+    "<li>כל עוד לא מצאת אישה שנקראת הרמיוני, גש למישהי אקראית בעלת שיער חום מתולתל ועיניים חומות שנמצאת על הרציף ושאל אותה אם היא הרמיוני.</li>\n",
+    "<li>בליל כל הקדושים, התחפש, צא החוצה, וכל עוד לא ביקרת בכל הבתים ברחוב: לך לבית, צלצל בפעמון, אמור \"ממתק או תעלול\", קח ממתק, אמור תודה ולך לבית הבא.</li>\n",
     "</ul>"
    ]
   },
@@ -193,16 +193,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
     "            מצאו את 4 הרעיונות המרכזיים שעליהם דיברנו בכל אחת מהדוגמאות.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -210,15 +210,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">כתיבת לולאה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כתיבת לולאה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בסרט המוזיקלי <cite>Hans Christian Andersen</cite> מ־1952, מופיע השיר <cite><a href=\"https://www.youtube.com/watch?v=fXi3bjKowJU&feature=youtu.be&t=96\">Inchworm</a></cite>, ושרים בו כך:\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בסרט המוזיקלי <cite>Hans Christian Andersen</cite> מ־1952, מופיע השיר <cite><a href=\"https://www.youtube.com/watch?v=fXi3bjKowJU&amp;feature=youtu.be&amp;t=96\">Inchworm</a></cite>, ושרים בו כך:\n",
     "</p>"
    ]
   },
@@ -227,10 +227,10 @@
    "metadata": {},
    "source": [
     "<blockquote>\n",
-    "    Two and two are four<br>\n",
-    "    Four and four are eight<br>\n",
-    "    Eight and eight are sixteen<br>\n",
-    "    Sixteen and sixteen are thirty-two<br>\n",
+    "    Two and two are four<br/>\n",
+    "    Four and four are eight<br/>\n",
+    "    Eight and eight are sixteen<br/>\n",
+    "    Sixteen and sixteen are thirty-two<br/>\n",
     "</blockquote>"
    ]
   },
@@ -238,8 +238,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "זה הזמן לכתוב Inchworm משלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "זה הזמן לכתוב Inchworm משלנו.<br/>\n",
     "נשרטט איך כתיבת לולאה עבור שיר שכזה תיראה:\n",
     "</p>"
    ]
@@ -249,8 +249,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/while-song.svg?v=4\" width=\"550px\" alt=\"מתחילים את השיר, ואז עוברים לתא שמגדיר את 'המשתנה הנוכחי' כ־2. אחר כך עוברים לתא שבו כתוב 'האם המשתנה הנוכחי קטן או שווה ל־16?'. התשובה לא מובילה לסיום התוכנית, והתשובה כן מובילה לשמירה של המשתנה הנוכחי ועוד המשתנה הנוכחי על משתנה שנקרא 'סכום המספרים'. התא הבא אליו מגיעים מפה במקרה של כן הוא הדפסת שורה בשיר, שהיא למעשה 'המשתנה הנוכחי ועוד המשתנה הנוכחי הם סכום המספרים'. התא הבא מופיע בשרשרת הוא התא שהופך את הערך של המשתנה הנוכחי להיות הערך של סכום המספרים. התא הבא חוזר לתנאי שממנו התחלנו.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl; clear: both;\">\n",
+    "<img alt=\"מתחילים את השיר, ואז עוברים לתא שמגדיר את 'המשתנה הנוכחי' כ־2. אחר כך עוברים לתא שבו כתוב 'האם המשתנה הנוכחי קטן או שווה ל־16?'. התשובה לא מובילה לסיום התוכנית, והתשובה כן מובילה לשמירה של המשתנה הנוכחי ועוד המשתנה הנוכחי על משתנה שנקרא 'סכום המספרים'. התא הבא אליו מגיעים מפה במקרה של כן הוא הדפסת שורה בשיר, שהיא למעשה 'המשתנה הנוכחי ועוד המשתנה הנוכחי הם סכום המספרים'. התא הבא מופיע בשרשרת הוא התא שהופך את הערך של המשתנה הנוכחי להיות הערך של סכום המספרים. התא הבא חוזר לתנאי שממנו התחלנו.\" src=\"images/while-song.svg?v=4\" width=\"550px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both;\">\n",
     "        תרשים זרימה שמתאר את התוכנית שנבנה להדפסת השיר Inchworm.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -260,19 +260,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "במקרה שלנו:\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>שלב <em style=\"color: #107896\">אתחול הסביבה</em> הוא השלב שבו <em style=\"color: #829456;\">נגדיר משתנה עם הערך הראשון להדפסה: 2</em>.</li>\n",
-    "    <li><em style=\"color: #107896\">תנאי הלולאה</em> בודק אם אנחנו <em style=\"color: #829456;\">בשורה האחרונה של השיר או לפניה</em>.</li>\n",
-    "    <li><em style=\"color: #107896\">גוף הלולאה</em> כולל:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>שלב <em style=\"color: #107896\">אתחול הסביבה</em> הוא השלב שבו <em style=\"color: #829456;\">נגדיר משתנה עם הערך הראשון להדפסה: 2</em>.</li>\n",
+    "<li><em style=\"color: #107896\">תנאי הלולאה</em> בודק אם אנחנו <em style=\"color: #829456;\">בשורה האחרונה של השיר או לפניה</em>.</li>\n",
+    "<li><em style=\"color: #107896\">גוף הלולאה</em> כולל:\n",
     "        <ol>\n",
-    "            <li><em style=\"color: #829456;\">הגדרת משתנה שמכיל את סכום שני המספרים</em>.</li>\n",
-    "            <li><em style=\"color: #829456;\">הדפסת שורה בשיר לפי הערך שחישבנו</em>.</li>\n",
-    "        </ol>\n",
-    "    </li>\n",
-    "    <li><em style=\"color: #107896\">הצעד לקראת סוף הלולאה</em> במקרה שלנו הוא <em style=\"color: #829456;\">קידום המשתנה שמכיל את המספר הנוכחי</em>.</li>\n",
+    "<li><em style=\"color: #829456;\">הגדרת משתנה שמכיל את סכום שני המספרים</em>.</li>\n",
+    "<li><em style=\"color: #829456;\">הדפסת שורה בשיר לפי הערך שחישבנו</em>.</li>\n",
+    "</ol>\n",
+    "</li>\n",
+    "<li><em style=\"color: #107896\">הצעד לקראת סוף הלולאה</em> במקרה שלנו הוא <em style=\"color: #829456;\">קידום המשתנה שמכיל את המספר הנוכחי</em>.</li>\n",
     "</ol>"
    ]
   },
@@ -280,7 +280,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "טוב, זה הזמן לקצת קוד, לא?\n",
     "</p>"
    ]
@@ -302,8 +302,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הקוד הזה משתמש במילת המפתח <code>while</code> כדי ליצור לולאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הקוד הזה משתמש במילת המפתח <code>while</code> כדי ליצור לולאה.<br/>\n",
     "הלולאה תואמת לחלוטין את תיאור השלבים המילולי שמופיע מעליה.\n",
     "</p>"
    ]
@@ -312,7 +312,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ננסה להיזכר איך נראית השורה הראשונה של השיר, וננסה להבין מה הקוד שנכתב למעלה אומר.\n",
     "</p>"
    ]
@@ -328,8 +328,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "דבר ראשון, עלינו להכין את הסביבה לפני השימוש בלולאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "דבר ראשון, עלינו להכין את הסביבה לפני השימוש בלולאה.<br/>\n",
     "נשתמש במשתנה שישמור עבורנו את הערך המספרי שיעמוד בראש השורה הנוכחית:\n",
     "</p>"
    ]
@@ -347,11 +347,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "המספר שפותח את השורה האחרונה בשיר הוא 16, ולכן נרצה שהלולאה תרוץ כל עוד המספר הנוכחי ששמרנו קטן מ־16 או שווה לו.<br>\n",
-    "נרשום את מילת המפתח <code>while</code>, ואחריה ביטוי בוליאני שיקבע מתי גוף הלולאה ירוץ. נסיים בנקודתיים.<br>\n",
-    "בכל פעם שהביטוי הבוליאני יהיה שווה ל־<code>True</code>, גוף הלולאה ירוץ.<br>\n",
-    "בפעם הראשונה (והיחידה) שהביטוי הבוליאני יהיה שקול ל־<code>False</code>, גוף הלולאה לא יתבצע והתוכנית תמשיך לבצע את הקוד שנמצא אחרי הלולאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "המספר שפותח את השורה האחרונה בשיר הוא 16, ולכן נרצה שהלולאה תרוץ כל עוד המספר הנוכחי ששמרנו קטן מ־16 או שווה לו.<br/>\n",
+    "נרשום את מילת המפתח <code>while</code>, ואחריה ביטוי בוליאני שיקבע מתי גוף הלולאה ירוץ. נסיים בנקודתיים.<br/>\n",
+    "בכל פעם שהביטוי הבוליאני יהיה שווה ל־<code>True</code>, גוף הלולאה ירוץ.<br/>\n",
+    "בפעם הראשונה (והיחידה) שהביטוי הבוליאני יהיה שקול ל־<code>False</code>, גוף הלולאה לא יתבצע והתוכנית תמשיך לבצע את הקוד שנמצא אחרי הלולאה.<br/>\n",
     "</p>"
    ]
   },
@@ -368,12 +368,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אחרי שכתבנו את התנאי, זה הזמן לכתוב מה אנחנו רוצים שיתבצע בכל פעם שהתנאי יתקיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אחרי שכתבנו את התנאי, זה הזמן לכתוב מה אנחנו רוצים שיתבצע בכל פעם שהתנאי יתקיים.<br/>\n",
     "החלק הזה נקרא \"גוף הלולאה\", וכל הרצה שלו נקראת \"<dfn>אִיטֶרַצְיָה</dfn>\", או בעברית, \"<dfn>חִזְרוּר</dfn>\".\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נתחיל בהגדרת המספר שיודפס בסוף השורה, שהוא המספר בתחילת השורה ועוד עצמו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נתחיל בהגדרת המספר שיודפס בסוף השורה, שהוא המספר בתחילת השורה ועוד עצמו.<br/>\n",
     "שימו לב להזחה, שמציינת שחלק הקוד הזה שייך ללולאת ה־<code>while</code> ושהוא ירוץ בכל פעם שהביטוי הבוליאני שבראשה שקול ל־<code>True</code>.\n",
     "</p>"
    ]
@@ -391,7 +391,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נדפיס את השורה עם הפרטים שיצרנו:\n",
     "</p>"
    ]
@@ -409,9 +409,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לסיום, לקראת הדפסת השורה הבאה, נקדם את המשתנה שמכיל את הערך שמודפס בתחילת כל שורה בשיר.<br>\n",
-    "הפעולה הזו תכין את המשתנה לשורה הבאה, וגם תקדם את הלולאה לסופה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לסיום, לקראת הדפסת השורה הבאה, נקדם את המשתנה שמכיל את הערך שמודפס בתחילת כל שורה בשיר.<br/>\n",
+    "הפעולה הזו תכין את המשתנה לשורה הבאה, וגם תקדם את הלולאה לסופה.<br/>\n",
     "כיוון שתחילת כל שורה חדשה בשיר זהה לסוף השורה הקודמת, נוכל לרשום בפשטות:\n",
     "</p>"
    ]
@@ -429,20 +429,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">סיכום ביניים</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סיכום ביניים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כפי שראינו, לולאת <code>while</code> משתמשת בביטוי בוליאני כדי להחליט אם להריץ קוד מסוים.<br>\n",
-    "היא בודקת אם הביטוי הבוליאני שקול ל־<code>True</code>, ואם כן, היא מריצה את קטע הקוד בגוף הלולאה.<br>\n",
-    "כל עוד הביטוי הבוליאני המופיע ליד המילה <code>while</code> שקול ל־<code>True</code>, גוף הלולאה ימשיך לרוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כפי שראינו, לולאת <code>while</code> משתמשת בביטוי בוליאני כדי להחליט אם להריץ קוד מסוים.<br/>\n",
+    "היא בודקת אם הביטוי הבוליאני שקול ל־<code>True</code>, ואם כן, היא מריצה את קטע הקוד בגוף הלולאה.<br/>\n",
+    "כל עוד הביטוי הבוליאני המופיע ליד המילה <code>while</code> שקול ל־<code>True</code>, גוף הלולאה ימשיך לרוץ.<br/>\n",
     "כשהביטוי יהפוך להיות שקול ל־<code>False</code>, הלולאה תפסיק את ריצת הקוד בגוף הלולאה, והקוד שאחריה ימשיך לרוץ.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הרעיון של <code>while</code> מקביל ל־<code>if</code> שגופו רץ וחוזר לראש התנאי פעם אחר פעם, עד שהביטוי הבוליאני שבראש התנאי שקול ל־<code>False</code>.\n",
     "</p>"
    ]
@@ -451,21 +451,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו קוד שמקבל מהמשתמש מספר שלם גדול מ־1, ומדפיס את כל המספרים מ־1 ועד המספר שנקלט.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -473,21 +473,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <p style=\"text-align: right; direction: rtl; float: right;\">תרגילים חשבוניים</p>"
+    "#### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תרגילים חשבוניים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לפניכם דוגמה של קוד שמחשב את סכום כל המספרים הטבעיים, מ־1 ועד למספר שהזין המשתמש.\n",
     "</p>"
    ]
@@ -514,16 +514,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            הגדירו את 4 החלקים המופיעים בלולאה המופיעה בקוד מעלה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            הגדירו את 4 החלקים המופיעים בלולאה המופיעה בקוד מעלה.<br/>\n",
     "            שרטטו כיצד היא עובדת.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -531,19 +531,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <p style=\"text-align: right; direction: rtl; float: right;\">מיקומים ברשימה</p>"
+    "#### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מיקומים ברשימה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפניכם קוד שמקבל כקלט את מספר התלמידים בכיתה.<br>\n",
-    "לאחר מכן, הוא מקבל כקלט את הציון של כל תלמיד במבחן האחרון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפניכם קוד שמקבל כקלט את מספר התלמידים בכיתה.<br/>\n",
+    "לאחר מכן, הוא מקבל כקלט את הציון של כל תלמיד במבחן האחרון.<br/>\n",
     "לבסוף, הקוד מחזיר את הציון הגבוה ביותר בכיתה.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "שימו לב לשימוש שנעשה כאן בלולאות כדי לגשת למיקומי ערכים ברשימה.\n",
     "</p>"
    ]
@@ -582,15 +582,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            חשבו על דרך לממש את הקוד הזה עם לולאה אחת בלבד.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -598,7 +598,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <p style=\"text-align: right; direction: rtl; float: right;\">לולאה בתוך לולאה</p>"
+    "#### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לולאה בתוך לולאה</p>"
    ]
   },
   {
@@ -623,22 +623,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            הסבירו לעצמכם כיצד הקוד הזה עובד.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            הסבירו לעצמכם כיצד הקוד הזה עובד.<br/>\n",
     "            במידת הצורך, הזינו את הקוד ב־<a href=\"http://pythontutor.com/visualize.html#mode=edit\">PythonTutor</a> כדי לראות מה הוא עושה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -646,23 +646,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניפוי שגיאות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניפוי שגיאות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">לולאה אין־סופית</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לולאה אין־סופית</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם אתם חדשים בנושא הלולאות והתנסיתם בפתירת התרגילים, יש סיכוי לא רע שנתקעה לכם המחברת.<br>\n",
-    "    כשאנחנו מתעסקים עם לולאת <code>while</code>, יש סיכון ממשי שניצור בטעות לולאה שלא תסתיים לעולם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם אתם חדשים בנושא הלולאות והתנסיתם בפתירת התרגילים, יש סיכוי לא רע שנתקעה לכם המחברת.<br/>\n",
+    "    כשאנחנו מתעסקים עם לולאת <code>while</code>, יש סיכון ממשי שניצור בטעות לולאה שלא תסתיים לעולם.<br/>\n",
     "    המצב שבו לולאה לא מסתיימת נקרא \"<dfn>לולאה אין־סופית</dfn>\", והוא נובע מכך שתנאי הלולאה שקול תמיד ל־<code>True</code>.\n",
     "</p>"
    ]
@@ -671,14 +671,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנן שתי טעויות נפוצות שגורמות ללולאות להיות אין־סופיות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנן שתי טעויות נפוצות שגורמות ללולאות להיות אין־סופיות.<br/>\n",
     "    זיהוי הטעות וטיפול בה יאפשרו ללולאה שלכם לעבוד כראוי:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>טעות בתנאי</em> – אין מצב שבו הביטוי הבוליאני בראש הלולאה יהיה שקול ל־<code>False</code>.</li>\n",
-    "    <li><em>טעות בקידום</em> – לא בוצע צעד שיקדם את הלולאה לכיוון הסוף שלה, ועקב כך הביטוי הבוליאני נשאר שקול ל־<code>True</code>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>טעות בתנאי</em> – אין מצב שבו הביטוי הבוליאני בראש הלולאה יהיה שקול ל־<code>False</code>.</li>\n",
+    "<li><em>טעות בקידום</em> – לא בוצע צעד שיקדם את הלולאה לכיוון הסוף שלה, ועקב כך הביטוי הבוליאני נשאר שקול ל־<code>True</code>.</li>\n",
     "</ul>"
    ]
   },
@@ -686,9 +685,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם ליד תא במחברת שלכם מופיעה כוכבית ותאים אחרים לא יכולים לרוץ, סימן שאותו תא עדיין רץ.<br>\n",
-    "    אם הוא רץ זמן רב מדי, יש סיכוי שמדובר בלולאה אין־סופית. אם זה אכן המצב, בחרו בסרגל הכלים של המחברת ב־\"Kernel\" ואז ב־\"Restart\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם ליד תא במחברת שלכם מופיעה כוכבית ותאים אחרים לא יכולים לרוץ, סימן שאותו תא עדיין רץ.<br/>\n",
+    "    אם הוא רץ זמן רב מדי, יש סיכוי שמדובר בלולאה אין־סופית. אם זה אכן המצב, בחרו בסרגל הכלים של המחברת ב־\"Kernel\" ואז ב־\"Restart\".<br/>\n",
     "    פעולה זו תעצור את הריצה של המחברת שלכם, ותאפשר לכם לתקן את הקוד הבעייתי ולהריץ אותו מחדש.\n",
     "</p>"
    ]
@@ -697,7 +696,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה דוגמה ללולאה אין־סופית, בתוכנה שמטרתה לספור מ־1 עד 10:\n",
     "</p>"
    ]
@@ -718,15 +717,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            למה הלולאה הזו אין־סופית? תקנו אותה כך שתפעל כראוי.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -734,16 +733,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הלולאה לא רצה</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הלולאה לא רצה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "המקרה ההפוך מלולאה אין־סופית הוא לולאה שפשוט לא רצה.<br>\n",
-    "במילים אחרות – לולאה שתנאי הכניסה שלה שקול ל־<code>False</code> בהרצתה הראשונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "המקרה ההפוך מלולאה אין־סופית הוא לולאה שפשוט לא רצה.<br/>\n",
+    "במילים אחרות – לולאה שתנאי הכניסה שלה שקול ל־<code>False</code> בהרצתה הראשונה.<br/>\n",
     "במקרה הזה, ראוי לבדוק כיצד אתחלנו את הסביבה, ואם התנאי שכתבנו אכן עובד.\n",
     "</p>"
    ]
@@ -764,17 +763,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            את הלולאה הזו כתב מתכנת מפוזר במיוחד, ויש בה יותר מבעיה אחת.<br>\n",
-    "            מצאו את הבעיות, תקנו אותן והריצו את התוכנית.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            את הלולאה הזו כתב מתכנת מפוזר במיוחד, ויש בה יותר מבעיה אחת.<br/>\n",
+    "            מצאו את הבעיות, תקנו אותן והריצו את התוכנית.<br/>\n",
     "            הפלט הרצוי, משמאל לימין, הוא: <samp dir=\"ltr\" style=\"direction: ltr\">8, 4, 2, 1</samp>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -782,18 +781,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">סטייה באחד</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סטייה באחד</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זאת טעות נפוצה מאוד, עד כדי כך שיש לה שם ואפילו <a href=\"https://en.wikipedia.org/wiki/Off-by-one_error\">ערך בוויקיפדיה</a>!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זאת טעות נפוצה מאוד, עד כדי כך שיש לה שם ואפילו <a href=\"https://en.wikipedia.org/wiki/Off-by-one_error\">ערך בוויקיפדיה</a>!<br/>\n",
     "    בשגיאה מסוג \"<dfn>סטייה באחד</dfn>\" (באנגלית: \"<dfn>Off By One</dfn>\") מתכנת שוכח לטפל במקרה האחרון, או מטפל במקרה אחד יותר מדי.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה דוגמה:\n",
     "</p>"
    ]
@@ -819,15 +818,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            מה הבעיה פה? כיצד ניתן לפתור אותה?\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -835,16 +834,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול בבאגים של לולאות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול בבאגים של לולאות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לולאות הן כלי עוצמתי שמוסיף עניין רב לקוד.<br>\n",
-    "עם זאת, לולאות עלולות להוסיף מקרים מיוחדים שגורמים לבאגים קשים לפענוח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לולאות הן כלי עוצמתי שמוסיף עניין רב לקוד.<br/>\n",
+    "עם זאת, לולאות עלולות להוסיף מקרים מיוחדים שגורמים לבאגים קשים לפענוח.<br/>\n",
     "הדרך הכי טובה למצוא בעיות היא להדפיס את ערכם של המשתנים שנמצאים בלולאה ובאתחולי המשתנים שלפניה.\n",
     "</p>"
    ]
@@ -853,10 +852,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הדפסות לפני תחילת הלולאה – בדקו מה הערך של תנאי הלולאה, ומהם הערכים של כל אחד מהביטויים שמרכיבים אותו.</li>\n",
-    "    <li>הדפסות בתוך הלולאה – בדקו מה קורה בתוך גוף הלולאה בכל איטרציה. האם הערכים של המשתנים הם אלו שצפיתם? כמה פעמים רץ גוף הלולאה?</li>\n",
-    "    <li>הדפסות אחרי הלולאה – מה ערכם של המשתנים בסיום הלולאה? מה הערכים של המשתנים בתנאי הבוליאני? האם הלולאה סיימה את עבודה מוקדם מדי?</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הדפסות לפני תחילת הלולאה – בדקו מה הערך של תנאי הלולאה, ומהם הערכים של כל אחד מהביטויים שמרכיבים אותו.</li>\n",
+    "<li>הדפסות בתוך הלולאה – בדקו מה קורה בתוך גוף הלולאה בכל איטרציה. האם הערכים של המשתנים הם אלו שצפיתם? כמה פעמים רץ גוף הלולאה?</li>\n",
+    "<li>הדפסות אחרי הלולאה – מה ערכם של המשתנים בסיום הלולאה? מה הערכים של המשתנים בתנאי הבוליאני? האם הלולאה סיימה את עבודה מוקדם מדי?</li>\n",
     "</ol>"
    ]
   },
@@ -864,14 +863,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>אתחול</dt><dd>לא רק בלולאות – הגדרת משתנים לערכים התחלתיים לפני ביצוע פעולה כלשהי.</dd>\n",
     "<dt>תנאי הלולאה</dt><dd>ביטוי בוליאני שכל עוד הוא שקול ל־<code>True</code>, גוף הלולאה ירוץ.</dd>\n",
     "<dt>גוף הלולאה</dt><dd>השורות שירוצו כל עוד תנאי הלולאה מתקדם. גוף הלולאה כולל את הקידום.</dd>\n",
@@ -887,29 +886,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">It's the final...</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">It's the final...</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נתקעתם במסיבה שבה סופרים את השניות לאחור עד לכניסת השנה החדשה.<br>\n",
-    "עזרו למשתתפים המבולבלים שהתחילו לספור מוקדם מדי –<br>\n",
-    "קבלו את מספר השניות שנותרו עד חצות, והדפיסו עבורם את הספירה לאחור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נתקעתם במסיבה שבה סופרים את השניות לאחור עד לכניסת השנה החדשה.<br/>\n",
+    "עזרו למשתתפים המבולבלים שהתחילו לספור מוקדם מדי –<br/>\n",
+    "קבלו את מספר השניות שנותרו עד חצות, והדפיסו עבורם את הספירה לאחור.<br/>\n",
     "בסוף הספירה, הדפיסו \"<span dir=\"ltr\" style=\"direction: ltr\">Happy new year!</span>\"\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לדוגמה, עבור 4, הדפיסו:<br>\n",
-    "    <samp dir=\"ltr\" style=\"direction: ltr\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לדוגמה, עבור 4, הדפיסו:<br/>\n",
+    "<samp dir=\"ltr\" style=\"direction: ltr\">\n",
     "        4\n",
     "        3\n",
     "        2\n",
@@ -923,16 +922,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">Play</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">Play</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ציירו פירמידה עומדת על הצד, כך שראשה יהיה בצד ימין.<br>\n",
-    "במהלך הקוד, קבלו מהמשתמש את אורך השורה שבה מצויר קודקוד הפירמידה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ציירו פירמידה עומדת על הצד, כך שראשה יהיה בצד ימין.<br/>\n",
+    "במהלך הקוד, קבלו מהמשתמש את אורך השורה שבה מצויר קודקוד הפירמידה.<br/>\n",
     "לדוגמה: בפירמידה שלפניכם, המשתמש הכניס 5 כאורך השורה שבה מצויר קודקוד הפירמידה.\n",
     "</p>"
    ]
@@ -958,27 +957,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">מפענח הצפנים 2</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">מפענח הצפנים 2</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הצופן לכספת הביתית שלכם הוא 4812. בנו משחק בול־פגיעה שמאפשר למשתמש לנסות לנחש את הצופן.<br>\n",
-    "למשתמש יש 3 ניסיונות לנחש נכונה את הקוד הסודי שלכם לפני שמופעלת אזעקה.<br>\n",
-    "כחלק ממנגנון ההגנה מאיבוד הסיסמה לכספת, הכספת מציגה כמה ספרות נכונות המשתמש הזין אחרי כל ניחוש.<br>\n",
-    "אפשרו למשתמש להזין קוד 3 פעמים, וכתבו לו בכל ניסיון כמה מתוך הספרות שהזין באמת קיימות בקוד הנכון, לאו דווקא בסדר שהקיש.<br>\n",
-    "אם לא הצליח אחרי 3 ניסיונות, הדפיסו שהאזעקה הופעלה וסיימו את התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הצופן לכספת הביתית שלכם הוא 4812. בנו משחק בול־פגיעה שמאפשר למשתמש לנסות לנחש את הצופן.<br/>\n",
+    "למשתמש יש 3 ניסיונות לנחש נכונה את הקוד הסודי שלכם לפני שמופעלת אזעקה.<br/>\n",
+    "כחלק ממנגנון ההגנה מאיבוד הסיסמה לכספת, הכספת מציגה כמה ספרות נכונות המשתמש הזין אחרי כל ניחוש.<br/>\n",
+    "אפשרו למשתמש להזין קוד 3 פעמים, וכתבו לו בכל ניסיון כמה מתוך הספרות שהזין באמת קיימות בקוד הנכון, לאו דווקא בסדר שהקיש.<br/>\n",
+    "אם לא הצליח אחרי 3 ניסיונות, הדפיסו שהאזעקה הופעלה וסיימו את התוכנית.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לדוגמה, אם המשתמש הקיש בניסיון הראשון 0634, הדפיסו לו שרק אחת הספרות שניחש נכונה.<br>\n",
-    "אם המשתמש הקיש בניסיון השני 1234, הדפיסו לו ש־3 ספרות תואמות לקוד המקורי.<br>\n",
-    "אם המשתמש הקיש בניסיון השלישי 1284, הדפיסו לו ש־4 ספרות תואמות לקוד המקורי, ואז הדפיסו לו שהופעלה האזעקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לדוגמה, אם המשתמש הקיש בניסיון הראשון 0634, הדפיסו לו שרק אחת הספרות שניחש נכונה.<br/>\n",
+    "אם המשתמש הקיש בניסיון השני 1234, הדפיסו לו ש־3 ספרות תואמות לקוד המקורי.<br/>\n",
+    "אם המשתמש הקיש בניסיון השלישי 1284, הדפיסו לו ש־4 ספרות תואמות לקוד המקורי, ואז הדפיסו לו שהופעלה האזעקה.<br/>\n",
     "אם המשתמש הקיש באחד הניסיונות 4812, הדפיסו שהכספת נפתחה בהצלחה וסיימו את התוכנית מייד.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "השתמשו בלולאות.\n",
     "</p>"
    ]
@@ -987,23 +986,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">כמו קולץ בישבן</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">כמו קולץ בישבן</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נגדיר כלל: אם מספר הוא זוגי, נחלק אותו ב־2. אם מספר הוא אי־זוגי, נכפיל אותו ב־3 ונוסיף לו 1.<br>\n",
-    "לפי השערת קולץ, אם ניקח מספר חיובי שלם ונשתמש עליו פעמים רבות בכלל הזה, תמיד נגיע בסופו של דבר למספר 1.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נגדיר כלל: אם מספר הוא זוגי, נחלק אותו ב־2. אם מספר הוא אי־זוגי, נכפיל אותו ב־3 ונוסיף לו 1.<br/>\n",
+    "לפי השערת קולץ, אם ניקח מספר חיובי שלם ונשתמש עליו פעמים רבות בכלל הזה, תמיד נגיע בסופו של דבר למספר 1.<br/>\n",
     "לדוגמה, אם ניקח את המספר 52, נקבל את שרשרת הפעולות הבאה:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>52 זוגי, ולכן נחלק ב־2. נקבל 26.</li>\n",
-    "    <li>26 זוגי, ולכן נחלק ב־2. נקבל 13.</li>\n",
-    "    <li>13 הוא אי־זוגי, ולכן נכפיל ב־3 ונוסיף 1. נקבל 40.</li>\n",
-    "    <li>וכך הלאה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>52 זוגי, ולכן נחלק ב־2. נקבל 26.</li>\n",
+    "<li>26 זוגי, ולכן נחלק ב־2. נקבל 13.</li>\n",
+    "<li>13 הוא אי־זוגי, ולכן נכפיל ב־3 ונוסיף 1. נקבל 40.</li>\n",
+    "<li>וכך הלאה.</li>\n",
     "</ul>"
    ]
   },
@@ -1018,8 +1017,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה שמקבלת מספר, ומחזירה את מספר הפעולות שצריך לעשות עליו, לפי השערת קולץ, כדי להגיע ל־1.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה שמקבלת מספר, ומחזירה את מספר הפעולות שצריך לעשות עליו, לפי השערת קולץ, כדי להגיע ל־1.<br/>\n",
     "לדוגמה: עבור המספר 52 היינו צריכים לבצע 11 פעולות כדי להגיע ל־1, ולכן עבור הקלט 52 הפונקציה תחזיר <samp>11</samp>.\n",
     "</p>"
    ]
@@ -1028,15 +1027,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">ממש קולץ בישבן</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">ממש קולץ בישבן</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "   מצאו עבור איזה מספר בין 1 ל־1,000, צריך לעשות הכי הרבה צעדים, לפי השערת קולץ, כדי להגיע ל־1.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "   מצאו עבור איזה מספר בין 1 ל־1,000, צריך לעשות הכי הרבה צעדים, לפי השערת קולץ, כדי להגיע ל־1.<br/>\n",
     "לדוגמה, הנה הצעדים שצריך לעשות עבור כל מספר עד 5:\n",
     "</p>"
    ]
@@ -1056,7 +1055,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מכאן שהמספר בין 1 ל־5 שעליו יש לעשות הכי הרבה צעדים, לפי השערת קולץ, עד שמגיעים ל־1, הוא <samp>3</samp>.\n",
     "</p>"
    ]
diff --git a/week3/2_Slicing.ipynb b/week3/2_Slicing.ipynb
index 52bed86..6f0147e 100644
--- a/week3/2_Slicing.ipynb
+++ b/week3/2_Slicing.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align: right; direction: rtl; float: right;\">חיתוך / Slicing</p>"
+    "# <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חיתוך / Slicing</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בשבוע שעבר למדנו כיצד לגשת לרשימה או למחרוזת במיקום מסוים:\n",
     "</p>"
    ]
@@ -49,8 +49,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זוהי יכולת שימושית מאוד, אך לעיתים עולה הצורך לקחת <em>כמה איברים</em> מתוך המשתנה שהגדרנו, ולבנות מהם רשימה חדשה או מחרוזת חדשה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זוהי יכולת שימושית מאוד, אך לעיתים עולה הצורך לקחת <em>כמה איברים</em> מתוך המשתנה שהגדרנו, ולבנות מהם רשימה חדשה או מחרוזת חדשה.<br/>\n",
     "    קחו לדוגמה את המקרה הבא, שבו התגנב למחרוזת שלנו מספר מיותר שהיינו שמחים להעלים:\n",
     "</p>"
    ]
@@ -68,16 +68,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        ממשו דרך המאפשרת להדפיס את המחרוזת ללא המספר.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "        ממשו דרך המאפשרת להדפיס את המחרוזת ללא המספר.<br/>\n",
     "        חשבו על דרך נוספת לעשות זאת.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -85,17 +85,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dfn>חיתוך</dfn> (או <dfn>Slicing</dfn>) היא שיטה שמטרתה להשיג חלק מהאיברים של ערך מסוים.<br>\n",
-    "במחרוזת, חיתוך יעזור לנו לקבל תת־מחרוזת מתוך המחרוזת השלמה.<br>\n",
-    "ברשימה, חיתוך יעזור לנו לקבל תת־רשימה מתוך הרשימה השלמה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>חיתוך</dfn> (או <dfn>Slicing</dfn>) היא שיטה שמטרתה להשיג חלק מהאיברים של ערך מסוים.<br/>\n",
+    "במחרוזת, חיתוך יעזור לנו לקבל תת־מחרוזת מתוך המחרוזת השלמה.<br/>\n",
+    "ברשימה, חיתוך יעזור לנו לקבל תת־רשימה מתוך הרשימה השלמה.<br/>\n",
     "</p>"
    ]
   },
@@ -103,21 +103,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align: right; direction: rtl; float: right;\">חיתוך בפייתון</p>"
+    "## <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חיתוך בפייתון</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">חיתוך לפי טווח</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חיתוך לפי טווח</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נבחן את המחרוזת הבאה:\n",
     "</p>"
    ]
@@ -135,8 +135,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מטרתנו תהיה \"לחלץ\" את החלק הראשון של המחרוזת, זה שנמצא לפני ה־42,  באמצעות חיתוך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מטרתנו תהיה \"לחלץ\" את החלק הראשון של המחרוזת, זה שנמצא לפני ה־42,  באמצעות חיתוך.<br/>\n",
     "לשם כך, נביט על המיקום של כל אות:\n",
     "</p>"
    ]
@@ -146,41 +146,41 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -188,9 +188,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפי השרטוט, אנחנו רוצים לחתוך ממיקום 0 ועד מיקום 3.<br>\n",
-    "נבקש מפייתון את המיקומים בצורה הבאה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפי השרטוט, אנחנו רוצים לחתוך ממיקום 0 ועד מיקום 3.<br/>\n",
+    "נבקש מפייתון את המיקומים בצורה הבאה:<br/>\n",
     "</p>"
    ]
   },
@@ -198,12 +198,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>נפתח סוגריים מרובעים.</li>\n",
-    "    <li>מייד אחריהם, נציין את המיקום שממנו נתחיל לקחת איברים.</li>\n",
-    "    <li>נשים נקודתיים.</li>\n",
-    "    <li>מייד אחריהן, נציין מיקום <em>הגדול באחד</em> מהמקום שבו נסיים. פייתון לא תתחשב באיבר שבמיקום הזה.</li>\n",
-    "    <li>נסגור סוגריים מרובעים.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>נפתח סוגריים מרובעים.</li>\n",
+    "<li>מייד אחריהם, נציין את המיקום שממנו נתחיל לקחת איברים.</li>\n",
+    "<li>נשים נקודתיים.</li>\n",
+    "<li>מייד אחריהן, נציין מיקום <em>הגדול באחד</em> מהמקום שבו נסיים. פייתון לא תתחשב באיבר שבמיקום הזה.</li>\n",
+    "<li>נסגור סוגריים מרובעים.</li>\n",
     "</ol>"
    ]
   },
@@ -222,41 +222,41 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent); border-bottom: None;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);  border-top: None\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent); border-bottom: None;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);  border-top: None\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -264,17 +264,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%;\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            קל לזכור שפייתון לא לוקחת את האיבר האחרון:<br>\n",
-    "            אם ניקח את המיקום של האיבר האחרון, ונחסר ממנו את המיקום של האיבר הראשון – נקבל את מספר האיברים שחזרו.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%;\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            קל לזכור שפייתון לא לוקחת את האיבר האחרון:<br/>\n",
+    "            אם ניקח את המיקום של האיבר האחרון, ונחסר ממנו את המיקום של האיבר הראשון – נקבל את מספר האיברים שחזרו.<br/>\n",
     "            במקרה שלנו – 4 פחות 0 יוצא 4, שזה בדיוק מספר האיברים שקיבלנו חזרה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -282,16 +282,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            רבים נוטים להתבלבל בין חיתוך לבין קריאה לפונקציה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            רבים נוטים להתבלבל בין חיתוך לבין קריאה לפונקציה.<br/>\n",
     "            טעות זו מתאפיינת בבלבול בין סוגריים עגולים לבין סוגריים מרובעים, או בין פסיק לבין נקודתיים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -299,15 +299,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "            חיתוכים לא משנים את המחרוזת המקורית, אלא אם נבצע השמה חזרה לתוך המשתנה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -315,7 +315,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם אנחנו מעוניינים להתחיל את החיתוך מתחילת המחרוזת, נוכל להשמיט את החלק שלפני הנקודתיים:\n",
     "</p>"
    ]
@@ -334,7 +334,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נשתמש בטריק דומה כדי לחלץ את החלק השני של המחרוזת – מתא 6 ועד סוף המחרוזת:\n",
     "</p>"
    ]
@@ -353,44 +353,44 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "        <td style=\"font-size: 1.3rem; color: #777; text-align: left; border-left: 1px solid #555555; border: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\"></td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
-    "            <td style=\"vertical-align: bottom; border: 2px solid; border-top-color: orange; border: None; background-color: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\"></td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "            <td style=\"font-size: 1.3rem; color: #777; text-align: right;\"></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "<td style=\"font-size: 1.3rem; color: #777; text-align: left; border-left: 1px solid #555555; border: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\"></td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
+    "<td style=\"vertical-align: bottom; border: 2px solid; border-top-color: orange; border: None; background-color: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\"></td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "<td style=\"font-size: 1.3rem; color: #777; text-align: right;\"></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -398,7 +398,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אחרי שחתכנו יפה כל כך את המחרוזת של האבוקדו, הגיע הזמן ליהנות מהפירות:\n",
     "</p>"
    ]
@@ -416,15 +416,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו שורה שמחלצת רק את תת־המחרוזת \"42\" מתוך המחרוזת.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -432,16 +432,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">חיתוך בקפיצות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חיתוך בקפיצות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אגף כוח האדם הנהדר של צה\"ל ביקש מכם לחלץ את האותיות A, c, a מתוך המחרוזת שהוצגה למעלה.<br>\n",
-    "אם נבדוק היטב, נגלה שהאותיות מופיעות החל מהתא ה־0, בקפיצות של 3 בכל פעם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אגף כוח האדם הנהדר של צה\"ל ביקש מכם לחלץ את האותיות A, c, a מתוך המחרוזת שהוצגה למעלה.<br/>\n",
+    "אם נבדוק היטב, נגלה שהאותיות מופיעות החל מהתא ה־0, בקפיצות של 3 בכל פעם.<br/>\n",
     "למזלנו, בפייתון יש דרך פשוטה להפליא לחתוך תוך כדי קפיצות מאות לאות – להוסיף נקודתיים, ואז את מרחק הקפיצה!\n",
     "</p>"
    ]
@@ -459,8 +459,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "למה זה לא הצליח?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "למה זה לא הצליח?<br/>\n",
     "נזכר שפייתון לא אוהבת לקחת את המקום האחרון:\n",
     "</p>"
    ]
@@ -470,41 +470,41 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -512,7 +512,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נתקן, ועל הדרך ניזכר שלא באמת צריך את ה־0 שם בהתחלה:\n",
     "</p>"
    ]
@@ -531,41 +531,41 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; \">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; \">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(45deg, orange, orange 7px, transparent 5px, transparent);\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(135deg, orange, orange 7px, transparent 5px, transparent);\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -573,15 +573,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">חיתוך הפוך</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חיתוך הפוך</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כחובבים גדולים של שירה לירית, הפעם המטרה שלנו תהיה להשיג את המחרוזת \"oda\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כחובבים גדולים של שירה לירית, הפעם המטרה שלנו תהיה להשיג את המחרוזת \"oda\".<br/>\n",
     "</p>"
    ]
   },
@@ -589,9 +589,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נשים לב שמדובר בתאים 6, 7 ו־8 בסדר הפוך.<br>\n",
-    "    נוכל לנסות להפוך את הסדר של המספרים:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נשים לב שמדובר בתאים 6, 7 ו־8 בסדר הפוך.<br/>\n",
+    "    נוכל לנסות להפוך את הסדר של המספרים:<br/>\n",
     "</p>"
    ]
   },
@@ -608,8 +608,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אך מהר מאוד נגלה שישנה בעיה בהתקדמות נגד כיוון החץ –<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אך מהר מאוד נגלה שישנה בעיה בהתקדמות נגד כיוון החץ –<br/>\n",
     "    אי־אפשר להגיע מתא 8 לתא 5 אם אנחנו מתקדמים ימינה.\n",
     "</p>"
    ]
@@ -619,44 +619,44 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "        <td style=\"font-size: 1.3rem; color: #777; text-align: left; border-left: 1px solid #555555; border: None; background-image: linear-gradient(45deg, gray, gray 7px, transparent 5px, transparent);\"></td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"o\"</td>\n",
-    "            <td style=\"vertical-align: bottom; border: 2px solid; border-top-color: orange; border: None; background-color: None; background-image: linear-gradient(135deg, gray, gray 7px, transparent 5px, transparent);\"></td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "            <td style=\"font-size: 1.3rem; color: #777; text-align: right;\"></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "<td style=\"font-size: 1.3rem; color: #777; text-align: left; border-left: 1px solid #555555; border: None; background-image: linear-gradient(45deg, gray, gray 7px, transparent 5px, transparent);\"></td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: #dcdcdc;\">\"o\"</td>\n",
+    "<td style=\"vertical-align: bottom; border: 2px solid; border-top-color: orange; border: None; background-color: None; background-image: linear-gradient(135deg, gray, gray 7px, transparent 5px, transparent);\"></td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "<td style=\"font-size: 1.3rem; color: #777; text-align: right;\"></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -664,8 +664,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל מה שנצטרך זה לבקש לקפוץ בצעדים של <span dir=\"ltr\" style=\"direction: ltr;\">-1</span>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל מה שנצטרך זה לבקש לקפוץ בצעדים של <span dir=\"ltr\" style=\"direction: ltr;\">-1</span>.<br/>\n",
     "    כשכמות הצעדים (הקפיצות) שלנו היא מספר שלילי, כיוון החץ הופך להיות מימין לשמאל:\n",
     "</p>"
    ]
@@ -684,41 +684,41 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black;\tborder-collapse: collapse; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(315deg, orange, orange 7px, transparent 5px, transparent);\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(225deg, orange, orange 7px, transparent 5px, transparent);\">\"2\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"d\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
-    "      </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "            </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; border-bottom: None; background-image: linear-gradient(315deg, orange, orange 7px, transparent 5px, transparent);\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">8</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"A\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"v\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"o\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"c\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"4\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top: None; background-image: linear-gradient(225deg, orange, orange 7px, transparent 5px, transparent);\">\"2\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"a\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"d\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-top-color: orange;\">\"o\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-9</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -726,7 +726,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במקרה כזה, סוף המחרוזת שאנחנו חותכים נחשבת התחלת המחרוזת (כי החיתוך מתחיל מימין):\n",
     "</p>"
    ]
@@ -744,16 +744,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            חִתְכוּ מהמחרוזת את תת־המחרוזת \"covA\".<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            חִתְכוּ מהמחרוזת את תת־המחרוזת \"covA\".<br/>\n",
     "            לאחר מכן, הדפיסו את המחרוזת \"oda24covA\" בעזרת חיתוך של <code>word</code>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -761,14 +761,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</p>"
+    "### <p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    חיתוך עובד בצורה זהה על רשימה:\n",
     "</p>"
    ]
@@ -841,8 +841,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אפשר לעבוד גם עם מיקומים שליליים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אפשר לעבוד גם עם מיקומים שליליים.<br/>\n",
     "עבור פייתון זה אותו דבר:\n",
     "</p>"
    ]
@@ -871,14 +871,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">איזה עולם</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">איזה עולם</p>"
    ]
   },
   {
@@ -894,15 +894,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שרשרו את המחרוזות הבאות יחד, לפי הסדר שבו הן מוצגות בתרגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שרשרו את המחרוזות הבאות יחד, לפי הסדר שבו הן מוצגות בתרגיל.<br/>\n",
     "לצורך התרגיל, התייחסו ל־H כתו הראשון במחרוזת. כמו כן, התייחסו לרווח כתו לכל דבר.\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המחרוזת שהוגדרה מהתו השביעי והלאה.</li>\n",
-    "    <li>המחרוזת שהוגדרה מהתו השישי ועד התו החמישי, כולל, מימין לשמאל.</li>\n",
-    "    <li>המחרוזת <span dir=\"ltr\" style=\"direction: ltr\">\"f \"</span> (התו f ואז רווח).</li>\n",
-    "    <li>ארבעת התווים הראשונים במחרוזת שהוגדרה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המחרוזת שהוגדרה מהתו השביעי והלאה.</li>\n",
+    "<li>המחרוזת שהוגדרה מהתו השישי ועד התו החמישי, כולל, מימין לשמאל.</li>\n",
+    "<li>המחרוזת <span dir=\"ltr\" style=\"direction: ltr\">\"f \"</span> (התו f ואז רווח).</li>\n",
+    "<li>ארבעת התווים הראשונים במחרוזת שהוגדרה.</li>\n",
     "</ol>"
    ]
   },
@@ -910,16 +910,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">מסר סודי ביותר</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">מסר סודי ביותר</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ארפכשד העביר לכדרלעומר מסר סודי ומוצפן.<br>\n",
-    "במחרוזת הבאה, אם תקפצו בכל פעם מעל מספר מסוים של אותיות, תקבלו מסר חשוב הכולל את סיסמתו של ארפכשד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ארפכשד העביר לכדרלעומר מסר סודי ומוצפן.<br/>\n",
+    "במחרוזת הבאה, אם תקפצו בכל פעם מעל מספר מסוים של אותיות, תקבלו מסר חשוב הכולל את סיסמתו של ארפכשד.<br/>\n",
     "מצאו על כמה אותיות צריך לדלג בכל פעם כדי להשיג את המסר הסודי שנשלח לארפכשד.\n",
     "</p>"
    ]
@@ -928,7 +928,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<em>רמז</em>: <span style=\"background: black;\">המחרוזת כוללת את המילה <q>password</q></span>.\n",
     "</p>"
    ]
@@ -946,18 +946,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"align: right; direction: ltr; float: right; clear: both;\">(\"The very best\"[-3:]*2)[2:6]</p>"
+    "### <p dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">(\"The very best\"[-3:]*2)[2:6]</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפניכם דוגמה של קובץ טקסט שמסודר בצורה שמזכירה טבלה.<br>\n",
-    "הקובץ מכיל את עשרים הפוקימונים הראשונים. העמודות מופרדות זו מזו בפסיקים.<br>\n",
-    "החזירו רשימה של רשימות, כאשר כל תת־רשימה מייצגת שורה בטבלה, וכל תא ברשימה הזו מייצג את הערך שנמצא בעמודה באותה רשימה.<br>\n",
-    "מחקו מהרשימות את עמודת Generation (שהרי כולם מדור ראשון), ואת עמודת Legendary (אף אחד מהם אינו אגדי).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפניכם דוגמה של קובץ טקסט שמסודר בצורה שמזכירה טבלה.<br/>\n",
+    "הקובץ מכיל את עשרים הפוקימונים הראשונים. העמודות מופרדות זו מזו בפסיקים.<br/>\n",
+    "החזירו רשימה של רשימות, כאשר כל תת־רשימה מייצגת שורה בטבלה, וכל תא ברשימה הזו מייצג את הערך שנמצא בעמודה באותה רשימה.<br/>\n",
+    "מחקו מהרשימות את עמודת Generation (שהרי כולם מדור ראשון), ואת עמודת Legendary (אף אחד מהם אינו אגדי).<br/>\n",
     "מחקו גם את עמודת Total.\n",
     "</p>"
    ]
@@ -966,7 +966,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה לפלט שאמור להתקבל עבור 3 השורות הראשונות:\n",
     "</p>"
    ]
@@ -988,8 +988,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<strong>בונוס</strong>: המירו לטיפוס מסוג <em>int</em> את המקומות ברשימה שמכילים מספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>בונוס</strong>: המירו לטיפוס מסוג <em>int</em> את המקומות ברשימה שמכילים מספרים.<br/>\n",
     "זהו תרגיל מורכב. הרגישו בנוח לפתוח מחברות משבוע קודם ולהיעזר במדריכים.\n",
     "</p>"
    ]
diff --git a/week3/3_Files.ipynb b/week3/3_Files.ipynb
index de13ea3..3497684 100644
--- a/week3/3_Files.ipynb
+++ b/week3/3_Files.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">קבצים</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קבצים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dfn>קובץ</dfn> הוא מבנה שמאגד בתוכו נתונים השמורים במחשב שלכם.<br>\n",
-    "    לכל קובץ יש שם וכתובת (<dfn>נתיב</dfn>, או באנגלית <dfn>path</dfn>), והוא מכיל כמות מסוימת של מידע שמשפיעה על גודלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>קובץ</dfn> הוא מבנה שמאגד בתוכו נתונים השמורים במחשב שלכם.<br/>\n",
+    "    לכל קובץ יש שם וכתובת (<dfn>נתיב</dfn>, או באנגלית <dfn>path</dfn>), והוא מכיל כמות מסוימת של מידע שמשפיעה על גודלו.<br/>\n",
     "    תוכן הקובץ הוא מה שמגדיר את סוגו. סוגי קבצים שונים משמשים למטרות שונות, לדוגמה:\n",
     "</p>"
    ]
@@ -36,41 +36,41 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>סוג הקובץ</th>\n",
-    "            <th>תכלית הקובץ</th>\n",
-    "            <th>דוגמאות לסיומות</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td>טקסט</td>\n",
-    "            <td>מכיל מלל בלבד, ללא עיצוב כלשהו (הדגשות, גדלים וכדומה)</td>\n",
-    "            <td>txt</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>תמונה</td>\n",
-    "            <td>ייצוג של תמונה דיגיטלית למטרת הצגה חזותית שלה</td>\n",
-    "            <td>png, jpg, gif, bmp</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>וידיאו</td>\n",
-    "            <td>ייצוג של סרט או כל וידיאו אחר</td>\n",
-    "            <td>mp4, avi, flv</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>פייתון</td>\n",
-    "            <td>מכיל קוד שהתוכנה של פייתון יודעת לקרוא ולהפעיל</td>\n",
-    "            <td>py, pyc, pyd</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>הרצה</td>\n",
-    "            <td>מכיל סדרת הוראות המיועדות לקריאה ולהרצה על־ידי המחשב</td>\n",
-    "            <td>exe, dmg</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>סוג הקובץ</th>\n",
+    "<th>תכלית הקובץ</th>\n",
+    "<th>דוגמאות לסיומות</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td>טקסט</td>\n",
+    "<td>מכיל מלל בלבד, ללא עיצוב כלשהו (הדגשות, גדלים וכדומה)</td>\n",
+    "<td>txt</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>תמונה</td>\n",
+    "<td>ייצוג של תמונה דיגיטלית למטרת הצגה חזותית שלה</td>\n",
+    "<td>png, jpg, gif, bmp</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>וידיאו</td>\n",
+    "<td>ייצוג של סרט או כל וידיאו אחר</td>\n",
+    "<td>mp4, avi, flv</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>פייתון</td>\n",
+    "<td>מכיל קוד שהתוכנה של פייתון יודעת לקרוא ולהפעיל</td>\n",
+    "<td>py, pyc, pyd</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>הרצה</td>\n",
+    "<td>מכיל סדרת הוראות המיועדות לקריאה ולהרצה על־ידי המחשב</td>\n",
+    "<td>exe, dmg</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -78,17 +78,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מהברזל ועד הקובץ</span>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "קבצים הם דרך נהדרת לקבל הצצה חטופה לעומק ולמורכבות של המכונה המדהימה שנקראת מחשב.<br>\n",
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מהברזל ועד הקובץ</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "קבצים הם דרך נהדרת לקבל הצצה חטופה לעומק ולמורכבות של המכונה המדהימה שנקראת מחשב.<br/>\n",
     "ננסה לצייר לכם תמונה מלאה – נתחיל מהשכבה הנמוכה ביותר, הכונן הקשיח שלכם, ולבסוף נגיע לקבצים.\n",
     "</p>"
    ]
@@ -97,11 +96,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכונן הקשיח</span>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dfn>כונן קשיח</dfn> הוא אחד מהרכיבים הנמצאים בקופסת המחשב שעליו אתם עובדים כרגע.<br>\n",
-    "זהו הרכיב שמאחסן לטווח ארוך את המידע במחשב שלכם – קבצים, תוכנות, מערכת הפעלה והגדרות, כמו העדפות השפה שלכם.<br>\n",
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכונן הקשיח</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>כונן קשיח</dfn> הוא אחד מהרכיבים הנמצאים בקופסת המחשב שעליו אתם עובדים כרגע.<br/>\n",
+    "זהו הרכיב שמאחסן לטווח ארוך את המידע במחשב שלכם – קבצים, תוכנות, מערכת הפעלה והגדרות, כמו העדפות השפה שלכם.<br/>\n",
     "היתרון המובהק של כוננים קשיחים הוא שהם יודעים לשמור על המידע שלכם לאורך זמן, גם כאשר הם לא מוזנים בחשמל.\n",
     "</p>"
    ]
@@ -110,26 +108,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ביט</span>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כוננים קשיחים מכילים הרבה יחידות קטנטנות שכל אחת מהן נקראת \"ביט\".<br>\n",
-    "<dfn>ביט</dfn> הוא ערך שיכול להיות 0 או 1, כלומר כבוי או דולק.<br>\n",
-    "בכל כונן קשיח פשוט שנמכר כיום יש מקום ל<em>מאות מיליארדי</em>(!) ביטים כאלו.<br> \n",
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ביט</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כוננים קשיחים מכילים הרבה יחידות קטנטנות שכל אחת מהן נקראת \"ביט\".<br/>\n",
+    "<dfn>ביט</dfn> הוא ערך שיכול להיות 0 או 1, כלומר כבוי או דולק.<br/>\n",
+    "בכל כונן קשיח פשוט שנמכר כיום יש מקום ל<em>מאות מיליארדי</em>(!) ביטים כאלו.<br/> \n",
     "כך נשמר כל המידע שדיברנו עליו בפסקה הקודמת.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם נסתכל בעיניים אנושיות על רצפי התאים הקטנטנים, הביטים, שנמצאים בכונן הקשיח, קרוב לוודאי שלא נבין מהם כלום.<br>\n",
-    "הנה דוגמה לרצף שכזה: 010000100011001100101111010100110011001000110011.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם נסתכל בעיניים אנושיות על רצפי התאים הקטנטנים, הביטים, שנמצאים בכונן הקשיח, קרוב לוודאי שלא נבין מהם כלום.<br/>\n",
+    "הנה דוגמה לרצף שכזה: 010000100011001100101111010100110011001000110011.<br/> \n",
     "איך יוצקים משמעות לתוך דבר כזה? מה רצף המספרים הזה אומר בכלל?\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נדמיין לרגע שאנחנו הממציאים של המחשב, ושהמטרה שלנו היא לייצג טקסט בצורה קלה לשמירה ולקריאה לאחר מכן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נדמיין לרגע שאנחנו הממציאים של המחשב, ושהמטרה שלנו היא לייצג טקסט בצורה קלה לשמירה ולקריאה לאחר מכן.<br/>\n",
     "האם תוכלו לחשוב על דרך לעשות זאת רק באמצעות רצפים של 0 ו־1?\n",
     "</p>\n",
-    "\n",
     "<div style=\"clear: both;\"></div>"
    ]
   },
@@ -137,12 +131,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג תווים</span>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בעיה דומה של ייצוג טקסט באמצעות אפסים ואחדים בלבד, עלתה אי שם ב־1960.<br>\n",
-    "אחסוך לכם הרבה מעשיות בדרך, אבל מפה לשם הוחלט על תקן בשם <dfn id=\"ASCII\"><abbr title=\"American Standard Code for Information Interchange\">ASCII</abbr></dfn>, שקובע שכל סידור אפשרי של 8 ביטים שכאלו, שנקרא \"<dfn>בייט</dfn>\", ייצג תו.<br>\n",
-    "האות A קיבלה את הייצוג 01000001, האות Z, למשל, קיבלה את הייצוג 01011010, הספרה 7 את הייצוג 00110111 והתו רווח את הייצוג 00100000.<br>\n",
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג תווים</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בעיה דומה של ייצוג טקסט באמצעות אפסים ואחדים בלבד, עלתה אי שם ב־1960.<br/>\n",
+    "אחסוך לכם הרבה מעשיות בדרך, אבל מפה לשם הוחלט על תקן בשם <dfn id=\"ASCII\"><abbr title=\"American Standard Code for Information Interchange\">ASCII</abbr></dfn>, שקובע שכל סידור אפשרי של 8 ביטים שכאלו, שנקרא \"<dfn>בייט</dfn>\", ייצג תו.<br/>\n",
+    "האות A קיבלה את הייצוג 01000001, האות Z, למשל, קיבלה את הייצוג 01011010, הספרה 7 את הייצוג 00110111 והתו רווח את הייצוג 00100000.<br/>\n",
     "כך אפשר לקרוא מסר ארוך מאוד, ולהמיר כל 8 ביטים רצופים לתו. אם ננסה לקרוא בשיטה הזו 80 ביטים, נקבל 10 תווים קריאים.\n",
     "</p>"
    ]
@@ -151,24 +144,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג קבצים אחרים</span>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אבל רגע! מה קורה אם אני רוצה לייצג תמונה של חתול? או סרטון של חתול? או סאונד של... ובכן, חתול?<br>\n",
-    "כמו שאנשים חכמים חשבו על דרך לייצג ASCII, חכמים אחרים חשבו, עבור כל סוג של קובץ – מתמונה ועד תוכנה שרצה על המחשב, איך מייצגים אותם באמצעות ביטים.<br>\n",
-    "גם בימים אלו, אנשים מוכשרים רבים יושבים וחושבים על דרכים טובות יותר לייצג מידע בעזרת ביטים, ויוצרים עבורנו סוגי קבצים חדשים.<br>\n",
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג קבצים אחרים</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אבל רגע! מה קורה אם אני רוצה לייצג תמונה של חתול? או סרטון של חתול? או סאונד של... ובכן, חתול?<br/>\n",
+    "כמו שאנשים חכמים חשבו על דרך לייצג ASCII, חכמים אחרים חשבו, עבור כל סוג של קובץ – מתמונה ועד תוכנה שרצה על המחשב, איך מייצגים אותם באמצעות ביטים.<br/>\n",
+    "גם בימים אלו, אנשים מוכשרים רבים יושבים וחושבים על דרכים טובות יותר לייצג מידע בעזרת ביטים, ויוצרים עבורנו סוגי קבצים חדשים.<br/>\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כשאנחנו רוצים לפתוח תמונה של חתול, למשל, אנחנו מפעילים תוכנה ייעודית שיודעת לקרוא ייצוג של תמונות.<br>\n",
-    "מה שקורה באותו רגע מאחורי הקלעים הוא שהתוכנה קוראת רצפים של 0 ו־1 מהדיסק הקשיח, אותם ביטים שדיברנו עליהם.<br>\n",
-    "מי שצילם את התמונה השתמש בתוכנה שיודעת להמיר את מה שקרה על מסך המצלמה לביטים שנשמרו על כרטיס הזיכרון שלו.<br>\n",
-    "מי שתכנת את התוכנה שמציגה לנו כרגע את החתול ידע להורות לה מה לעשות כדי לתרגם את אותם ביטים לתמונה שמוצגת לכם על המסך.<br>\n",
-    "שניהם פעלו לפי תקן מסוים (יש כמה כאלו, אולי אתם מכירים חלק מהם: JPG, PNG, GIF ועוד), שקובע דרך אחידה לייצג תמונה בעזרת ביטים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כשאנחנו רוצים לפתוח תמונה של חתול, למשל, אנחנו מפעילים תוכנה ייעודית שיודעת לקרוא ייצוג של תמונות.<br/>\n",
+    "מה שקורה באותו רגע מאחורי הקלעים הוא שהתוכנה קוראת רצפים של 0 ו־1 מהדיסק הקשיח, אותם ביטים שדיברנו עליהם.<br/>\n",
+    "מי שצילם את התמונה השתמש בתוכנה שיודעת להמיר את מה שקרה על מסך המצלמה לביטים שנשמרו על כרטיס הזיכרון שלו.<br/>\n",
+    "מי שתכנת את התוכנה שמציגה לנו כרגע את החתול ידע להורות לה מה לעשות כדי לתרגם את אותם ביטים לתמונה שמוצגת לכם על המסך.<br/>\n",
+    "שניהם פעלו לפי תקן מסוים (יש כמה כאלו, אולי אתם מכירים חלק מהם: JPG, PNG, GIF ועוד), שקובע דרך אחידה לייצג תמונה בעזרת ביטים.<br/>\n",
     "בסופו של דבר, עבור התוכנה החתול שלכם הוא בסך הכול משבצות קטנטנות בצבעים שונים שמצוירות זו על יד זו.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ייצוג מסוים של קובץ נקרא \"<dfn>פורמט</dfn>\", או בעברית \"<dfn>תַּסְדִיר</dfn>\".\n",
     "</p>"
    ]
@@ -177,16 +167,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">קבצים טקסטואליים וקבצים בינאריים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">קבצים טקסטואליים וקבצים בינאריים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "חלק מהקבצים, כמו מסמכי טקסט או תוכניות פייתון, יכולים להיות קבצים טקסטואליים.<br>\n",
-    "ישנם סוגי קבצים טקסטואליים נוספים, כמו <abbr title=\"Comma Separated Values\">CSV</abbr> שמייצג מידע טבלאי באמצעות טקסט, או <abbr title=\"Hypertext Markup Language\">HTML</abbr> שמייצג קוד שבעזרתו המחשב יודע להציג דף אינטרנט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "חלק מהקבצים, כמו מסמכי טקסט או תוכניות פייתון, יכולים להיות קבצים טקסטואליים.<br/>\n",
+    "ישנם סוגי קבצים טקסטואליים נוספים, כמו <abbr title=\"Comma Separated Values\">CSV</abbr> שמייצג מידע טבלאי באמצעות טקסט, או <abbr title=\"Hypertext Markup Language\">HTML</abbr> שמייצג קוד שבעזרתו המחשב יודע להציג דף אינטרנט.<br/>\n",
     "<mark>המשותף לקבצים האלו הוא שאם ממירים את הביטים שמהם הם מורכבים לתווים, מתקבלת תוצאה שנוח לבני אדם לקרוא, ולא רק למחשב.</mark>\n",
     "</p>"
    ]
@@ -196,8 +186,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/textual-csv-representation.png\" style=\"display: block; text-align: center; margin-left: auto; margin-right: auto;\" width=\"auto\" alt=\"שני חלונות פתוחים זה ליד זה. בחלון הימני יש תוכנת Microsoft Excel פתוחה, בה נראים כ־15 שורות של מידע אודות יין (נראה שיש עוד מידע רב אם נגלול למטה). שורת הכותרת מכילה את שמות העמודות, ביניהן ארץ מוצא, תיאור, ניקוד, מחיר ועוד, ומתחת לשורת הכותרת ישנם שורות רבות כאשר כל שורה מייצגת יין. בחלון השמאלי ניתן לראות תוכנה פשוטה לעריכת טקסט, ובה מופיעה אותה טבלה בטקסט פשוט. כל שורת יין מופרדת אחת מהשנייה באנטר (שורה חדשה), והתאים בכל שורה מופרדים זה מזה בפסיק.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\">מימין ניתן לראות קובץ CSV פתוח באקסל, ומשמאל את הייצוג הטקסטואלי שלו.</figcaption>\n",
+    "<img alt=\"שני חלונות פתוחים זה ליד זה. בחלון הימני יש תוכנת Microsoft Excel פתוחה, בה נראים כ־15 שורות של מידע אודות יין (נראה שיש עוד מידע רב אם נגלול למטה). שורת הכותרת מכילה את שמות העמודות, ביניהן ארץ מוצא, תיאור, ניקוד, מחיר ועוד, ומתחת לשורת הכותרת ישנם שורות רבות כאשר כל שורה מייצגת יין. בחלון השמאלי ניתן לראות תוכנה פשוטה לעריכת טקסט, ובה מופיעה אותה טבלה בטקסט פשוט. כל שורת יין מופרדת אחת מהשנייה באנטר (שורה חדשה), והתאים בכל שורה מופרדים זה מזה בפסיק.\" src=\"images/textual-csv-representation.png\" style=\"display: block; text-align: center; margin-left: auto; margin-right: auto;\" width=\"auto\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">מימין ניתן לראות קובץ CSV פתוח באקסל, ומשמאל את הייצוג הטקסטואלי שלו.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -205,9 +195,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ישנם גם סוגי קבצים אחרים שלא נועדו לקריאה על־ידי עין אנושית.<br>\n",
-    "קבצים כאלו נקראים \"קבצים בינאריים\", ונלמד לטפל בחלק מהם בשלב מתקדם יותר בקורס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ישנם גם סוגי קבצים אחרים שלא נועדו לקריאה על־ידי עין אנושית.<br/>\n",
+    "קבצים כאלו נקראים \"קבצים בינאריים\", ונלמד לטפל בחלק מהם בשלב מתקדם יותר בקורס.<br/>\n",
     "</p>"
    ]
   },
@@ -215,7 +205,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לפניכם דוגמה לכמה סוגי קבצים בינאריים:\n",
     "</p>"
    ]
@@ -224,12 +214,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>MP3 – תסדיר המיועד עבור קובצי שמע.</li>\n",
-    "    <li>PNG – תסדיר לייצוג תמונות.</li>\n",
-    "    <li>PDF – תסדיר המיועד עבור תצוגה מדויקת של מסמכים.</li>\n",
-    "    <li>XLSX – תסדיר המיועד לאחסון מידע בגיליונות אלקטרוניים (לדוגמה, בעזרת Excel).</li>\n",
-    "    <li>EXE – תסדיר המיועד למערכת ההפעלה חלונות, ומפרט אילו פקודות יש לבצע כדי שתוכנה תרוץ.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>MP3 – תסדיר המיועד עבור קובצי שמע.</li>\n",
+    "<li>PNG – תסדיר לייצוג תמונות.</li>\n",
+    "<li>PDF – תסדיר המיועד עבור תצוגה מדויקת של מסמכים.</li>\n",
+    "<li>XLSX – תסדיר המיועד לאחסון מידע בגיליונות אלקטרוניים (לדוגמה, בעזרת Excel).</li>\n",
+    "<li>EXE – תסדיר המיועד למערכת ההפעלה חלונות, ומפרט אילו פקודות יש לבצע כדי שתוכנה תרוץ.</li>\n",
     "</ul>"
    ]
   },
@@ -238,8 +228,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/binary-png-representation.png\" style=\"display: block; text-align: center; margin-left: auto; margin-right: auto;\" width=\"auto\" alt=\"שני חלונות פתוחים זה ליד זה. בחלון הימני יש תמונה צבעונית של לוגו הקורס פתוח. בחלון השמאלי ניתן לראות תוכנה פשוטה לעריכת טקסט, ובה מופיעים תווים בלתי דפיסים שלא ניתן לקרוא בעין אנושית.\">\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\">מימין ניתן לראות קובץ PNG פתוח בתוכנה להצגת תמונות, ומשמאל את הייצוג הבינארי שלו כשמנסים להמיר אותו לטקסט.<br>\n",
+    "<img alt=\"שני חלונות פתוחים זה ליד זה. בחלון הימני יש תמונה צבעונית של לוגו הקורס פתוח. בחלון השמאלי ניתן לראות תוכנה פשוטה לעריכת טקסט, ובה מופיעים תווים בלתי דפיסים שלא ניתן לקרוא בעין אנושית.\" src=\"images/binary-png-representation.png\" style=\"display: block; text-align: center; margin-left: auto; margin-right: auto;\" width=\"auto\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">מימין ניתן לראות קובץ PNG פתוח בתוכנה להצגת תמונות, ומשמאל את הייצוג הבינארי שלו כשמנסים להמיר אותו לטקסט.<br/>\n",
     "    קל לראות ש־PNG אינו תסדיר טקסטואלי.</figcaption>\n",
     "</figure>"
    ]
@@ -248,7 +238,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בהמשך החוברת הזו נלמד לטפל בקבצים טקסטואליים.\n",
     "</p>"
    ]
@@ -257,15 +247,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">טיפול בקבצים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">טיפול בקבצים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם בעבר השתמשנו בפנקס כדי לשמור מלל, הרי שכיום שימוש בקבצים ממוחשבים עושה הכול לקל ומהיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם בעבר השתמשנו בפנקס כדי לשמור מלל, הרי שכיום שימוש בקבצים ממוחשבים עושה הכול לקל ומהיר.<br/>\n",
     "    על קבצים ממוחשבים אפשר לבצע חישובים מסובכים בתוך חלקיק שנייה, ויתרון זה מעניק לנו יכולות שלא היו קיימות בעבר.\n",
     "</p>"
    ]
@@ -274,9 +264,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קבצים הם מקור מצוין לקלט ולפלט עבור התוכניות שאנחנו כותבים.<br>\n",
-    "    כמקור קלט, הם יכולים לכלול שורות רבות או מידע מורכב מהרגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קבצים הם מקור מצוין לקלט ולפלט עבור התוכניות שאנחנו כותבים.<br/>\n",
+    "    כמקור קלט, הם יכולים לכלול שורות רבות או מידע מורכב מהרגיל.<br/>\n",
     "    כפלט, הם מאפשרים לנו לשמור מידע בין הרצה להרצה, להעביר את המידע ממקום למקום בקלות ולייצג מידע מורכב בפשטות.\n",
     "</p>"
    ]
@@ -285,8 +275,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בקובץ <em>passwords.txt</em> שנמצא בתוך תיקיית resources, אספנו לכם את 25 הסיסמאות הנפוצות ביותר בעולם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בקובץ <em>passwords.txt</em> שנמצא בתוך תיקיית resources, אספנו לכם את 25 הסיסמאות הנפוצות ביותר בעולם.<br/>\n",
     "בתור התחלה, ננסה להציץ במה שכתוב בתוך הקובץ בעזרת פייתון. \n",
     "</p>"
    ]
@@ -295,17 +285,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">פתיחת קובץ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פתיחת קובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפונקציה <code>open</code> מאפשרת לנו לפתוח קובץ בעזרת פייתון, כדי להשתמש בו בהמשך התוכנית.<br>\n",
-    "היא מקבלת 2 פרמטרים: הראשון הוא הנתיב לקובץ, והשני הוא צורת הגישה לקובץ, שעליה מייד נסביר.<br>\n",
-    "הפונקציה מחזירה ערך שנקרא <dfn>File handler</dfn>, מעין מצביע על הקובץ שעליו נוכל לבצע פעולות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפונקציה <code>open</code> מאפשרת לנו לפתוח קובץ בעזרת פייתון, כדי להשתמש בו בהמשך התוכנית.<br/>\n",
+    "היא מקבלת 2 פרמטרים: הראשון הוא הנתיב לקובץ, והשני הוא צורת הגישה לקובץ, שעליה מייד נסביר.<br/>\n",
+    "הפונקציה מחזירה ערך שנקרא <dfn>File handler</dfn>, מעין מצביע על הקובץ שעליו נוכל לבצע פעולות.<br/>\n",
     "</p>"
    ]
   },
@@ -313,13 +303,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "צורת הגישה לקובץ תיבחר לפי המטרה שלשמה אנחנו פותחים אותו:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אם אנחנו מעוניינים לקרוא את הקובץ, צורת הגישה שנבחר תהיה <em>'r'</em> – קריאה, read.</li>\n",
-    "    <li>אם אנחנו מעוניינים לכתוב אל הקובץ ולדרוס את מה שקיים בו, צורת הגישה שנבחר תהיה <em>'w'</em> – כתיבה, write.</li>\n",
-    "    <li>אם אנחנו מעוניינים להוסיף אל הקובץ, צורת הגישה שנבחר תהיה <em>'a'</em> – הוספה, append.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אם אנחנו מעוניינים לקרוא את הקובץ, צורת הגישה שנבחר תהיה <em>'r'</em> – קריאה, read.</li>\n",
+    "<li>אם אנחנו מעוניינים לכתוב אל הקובץ ולדרוס את מה שקיים בו, צורת הגישה שנבחר תהיה <em>'w'</em> – כתיבה, write.</li>\n",
+    "<li>אם אנחנו מעוניינים להוסיף אל הקובץ, צורת הגישה שנבחר תהיה <em>'a'</em> – הוספה, append.</li>\n",
     "</ul>"
    ]
   },
@@ -327,16 +317,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הפרמטר השני, צורת הגישה לקובץ, הוא מחרוזת.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הפרמטר השני, צורת הגישה לקובץ, הוא מחרוזת.<br/>\n",
     "            טעות נפוצה היא לשים שם r, w או a בלי גרשיים סביב.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -344,7 +334,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נתחיל בפתיחת הקובץ, ובהשמה של ה־file handler למשתנה:\n",
     "</p>"
    ]
@@ -362,7 +352,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כך נראה הסוג של file handler המצביע לקובץ טקסטואלי:\n",
     "</p>"
    ]
@@ -380,15 +370,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">קריאת קובץ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קריאת קובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עכשיו, כשהקובץ פתוח, נוכל להשתמש בו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עכשיו, כשהקובץ פתוח, נוכל להשתמש בו.<br/>\n",
     "נבקש מפייתון לקרוא את תוכן הקובץ באמצעות הפעולה <code>read</code>, ונבצע השמה של התוכן שחזר מהפעולה, למשתנה:\n",
     "</p>"
    ]
@@ -407,7 +397,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נשים לב שהערך שחזר לנו מפעולת הקריאה הוא מחרוזת לכל דבר:\n",
     "</p>"
    ]
@@ -425,8 +415,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "זיכרו ששורות חדשות מיוצגות על ידי התו <em style=\"direction: ltr\" dir=\"ltr\">\\n</em>, וכך גם ב־common_passwords:\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "זיכרו ששורות חדשות מיוצגות על ידי התו <em dir=\"ltr\" style=\"direction: ltr\">\\n</em>, וכך גם ב־common_passwords:\n",
     "</p>"
    ]
   },
@@ -443,16 +433,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            פתחו את הקובץ וקראו אותו בעצמכם, קבלו מהמשתמש את הסיסמה שלו, והדפיסו אם היא בין 25 הסיסמאות הנפוצות ביותר.<br>\n",
-    "            <strong>בונוס</strong>: אם היא בין 25 הסיסמאות הנפוצות, החזירו את המיקום שלה ברשימה.\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            פתחו את הקובץ וקראו אותו בעצמכם, קבלו מהמשתמש את הסיסמה שלו, והדפיסו אם היא בין 25 הסיסמאות הנפוצות ביותר.<br/>\n",
+    "<strong>בונוס</strong>: אם היא בין 25 הסיסמאות הנפוצות, החזירו את המיקום שלה ברשימה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -460,14 +450,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">הסמן</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הסמן</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם ננסה לקרוא שוב את הקובץ, נגלה תופעה מוזרה מעט:\n",
     "</p>"
    ]
@@ -496,8 +486,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "קריאה נוספת של הקובץ החזירה לנו הפעם שהוא ריק!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "קריאה נוספת של הקובץ החזירה לנו הפעם שהוא ריק!<br/>\n",
     "ודאי תשמחו לגלות שזו התנהגות צפויה – הכל באשמתו של הסמן.\n",
     "</p>"
    ]
@@ -506,9 +496,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "תופתעו לדעת שאתם כבר מכירים את הרעיון של סמן!<br>\n",
-    "דמיינו שאתם פותחים מסמך לעריכה, או אפילו פותרים תרגיל במחברת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "תופתעו לדעת שאתם כבר מכירים את הרעיון של סמן!<br/>\n",
+    "דמיינו שאתם פותחים מסמך לעריכה, או אפילו פותרים תרגיל במחברת.<br/>\n",
     "נסו להיזכר בקו המהבהב שמסמן לכם את המיקום של התו הבא שתכתבו.\n",
     "</p>"
    ]
@@ -517,9 +507,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כאשר אנחנו פותחים קובץ לקריאה בעזרת פייתון, ה<dfn>סמן</dfn> (באנגלית: <dfn>cursor</dfn>) מצביע לתחילת הקובץ.<br>\n",
-    "ברגע שאתם מבקשים מפייתון לקרוא את הקובץ בעזרת הפעולה <code>read</code>, היא קוראת מהמקום שבו נמצא הסמן ועד סוף הקובץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כאשר אנחנו פותחים קובץ לקריאה בעזרת פייתון, ה<dfn>סמן</dfn> (באנגלית: <dfn>cursor</dfn>) מצביע לתחילת הקובץ.<br/>\n",
+    "ברגע שאתם מבקשים מפייתון לקרוא את הקובץ בעזרת הפעולה <code>read</code>, היא קוראת מהמקום שבו נמצא הסמן ועד סוף הקובץ.<br/>\n",
     "בזמן הקריאה הסמן יעבור לסוף הקובץ, ולכן כשתנסו לקרוא אותו שוב – תקבלו מחרוזת ריקה.\n",
     "</p>"
    ]
@@ -528,14 +518,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">seek</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">seek</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי להחזיר את הסמן לתחילת הקובץ, נשתמש בפעולה <code>seek</code> ונבקש ממנה להחזיר את הסמן כך שיצביע למקום 0 – לפני התו הראשון:\n",
     "</p>"
    ]
@@ -562,14 +552,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">tell</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">tell</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ניתן לראות איפה הסמן נמצא באמצעות הפעולה <code>tell</code>:\n",
     "</p>"
    ]
@@ -607,7 +597,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מכאן ניתן להסיק, שאם נעשה <code>seek</code> ונספק כארגומנט את המספר שחזר בתא האחרון, נעביר את הסמן כך שיצביע לסוף הקובץ. \n",
     "</p>"
    ]
@@ -616,16 +606,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">קריאה בצורות נוספות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קריאה בצורות נוספות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לעיתים, בייחוד כאשר מדובר בקובץ גדול, נעדיף לקרוא בכל פעם רק חלק מהקובץ.<br>\n",
-    "נוכל לבחור לקרוא מספר מסוים של תווים באמצעות הפעולה <code>read</code> שאנחנו כבר מכירים,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לעיתים, בייחוד כאשר מדובר בקובץ גדול, נעדיף לקרוא בכל פעם רק חלק מהקובץ.<br/>\n",
+    "נוכל לבחור לקרוא מספר מסוים של תווים באמצעות הפעולה <code>read</code> שאנחנו כבר מכירים,<br/>\n",
     "אלא שהפעם נעביר לה ארגומנט שיורה לה כמה תווים לקרוא:\n",
     "</p>"
    ]
@@ -644,7 +634,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדאי לזכור שהסמן יצביע עכשיו על מיקום 10, והפעלה נוספת של פעולת הקריאה תמשיך מהמקום הזה:\n",
     "</p>"
    ]
@@ -662,8 +652,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פייתון גם מאפשרת לנו לקרוא עד סוף השורה הנוכחית, שעליה נמצא הסמן, באמצעות הפעולה <code>readline</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פייתון גם מאפשרת לנו לקרוא עד סוף השורה הנוכחית, שעליה נמצא הסמן, באמצעות הפעולה <code>readline</code>.<br/>\n",
     "שימו לב שהשורה תסתיים בתווים המייצגים שורה חדשה:\n",
     "</p>"
    ]
@@ -682,8 +672,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לקריאת כל השורות בקובץ, ניתן להשתמש בפעולה <code>readlines</code>, שתחזיר לנו רשימת מחרוזות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לקריאת כל השורות בקובץ, ניתן להשתמש בפעולה <code>readlines</code>, שתחזיר לנו רשימת מחרוזות.<br/>\n",
     "כל מחרוזת ברשימה מייצגת שורה אחת בקובץ:\n",
     "</p>"
    ]
@@ -708,16 +698,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת נתיב לקובץ, ומחזירה רשימה שבה כל איבר הוא שורה בקובץ.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת נתיב לקובץ, ומחזירה רשימה שבה כל איבר הוא שורה בקובץ.<br/>\n",
     "            בניגוד לפעולה <code>readlines</code>, דאגו שהמחרוזות ברשימה לא יסתיימו בתו שמייצג ירידת שורה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -725,17 +715,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">סגירת קובץ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סגירת קובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "חשבתם שהשארת דלת פתוחה נחשבת גסות רוח? נראה שעדיין לא שמעתם מה מתכנתים חושבים על קבצים שנשארים פתוחים.<br>\n",
-    "כיוון שחשוב לנו להיות מנומסים, אנחנו נסגור קבצים לאחר שסיימנו להשתמש בהם.<br>\n",
-    "קובץ פתוח תופס משאבי מערכת (כמו זיכרון), ולעיתים יגרום לכך שתוכנות אחרות לא יוכלו לגשת אליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "חשבתם שהשארת דלת פתוחה נחשבת גסות רוח? נראה שעדיין לא שמעתם מה מתכנתים חושבים על קבצים שנשארים פתוחים.<br/>\n",
+    "כיוון שחשוב לנו להיות מנומסים, אנחנו נסגור קבצים לאחר שסיימנו להשתמש בהם.<br/>\n",
+    "קובץ פתוח תופס משאבי מערכת (כמו זיכרון), ולעיתים יגרום לכך שתוכנות אחרות לא יוכלו לגשת אליו.<br/>\n",
     "השארת קבצים פתוחים היא מנהג מגונה שיגרום להאטה בביצועים ואפילו לקריסות בלתי צפויות, אם יותר מדי file handlers פתוחים.\n",
     "</p>"
    ]
@@ -744,7 +734,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לא מדובר בפעולה מסובכת מדי. כל מה שתצטרכו לעשות הוא להשתמש בפעולה <code>close</code>:\n",
     "</p>"
    ]
@@ -762,7 +752,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "שימו לב שכל ניסיון לעשות שימוש בקובץ אחרי סגירתו, ייכשל:\n",
     "</p>"
    ]
@@ -780,14 +770,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">כתיבה לקובץ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כתיבה לקובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נסתכל שוב על המידע שראינו בתרגיל על הפוקימונים:\n",
     "</p>"
    ]
@@ -826,8 +816,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפעם נכתוב אותו לתוך קובץ בתסדיר CSV.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפעם נכתוב אותו לתוך קובץ בתסדיר CSV.<br/>\n",
     "כדי לכתוב לקובץ נשתמש בפעולה <code>write</code>, לאחר שנפתח את הקובץ במצב כתיבה (<em>w</em>).\n",
     "</p>"
    ]
@@ -836,15 +826,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            <strong>זהירות!</strong> פתיחת קובץ קיים במצב <em>w</em> תמחק את התוכן שלו מיידית.\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "<strong>זהירות!</strong> פתיחת קובץ קיים במצב <em>w</em> תמחק את התוכן שלו מיידית.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -852,16 +842,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            אם פתחנו קובץ לכתיבה והנתיב אליו לא קיים במערכת שלנו, פייתון תבדוק אם התיקייה שמעליו קיימת.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            אם פתחנו קובץ לכתיבה והנתיב אליו לא קיים במערכת שלנו, פייתון תבדוק אם התיקייה שמעליו קיימת.<br/>\n",
     "            אם כן – פייתון תיצור את הקובץ בשבילנו.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -890,7 +880,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "המספר שפייתון מחזירה הוא כמות התווים שייכתבו לקובץ.\n",
     "</p>"
    ]
@@ -899,9 +889,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אם תחפשו את הקובץ במחשב ותפתחו אותו, תגלו שפייתון עדיין לא כתבה אליו את הנתונים.<br>\n",
-    "פייתון שומרת את הנתונים שביקשתם לכתוב בצד במנגנון זיכרון זמני שנקרא buffer (\"מִכְלָא\" בעברית, תודה ששאלתם), ותכתוב אותם לקובץ כשתסגרו אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אם תחפשו את הקובץ במחשב ותפתחו אותו, תגלו שפייתון עדיין לא כתבה אליו את הנתונים.<br/>\n",
+    "פייתון שומרת את הנתונים שביקשתם לכתוב בצד במנגנון זיכרון זמני שנקרא buffer (\"מִכְלָא\" בעברית, תודה ששאלתם), ותכתוב אותם לקובץ כשתסגרו אותו.<br/>\n",
     "תוכלו להכריח את פייתון לכתוב לקובץ עוד לפני שסגרתם אותו באמצעות הפעולה <code>flush</code>:\n",
     "</p>"
    ]
@@ -919,7 +909,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לסיום, לא נשכח לסגור את הקובץ כשאנחנו יודעים שכבר לא נשתמש בו:\n",
     "</p>"
    ]
@@ -937,17 +927,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            כשאתם בתוך המחברת, ניתן להשתמש בסימן קריאה כדי להריץ פקודות או תוכניות שלא קשורות לפייתון.<br>\n",
-    "            לדוגמה, הפקודה: <code dir=\"ltr\" style=\"direction: ltr;\">!pokemon.csv</code> תריץ את הקובץ שכתבנו.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            כשאתם בתוך המחברת, ניתן להשתמש בסימן קריאה כדי להריץ פקודות או תוכניות שלא קשורות לפייתון.<br/>\n",
+    "            לדוגמה, הפקודה: <code dir=\"ltr\" style=\"direction: ltr;\">!pokemon.csv</code> תריץ את הקובץ שכתבנו.<br/>\n",
     "            שימו לב שלא תוכלו להריץ שום דבר אחר במחברת עד שתסגרו את הקובץ.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -964,15 +954,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">הוספה לקובץ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הוספה לקובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ניתן לפתוח קובץ במצב '<em>w</em>' אם נרצה לכתוב לקובץ חדש, או לדרוס קובץ קיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ניתן לפתוח קובץ במצב '<em>w</em>' אם נרצה לכתוב לקובץ חדש, או לדרוס קובץ קיים.<br/>\n",
     "אם נרצה להוסיף שורות לקובץ קיים, נפתח את הקובץ במצב ההוספה '<em>a</em>', שמסמן <em>append</em>.\n",
     "</p>"
    ]
@@ -981,7 +971,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוסיף את פוקימון מספר 20, רטיקייט, לקובץ הפוקימונים:\n",
     "</p>"
    ]
@@ -1008,7 +998,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הוספת תוכן לקובץ במצב הוספה תתבצע באמצעות הפעולה <code>write</code>, בדיוק כמו בכתיבת קובץ חדש:\n",
     "</p>"
    ]
@@ -1035,16 +1025,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">with</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">with</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מילת המפתח <code>with</code> מאפשרת לנו לאגד כמה שורות באותו הקשר.<br>\n",
-    "בהקשר של קבצים, היא מאפשרת לנו לאגד תחתיה שורות שמטרתן טיפול בקובץ מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מילת המפתח <code>with</code> מאפשרת לנו לאגד כמה שורות באותו הקשר.<br/>\n",
+    "בהקשר של קבצים, היא מאפשרת לנו לאגד תחתיה שורות שמטרתן טיפול בקובץ מסוים.<br/>\n",
     "לדוגמה, השורות הבאות:\n",
     "</p>"
    ]
@@ -1067,7 +1057,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יכולה להיכתב אחרת בעזרת מילת המפתח <code>with</code>:\n",
     "</p>"
    ]
@@ -1089,7 +1079,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב לצורת השימוש ב־<code>with</code>:\n",
     "</p>"
    ]
@@ -1098,13 +1088,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כתבנו את מילת המפתח <code>with</code>.</li>\n",
-    "    <li>מייד לאחר מכן השתמשנו בפונקציה <code>open</code> כדי לפתוח את הקובץ עם הארגומנטים שרצינו.</li>\n",
-    "    <li>השתמשנו במילת המפתח <code>as</code>.</li>\n",
-    "    <li>הכנסנו את שם המשתנה שרצינו שבו ישמר ה־file handler.</li>\n",
-    "    <li>כתבנו נקודתיים כדי לסיים את השורה.</li>\n",
-    "    <li>השתמשנו בהזחה, ואז כתבנו את הפעולות שאנחנו רוצים לעשות בהקשר לקובץ.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כתבנו את מילת המפתח <code>with</code>.</li>\n",
+    "<li>מייד לאחר מכן השתמשנו בפונקציה <code>open</code> כדי לפתוח את הקובץ עם הארגומנטים שרצינו.</li>\n",
+    "<li>השתמשנו במילת המפתח <code>as</code>.</li>\n",
+    "<li>הכנסנו את שם המשתנה שרצינו שבו ישמר ה־file handler.</li>\n",
+    "<li>כתבנו נקודתיים כדי לסיים את השורה.</li>\n",
+    "<li>השתמשנו בהזחה, ואז כתבנו את הפעולות שאנחנו רוצים לעשות בהקשר לקובץ.</li>\n",
     "</ol>"
    ]
   },
@@ -1112,8 +1102,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתור מתכנתים, אתם בוחרים איך לכתוב את הקוד שלכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתור מתכנתים, אתם בוחרים איך לכתוב את הקוד שלכם.<br/>\n",
     "    ובכל זאת, קל לראות את היתרונות של שימוש ב־<code>with</code>: <mark>הקוד נעשה קריא ומסודר יותר, והקובץ נסגר לבד כשמסתיימת ההזחה.</mark>\n",
     "</p>"
    ]
@@ -1122,8 +1112,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתיבת קוד עם <code>with</code> היא פשוטה יותר ממה שנראה בהתחלה –<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתיבת קוד עם <code>with</code> היא פשוטה יותר ממה שנראה בהתחלה –<br/>\n",
     "    5 הסעיפים הראשונים התייחסו לשורה הראשונה, ששקולה לשורה הראשונה והרביעית בקוד בלי ה־<code>with</code>.\n",
     "</p>"
    ]
@@ -1132,14 +1122,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>קובץ טקסטואלי</dt><dd>קובץ שאפשר להמיר את הבייטים שבו לתווים, ומקבלים קובץ שקריא עבור בני אדם.</dd>\n",
     "<dt>קובץ בינארי</dt><dd>קובץ שהתוכן שלו לא נועד לקריאה על־ידי עין אנושית.</dd>\n",
     "<dt>סמן</dt><dd>מצביע על המיקום הנוכחי בקובץ, שממנו יתבצעו הפעולות (קריאה, כתיבה וכדומה).</dd>\n",
@@ -1153,24 +1143,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">תרגולים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תרגולים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מי דגנים בריאים?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מי דגנים בריאים?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקובץ <i>cereal.csv</i> שנמצא בתיקיית resources, ישנו מידע תזונתי על מִדְגַּנִּים שונים (יענו, דגני בוקר).<br>\n",
-    "    ככל שהמדגנים שמופיעים בשורה מסוימת בריאים יותר, כך המספר שמופיע לידם בעמודה rating גבוה יותר.<br>\n",
-    "    מצאו את המדגנים הבריאים ביותר והדפיסו את שמם לצד הציון שקיבלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקובץ <i>cereal.csv</i> שנמצא בתיקיית resources, ישנו מידע תזונתי על מִדְגַּנִּים שונים (יענו, דגני בוקר).<br/>\n",
+    "    ככל שהמדגנים שמופיעים בשורה מסוימת בריאים יותר, כך המספר שמופיע לידם בעמודה rating גבוה יותר.<br/>\n",
+    "    מצאו את המדגנים הבריאים ביותר והדפיסו את שמם לצד הציון שקיבלו.<br/>\n",
     "    קרדיט: את הקובץ הבאנו <a href=\"https://perso.telecom-paristech.fr/eagan/class/igr204/datasets\">מכאן</a>.\n",
     "</p>"
    ]
@@ -1179,15 +1169,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תקווה מארחת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תקווה מארחת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בקובץ hope.txt שנמצא בתיקיית resources, נמצאת אחת הפואמות המהממות של אמילי דיקנסון, תִּקְוָה הִיא בַּעֲלַת-הַנוֹצָה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בקובץ hope.txt שנמצא בתיקיית resources, נמצאת אחת הפואמות המהממות של אמילי דיקנסון, תִּקְוָה הִיא בַּעֲלַת-הַנוֹצָה.<br/>\n",
     "אך אבוי! הפואמה התבלגנה, וכעת סדר המילים בכל שורה הוא הפוך.\n",
     "</p>"
    ]
@@ -1196,7 +1186,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "במקום:\n",
     "</p>"
    ]
@@ -1205,8 +1195,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<blockquote style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-right: 3px solid #a93226; background-color: #fbe7e6; font-size: 17px; direction: rtl; text-align: right; clear: both;\">\n",
-    "    תִּקְוָה הִיא בַּעֲלַת-הַנוֹצָה<br>\n",
+    "<blockquote dir=\"rtl\" style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-right: 3px solid #a93226; background-color: #fbe7e6; font-size: 17px; direction: rtl; text-align: right; clear: both;\">\n",
+    "    תִּקְוָה הִיא בַּעֲלַת-הַנוֹצָה<br/>\n",
     "    זוּ בַּנְּשָׁמָה תִשְׁכֹּן –\n",
     "</blockquote>"
    ]
@@ -1215,7 +1205,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מופיע:\n",
     "</p>"
    ]
@@ -1224,8 +1214,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<blockquote style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-right: 3px solid #a93226; background-color: #fbe7e6; font-size: 17px; direction: rtl; text-align: right; clear: both;\">\n",
-    "    בַּעֲלַת-הַנוֹצָה הִיא תִּקְוָה<br>\n",
+    "<blockquote dir=\"rtl\" style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-right: 3px solid #a93226; background-color: #fbe7e6; font-size: 17px; direction: rtl; text-align: right; clear: both;\">\n",
+    "    בַּעֲלַת-הַנוֹצָה הִיא תִּקְוָה<br/>\n",
     "    – תִשְׁכֹּן בַּנְּשָׁמָה זוּ\n",
     "</blockquote>"
    ]
@@ -1234,8 +1224,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שמרו גיבוי של הקובץ, וכתבו קוד שמסדר את הפואמה המבולגנת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שמרו גיבוי של הקובץ, וכתבו קוד שמסדר את הפואמה המבולגנת.<br/>\n",
     "שמרו את הפואמה המסודרת בקובץ חדש ששמו <i>hope2.txt</i>.\n",
     "</p>"
    ]
@@ -1244,16 +1234,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            <strong>זהירות!</strong> יש פה בעיה שלא למדנו איך לתקן.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "<strong>זהירות!</strong> יש פה בעיה שלא למדנו איך לתקן.<br/>\n",
     "            התרגיל בודק גם מה הבנתם מהשיעור על משאבים ברשת בשבוע שעבר :)\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   }
diff --git a/week3/4_List_Methods.ipynb b/week3/4_List_Methods.ipynb
index 9601cd4..5a5809c 100644
--- a/week3/4_List_Methods.ipynb
+++ b/week3/4_List_Methods.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">פעולות על רשימות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פעולות על רשימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כה למדנו שישנם שני אופרטורים חשבוניים שעובדים על רשימות: חיבור וכפל.<br>\n",
-    "    חיבור משרשר רשימה אחת לאחרת, וכפל משרשר רשימה לעצמה כמה פעמים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כה למדנו שישנם שני אופרטורים חשבוניים שעובדים על רשימות: חיבור וכפל.<br/>\n",
+    "    חיבור משרשר רשימה אחת לאחרת, וכפל משרשר רשימה לעצמה כמה פעמים.<br/>\n",
     "    ניזכר בדוגמאות:\n",
     "</p>"
    ]
@@ -65,7 +65,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למדנו גם שאפשר להשוות בין רשימות בעזרת אופרטורי השוואה, שעליהם למדנו בשיעור על ביטויים בוליאניים.\n",
     "</p>"
    ]
@@ -101,7 +101,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השבוע כבר הספקנו ללמוד על חיתוכים (Slicing), כך שיש לנו כבר ידע רב באשר לשימוש ברשימות.\n",
     "</p>"
    ]
@@ -122,8 +122,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למרות כל הידע המועיל שצברנו עד כה, טרם נגענו בפעולות השייכות לנתונים מסוג רשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למרות כל הידע המועיל שצברנו עד כה, טרם נגענו בפעולות השייכות לנתונים מסוג רשימה.<br/>\n",
     "    הפעולות האלו יתווספו לארגז הכלים שלנו, יקלו על כתיבת הקוד ויעשו אותו קריא יותר.\n",
     "</p>"
    ]
@@ -132,14 +132,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על רשימה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על רשימה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נגדיר רשימה שתשמש אותנו לדוגמאות:\n",
     "</p>"
    ]
@@ -157,8 +157,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במהלך הרצת הדוגמאות נשים לב ש<mark>פעולות על הרשימה משפיעות ישירות על הרשימה עצמה</mark>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במהלך הרצת הדוגמאות נשים לב ש<mark>פעולות על הרשימה משפיעות ישירות על הרשימה עצמה</mark>.<br/>\n",
     "זה אומר שלא נצטרך להשתמש בהשמה כדי לערוך את הרשימה שעליה אנחנו עובדים.\n",
     "</p>"
    ]
@@ -167,15 +167,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספת איבר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספת איבר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "רשימה היא סוג נתונים נוח לשימוש, בין היתר כיוון שניתן להוסיף לה כמה איברים שנרצה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "רשימה היא סוג נתונים נוח לשימוש, בין היתר כיוון שניתן להוסיף לה כמה איברים שנרצה.<br/>\n",
     "נוכל להוסיף איבר לסוף הרשימה באמצעות הפעולה <code>append</code>:\n",
     "</p>"
    ]
@@ -194,7 +194,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפעולה הזו תשיג תוצאה דומה לקוד שכתבנו עד היום בדרך טיפה פחות אלגנטית:\n",
     "</p>"
    ]
@@ -213,8 +213,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימו לב שבניגוד לשורה שמופיעה למעלה, <code>append</code> מאפשרת להוסיף בכל פעם איבר אחד בלבד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימו לב שבניגוד לשורה שמופיעה למעלה, <code>append</code> מאפשרת להוסיף בכל פעם איבר אחד בלבד.<br/>\n",
     "ניסיון להעביר לפעולה <code>append</code> רשימה, נניח, יוסיף את הרשימה המשנית כולה כאיבר אחד בסוף הרשימה הראשית:\n",
     "</p>"
    ]
@@ -233,15 +233,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו פונקציה שמקבלת מספר, ומחזירה רשימה של כל המספרים החיוביים הזוגיים עד אותו מספר.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -249,14 +249,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הסרת איבר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הסרת איבר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל להסיר איבר <em>מסוף הרשימה</em> באמצעות קריאה לפעולה <code>pop</code>:\n",
     "</p>"
    ]
@@ -275,7 +275,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפעולה הזו תשיג תוצאה דומה לקוד שכתבנו עד היום בצורה המסורבלת הבאה:\n",
     "</p>"
    ]
@@ -294,7 +294,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפעולה <code>pop</code> מחזירה את הערך שהוציאה, כך שניתן לשמור אותו בצד:\n",
     "</p>"
    ]
@@ -314,8 +314,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפעולה גם מאפשרת לנו לבחור את המקום שממנו אנחנו מעוניינים להוציא את הערך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפעולה גם מאפשרת לנו לבחור את המקום שממנו אנחנו מעוניינים להוציא את הערך.<br/>\n",
     "נעשה זאת בעזרת העברת ארגומנט עם מיקום הערך שאנחנו רוצים להוציא מהרשימה:\n",
     "</p>"
    ]
@@ -335,7 +335,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי להסיר יותר מאיבר אחד, ייתכן שעדיין תעדיפו להשתמש בחיתוך רשימות.\n",
     "</p>"
    ]
@@ -344,17 +344,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת רשימה, ומחזירה רשימה בסדר איברים הפוך.<br>\n",
-    "            השתמשו בפעולה <code>pop</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת רשימה, ומחזירה רשימה בסדר איברים הפוך.<br/>\n",
+    "            השתמשו בפעולה <code>pop</code>.<br/>\n",
     "            לדוגמה: אם תועבר לפונקציה הרשימה <code dir=\"ltr\" style=\"direction: ltr\">[3, 2, 1]</code>, הפונקציה תחזיר <code dir=\"ltr\" style=\"direction: ltr\">[1, 2, 3]</code>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -362,14 +362,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספה של כמה איברים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספה של כמה איברים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נוכל להוסיף יותר מאיבר אחד בשימוש יחיד בפעולה <code>extend</code>:\n",
     "</p>"
    ]
@@ -389,7 +389,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "במבט ראשון, הפעולה תשיג תוצאה דומה לשרשור רשימות:\n",
     "</p>"
    ]
@@ -409,8 +409,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אבל אחד היתרונות המובהקים של <code>extend</code> הוא שניתן להעביר לה כארגומנט כל iterable שהוא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אבל אחד היתרונות המובהקים של <code>extend</code> הוא שניתן להעביר לה כארגומנט כל iterable שהוא.<br/>\n",
     "הפעולה <code>extend</code> תפרק את ה־iterable ותוסיף כל איבר בנפרד לרשימה המקורית: \n",
     "</p>"
    ]
@@ -431,16 +431,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת רשימה, ומחזירה רשימה המכילה את הרשימה המקורית, ומייד אחריה את אותה רשימה בסדר הפוך.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת רשימה, ומחזירה רשימה המכילה את הרשימה המקורית, ומייד אחריה את אותה רשימה בסדר הפוך.<br/>\n",
     "            לדוגמה: עבור הרשימה <code dir=\"ltr\" style=\"direction: ltr\">[1, 2, 3]</code> תוחזר הרשימה: <code dir=\"ltr\" style=\"direction: ltr\">[1, 2, 3, 3, 2, 1]</code>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -448,15 +448,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ספירת איברים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ספירת איברים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כאן לא תמצאו הפתעות מיוחדות. הפעולה <code>count</code> מחזירה את מספר האיברים ברשימה, שזהים לאיבר שהעברתם לה כארגומנט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כאן לא תמצאו הפתעות מיוחדות. הפעולה <code>count</code> מחזירה את מספר האיברים ברשימה, שזהים לאיבר שהעברתם לה כארגומנט.<br/>\n",
     "נשמע לכם מוכר? נכון! למחרוזות יש פעולה עם שם זהה שעושה בדיוק אותו דבר.\n",
     "</p>"
    ]
@@ -476,16 +476,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מציאת איבר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מציאת איבר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "גם הפעולה הזו אמורה להישמע לכם מוכרת.<br>\n",
-    "הפעולה <code>index</code> מוצאת את המופע הראשון של האיבר שהעברתם לה כארגומנט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "גם הפעולה הזו אמורה להישמע לכם מוכרת.<br/>\n",
+    "הפעולה <code>index</code> מוצאת את המופע הראשון של האיבר שהעברתם לה כארגומנט.<br/>\n",
     "כן, גם הפעם למחרוזות יש פעולה באותו שם, שעושה בדיוק אותו דבר.\n",
     "</p>"
    ]
@@ -505,15 +505,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            כמו בפעולת <code>index</code> על מחרוזות, גם כאן הפעולה תזרוק שגיאה אם הערך לא נמצא.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -521,16 +521,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת רשימה, ומחזירה את מיקום המופע <em>האחרון</em> של האיבר הראשון ברשימה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת רשימה, ומחזירה את מיקום המופע <em>האחרון</em> של האיבר הראשון ברשימה.<br/>\n",
     "            לדוגמה, עבור הרשימה <code dir=\"ltr\" style=\"direction: ltr\">[1, 2, 3, 5, 1, 2]</code> החזירו 4, כיוון ש־1 מופיע פעם אחרונה במקום 4 ברשימה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -538,15 +538,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחיקת איבר (שוב?)</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחיקת איבר (שוב?)</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפעם נשתמש בפעולה <code>remove</code>, שבניגוד לפעולה <code>pop</code> מוחקת איבר לפי הערך שלו ולא לפי המיקום שלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפעם נשתמש בפעולה <code>remove</code>, שבניגוד לפעולה <code>pop</code> מוחקת איבר לפי הערך שלו ולא לפי המיקום שלו.<br/>\n",
     "נשים לב שהפעולה תמחק את האיבר הראשון השווה לערך שהועבר כארגומנט, ולא את כל המופעים של אותו ערך.\n",
     "</p>"
    ]
@@ -567,16 +567,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            קבלו פונקציה שמקבלת רשימה של חיות, ומחזירה רשימה שבה אין מופעים של החיות camel, rabbit ו־pig.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            קבלו פונקציה שמקבלת רשימה של חיות, ומחזירה רשימה שבה אין מופעים של החיות camel, rabbit ו־pig.<br/>\n",
     "            לדוגמה, עבור הרשימה: <code dir=\"ltr\" style=\"direction: ltr\">['camel', 'camel', 'dove', 'pig', 'camel']</code> תוחזר הרשימה: <code dir=\"ltr\" style=\"direction: ltr\">['dove']</code>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -584,17 +584,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור רשימה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור רשימה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אחת הפעולות הנוחות ביותר שאפשר לבצע על רשימה היא <code>sort</code>, שמסדרת לנו את האיברים ברשימה.<br>\n",
-    "אם האיברים הם מחרוזות, הרשימה תסודר בסדר לקסיקוגרפי (אלפביתי).<br>\n",
-    "אם האיברים ברשימה הם מספרים (שלמים, עשרוניים או גם וגם), הרשימה תסודר מתמטית מהקטן לגדול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אחת הפעולות הנוחות ביותר שאפשר לבצע על רשימה היא <code>sort</code>, שמסדרת לנו את האיברים ברשימה.<br/>\n",
+    "אם האיברים הם מחרוזות, הרשימה תסודר בסדר לקסיקוגרפי (אלפביתי).<br/>\n",
+    "אם האיברים ברשימה הם מספרים (שלמים, עשרוניים או גם וגם), הרשימה תסודר מתמטית מהקטן לגדול.<br/>\n",
     "אם הרשימה מורכבת מסוגים שונים של איברים שאין ביניהם הגדרת שוויון ברורה (כמו מספרים ומחרוזות), פעולת הסידור תיכשל ותזרוק שגיאה.\n",
     "</p>"
    ]
@@ -624,16 +624,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            טעות נפוצה היא השמת התוצאה של <code>sort</code> חזרה למשתנה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            טעות נפוצה היא השמת התוצאה של <code>sort</code> חזרה למשתנה.<br/>\n",
     "            כיוון שהפעולה <code>sort</code> משנה את מיקום האיברים בתוך הרשימה ולא מחזירה ערך, השמה חזרה למשתנה תמחק את ערכו.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -641,17 +641,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            קבלו מהמשתמש 10 מספרים. מצאו את הערך השלישי הגדול ביותר.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            קבלו מהמשתמש 10 מספרים. מצאו את הערך השלישי הגדול ביותר.<br/>\n",
     "            לדוגמה, עבור הקלט הבא: <code dir=\"ltr\" style=\"direction: ltr;\">5, 1, 6, 2, 3, 4, 8, 7, 10, 9</code>, החזירו 8.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -659,24 +659,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספת איבר במקום מסוים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספת איבר במקום מסוים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            קראו בתיעוד של פייתון על הפעולה <code>insert</code> השייכת לערכים מסוג רשימה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            קראו בתיעוד של פייתון על הפעולה <code>insert</code> השייכת לערכים מסוג רשימה.<br/>\n",
     "            הוסיפו דג מימין לכריש (shark) שברשימת <var>animals</var>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -684,22 +684,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">תרגילים נוספים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תרגילים נוספים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חוטש</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חוטש</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה שמקבלת רשימה של רשימות, ומחזירה רשימה שטוחה והפוכה של כל האיברים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה שמקבלת רשימה של רשימות, ומחזירה רשימה שטוחה והפוכה של כל האיברים.<br/>\n",
     "    לדוגמה: עבור הרשימה <code dir=\"ltr\" style=\"direction: ltr\">[[1, 2, 3], [4, 5, 6]]</code> החזירו <code dir=\"ltr\" style=\"direction: ltr\">[6, 5, 4, 3, 2, 1]</code>.\n",
     "</p>"
    ]
@@ -708,15 +708,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">רשימת תיקונים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רשימת תיקונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם קוד שמטרתו היא מציאת המספר הקטן ביותר שהמשתמש הזין.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם קוד שמטרתו היא מציאת המספר הקטן ביותר שהמשתמש הזין.<br/>\n",
     "    הכמנו בקוד 3 טעויות. מצאו אותן ותקנו אותן כך שהקוד יפעל.\n",
     "</p>"
    ]
diff --git a/week3/5_Mutability_and_Tuples.ipynb b/week3/5_Mutability_and_Tuples.ipynb
index 23a41f0..152f58e 100644
--- a/week3/5_Mutability_and_Tuples.ipynb
+++ b/week3/5_Mutability_and_Tuples.ipynb
@@ -4,31 +4,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">Mutability</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Mutability</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "המילה <dfn>Mutable</dfn> נגזרת מהמילה <em>Mutate</em>, והמשמעות שלה היא \"<em>משהו בר־שינוי</em>\".<br>\n",
-    "אנחנו נשתמש בה כדי לתאר טיפוסי נתונים שניתן לשנותם, למשל להוסיף או להחסיר מהם איברים.<br>\n",
-    "משמעות המילה <dfn>Immutable</dfn> היא \"<em>משהו שאינו בר־שינוי</em>\", נתון שאמור להישאר קבוע אחרי יצירתו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "המילה <dfn>Mutable</dfn> נגזרת מהמילה <em>Mutate</em>, והמשמעות שלה היא \"<em>משהו בר־שינוי</em>\".<br/>\n",
+    "אנחנו נשתמש בה כדי לתאר טיפוסי נתונים שניתן לשנותם, למשל להוסיף או להחסיר מהם איברים.<br/>\n",
+    "משמעות המילה <dfn>Immutable</dfn> היא \"<em>משהו שאינו בר־שינוי</em>\", נתון שאמור להישאר קבוע אחרי יצירתו.<br/>\n",
     "שינוי ערך שהוא Immutable משנה את המהות שלו, ויגרום לו להיחשב ערך אחר לגמרי.\n",
     "</p>"
    ]
@@ -37,11 +37,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נדמיין ארנק שבתוכו שטרות – ניתן להוסיף אליו שטרות או להוציא ממנו שטרות, אבל הארנק יישאר אותו ארנק.<br>\n",
-    "כיוון שניתן לשנות את המצב של הארנק בלי לפגוע במהות שלו, ניתן להגיד שארנק הוא Mutable.<br>\n",
-    "לעומת זאת, אם אקח את אחד השטרות שנמצאים בתוך הארנק, לא אוכל לשנות בו משהו בלי שאשנה את המהות שלו.<br>\n",
-    "שינוי באחד המאפיינים של השטר, כמו המספר שכתוב עליו, יגרור שינוי מהותי שיהפוך אותו לדבר אחר לחלוטין.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נדמיין ארנק שבתוכו שטרות – ניתן להוסיף אליו שטרות או להוציא ממנו שטרות, אבל הארנק יישאר אותו ארנק.<br/>\n",
+    "כיוון שניתן לשנות את המצב של הארנק בלי לפגוע במהות שלו, ניתן להגיד שארנק הוא Mutable.<br/>\n",
+    "לעומת זאת, אם אקח את אחד השטרות שנמצאים בתוך הארנק, לא אוכל לשנות בו משהו בלי שאשנה את המהות שלו.<br/>\n",
+    "שינוי באחד המאפיינים של השטר, כמו המספר שכתוב עליו, יגרור שינוי מהותי שיהפוך אותו לדבר אחר לחלוטין.<br/>\n",
     "ניתן להגיד שהשטר הוא Immutable, בלתי ניתן לשינוי.\n",
     "</p>"
    ]
@@ -50,8 +50,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הערכים ה־Mutable שנכיר בקורס הם מעין \"מכולות\" שמכילות ערכים אחרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הערכים ה־Mutable שנכיר בקורס הם מעין \"מכולות\" שמכילות ערכים אחרים.<br/>\n",
     "כרגע אנו מכירים סוג ערך אחד שהוא Mutable – רשימה.\n",
     "</p>"
    ]
@@ -60,21 +60,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כתובות של ערכים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כתובות של ערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">ערכים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי להבין טוב יותר את הנושא, נעצור לרגע כדי להבין איך ערכים עובדים מאחורי הקלעים בפייתון.\n",
     "</p>"
    ]
@@ -83,9 +83,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כשאנחנו יוצרים ערך כלשהו, פייתון מקצה עבורו מקום בזיכרון המחשב ושומרת שם את הערך.<br>\n",
-    "מאותו רגע לאותו ערך יש כתובת, שהיא מספר שמייצג את המקום שבו אותו ערך נמצא בזיכרון המחשב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כשאנחנו יוצרים ערך כלשהו, פייתון מקצה עבורו מקום בזיכרון המחשב ושומרת שם את הערך.<br/>\n",
+    "מאותו רגע לאותו ערך יש כתובת, שהיא מספר שמייצג את המקום שבו אותו ערך נמצא בזיכרון המחשב.<br/>\n",
     "כתובת הערך נשארת זהה מרגע שהוא נוצר ועד סוף חייו.\n",
     "</p>"
    ]
@@ -103,9 +103,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בשורה למעלה הגדרנו את הערך 9,876,543.<br>\n",
-    "אף על פי שלא עשינו עליו פעולה מתוחכמת ולא שמרנו אותו במשתנה, פייתון תשמור את הערך הזה בזיכרון המחשב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בשורה למעלה הגדרנו את הערך 9,876,543.<br/>\n",
+    "אף על פי שלא עשינו עליו פעולה מתוחכמת ולא שמרנו אותו במשתנה, פייתון תשמור את הערך הזה בזיכרון המחשב.<br/>\n",
     "לערך 9,876,543 יש כתובת עכשיו.\n",
     "</p>"
    ]
@@ -114,8 +114,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בשורה הבאה \"נקשור\" את השם <var>name</var> לכתובת של הערך המספרי 12,345.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בשורה הבאה \"נקשור\" את השם <var>name</var> לכתובת של הערך המספרי 12,345.<br/>\n",
     "המשתנה <var>name</var> לא באמת \"מכיל\" את הערך 12,345, אלא רק מצביע על הכתובת שבה הערך 12,345 מאוחסן.\n",
     "</p>"
    ]
@@ -133,7 +133,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<mark>כשאנחנו מבצעים השמה, אנחנו יוצרים קישור בין שם המשתנה לבין הכתובת של הערך שהשמנו לתוכו.</mark>\n",
     "</p>"
    ]
@@ -142,13 +142,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם ניזכר בדימוי הלייזר מהשיעורים הקודמים, עבור כל פעולת השמה בתוכנית, פייתון: \n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תיצור מצביע לייזר <em>חדש</em> שעליו מודבק שם המשתנה.</li>\n",
-    "    <li>תגרום ללייזר להצביע על המקום בזיכרון שבו מאוחסן הערך המדובר.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תיצור מצביע לייזר <em>חדש</em> שעליו מודבק שם המשתנה.</li>\n",
+    "<li>תגרום ללייזר להצביע על המקום בזיכרון שבו מאוחסן הערך המדובר.</li>\n",
     "</ol>"
    ]
   },
@@ -156,16 +155,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">בדיקת כתובת של ערכים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">בדיקת כתובת של ערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפונקציה <code dir=\"ltr\" style=\"direction: ltr;\">id</code> מקבלת כארגומנט ערך, ומחזירה מספר שמייצג את הכתובת שלו – המיקום של הערך בזיכרון.<br>\n",
-    "בהקבלה למטאפורת הלייזר, היא מקבלת את ראש הלייזר ומראה לנו לאן הוא מצביע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפונקציה <code dir=\"ltr\" style=\"direction: ltr;\">id</code> מקבלת כארגומנט ערך, ומחזירה מספר שמייצג את הכתובת שלו – המיקום של הערך בזיכרון.<br/>\n",
+    "בהקבלה למטאפורת הלייזר, היא מקבלת את ראש הלייזר ומראה לנו לאן הוא מצביע.<br/>\n",
     "נראה דוגמה:\n",
     "</p>"
    ]
@@ -186,8 +185,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בדוגמה האחרונה ניתן לראות ששם המשתנה לא משפיע על המיקום שבו הערכים נשמרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בדוגמה האחרונה ניתן לראות ששם המשתנה לא משפיע על המיקום שבו הערכים נשמרים.<br/>\n",
     "לערכים שונים מוקצות כתובות שונות.\n",
     "</p>"
    ]
@@ -208,16 +207,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בדוגמה הגדלנו את ערך המשתנה <var>number</var> מ־100,000 ל־100,001.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בדוגמה הגדלנו את ערך המשתנה <var>number</var> מ־100,000 ל־100,001.<br/>\n",
     "חשוב לזכור ש<mark>ההגדלה מ־100,000 ל־100,001 לא באמת שינתה את הערך השמור במשתנה, אלא גרמה למשתנה להצביע לכתובת אחרת של ערך אחר.</mark>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בשורה הראשונה ביקשנו מ־<var>number</var> להצביע לערך 100,000, ולכן כשהרצנו את <code>id(number)</code> קיבלנו את הכתובת של הערך <em>100,000</em>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בשורה הראשונה ביקשנו מ־<var>number</var> להצביע לערך 100,000, ולכן כשהרצנו את <code>id(number)</code> קיבלנו את הכתובת של הערך <em>100,000</em>.<br/>\n",
     "בשורה השנייה ביקשנו מ־<var>number</var> להצביע לערך 100,001, ולכן כשהרצנו את <code>id(number)</code> קיבלנו את הכתובת של הערך <em>100,001</em>.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עבור שתי השורות הראשונות מודפסת הכתובת של הערך הראשון שיצרנו, 100,000.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עבור שתי השורות הראשונות מודפסת הכתובת של הערך הראשון שיצרנו, 100,000.<br/>\n",
     "    עבור שתי השורות האחרונות מודפסת הכתובת של הערך השני שיצרנו, 100,001.\n",
     "</p>"
    ]
@@ -226,7 +225,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "חשוב לדעת שהתייחסות לאותו ערך פעם נוספת עשויה ליצור מופע חדש שלו, שיאוחסן בכתובת אחרת:\n",
     "</p>"
    ]
@@ -246,7 +245,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אבל השמה של משתנה אחד למשתנה אחר תגרום לכך ששני המשתנים יפנו לאותה כתובת:\n",
     "</p>"
    ]
@@ -266,8 +265,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ניתן לדמיין את המצב האחרון כמו שני ראשי לייזר שמצביעים לאותה כתובת בזיכרון המחשב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ניתן לדמיין את המצב האחרון כמו שני ראשי לייזר שמצביעים לאותה כתובת בזיכרון המחשב.<br/>\n",
     "</p>"
    ]
   },
@@ -275,15 +274,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">רשימה</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נבדוק אם שינוי של ערך שנמצא בתוך הרשימה יגרום לפייתון לבנות רשימה חדשה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נבדוק אם שינוי של ערך שנמצא בתוך הרשימה יגרום לפייתון לבנות רשימה חדשה.<br/>\n",
     "אם פייתון תבנה רשימה חדשה אחרי שינוי הערך, נוכל לראות זאת בקלות לפי השינוי במיקום של הרשימה בזיכרון.\n",
     "</p>"
    ]
@@ -304,9 +303,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בדוגמה שינינו ערך ברשימה ששמה <var>my_list</var>, וראינו שהמיקום שלה לא משתנה.<br>\n",
-    "זו ההתנהגות שאנחנו מצפים לה מערך שהסוג שלו הוא Mutable – ניתן לשנות אותו מבלי להשפיע על מיקומו בזיכרון המחשב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בדוגמה שינינו ערך ברשימה ששמה <var>my_list</var>, וראינו שהמיקום שלה לא משתנה.<br/>\n",
+    "זו ההתנהגות שאנחנו מצפים לה מערך שהסוג שלו הוא Mutable – ניתן לשנות אותו מבלי להשפיע על מיקומו בזיכרון המחשב.<br/>\n",
     "</p>"
    ]
   },
@@ -314,21 +313,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">סיכום ביניים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סיכום ביניים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כל ערך שניצור מאוחסן בכתובת, שלא תשתנה במשך כל חייו של הערך.</li>\n",
-    "    <li>אם ניצור ערך פעמיים, יכול להיות שיהיו שני מופעים שלו בכתובות שונות.</li>\n",
-    "    <li>משתנה הוא לא יותר מ\"קשירה\" בין שם לכתובת של ערך מסוים.</li>\n",
-    "    <li>השמה היא הפעולה שקושרת בין שם המשתנה לבין הכתובת של הערך.</li>\n",
-    "    <li>ייתכן שיותר משם משתנה אחד יצביע לאותה כתובת.</li>\n",
-    "    <li>ערכים שהסוג שלהם הוא <em>mutable</em> יכולים להשתנות בלי שהכתובת שלהם תשתנה.</li>\n",
-    "    <li>ערכים שהסוג שלהם הוא <em>immutable</em> לא יכולים להשתנות בלי שהכתובת שלהם תשתנה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כל ערך שניצור מאוחסן בכתובת, שלא תשתנה במשך כל חייו של הערך.</li>\n",
+    "<li>אם ניצור ערך פעמיים, יכול להיות שיהיו שני מופעים שלו בכתובות שונות.</li>\n",
+    "<li>משתנה הוא לא יותר מ\"קשירה\" בין שם לכתובת של ערך מסוים.</li>\n",
+    "<li>השמה היא הפעולה שקושרת בין שם המשתנה לבין הכתובת של הערך.</li>\n",
+    "<li>ייתכן שיותר משם משתנה אחד יצביע לאותה כתובת.</li>\n",
+    "<li>ערכים שהסוג שלהם הוא <em>mutable</em> יכולים להשתנות בלי שהכתובת שלהם תשתנה.</li>\n",
+    "<li>ערכים שהסוג שלהם הוא <em>immutable</em> לא יכולים להשתנות בלי שהכתובת שלהם תשתנה.</li>\n",
     "</ul>"
    ]
   },
@@ -336,21 +335,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">השלכות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">השלכות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">רשימות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נעשה את הניסיון הבא:</p>"
    ]
   },
@@ -373,10 +372,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "עם הידע החדש שצברנו, נוכל להגיד ש־<var>str1</var> ו־<var>str2</var> מצביעים למקומות שונים, בגלל ההשמה בשורה 3.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אבל ברשימות אפשר לשנות את הערכים גם בלי לבצע השמה. מה קורה אז?\n",
     "</p>"
    ]
@@ -400,8 +399,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במקרה הזה, גרמנו ל־<var>list2</var> להצביע לאותו מקום ש־<var>list1</var> מצביעה עליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במקרה הזה, גרמנו ל־<var>list2</var> להצביע לאותו מקום ש־<var>list1</var> מצביעה עליו.<br/>\n",
     "מהסיבה הזו, שינוי של <var>list2</var> ישפיע גם על <var>list1</var>, ושינוי של <var>list1</var> ישפיע גם על <var>list2</var>.\n",
     "</p>"
    ]
@@ -420,8 +419,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לבקש מפייתון לא להתנהג כך, צריך להגיד לה במפורש שאנחנו מעוניינים ביצירת רשימה חדשה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לבקש מפייתון לא להתנהג כך, צריך להגיד לה במפורש שאנחנו מעוניינים ביצירת רשימה חדשה.<br/>\n",
     "    ניתן לעשות את זה בקריאה לפעולה <code dir=\"ltr\" style=\"direction: ltr;\">list.copy()</code>:\n",
     "</p>"
    ]
@@ -445,14 +444,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">פרמטרים של פונקציה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פרמטרים של פונקציה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נגדיר פונקציה שמקבלת מחרוזת ומשרשרת לסופה את האות <i>Z</i>:\n",
     "</p>"
    ]
@@ -480,12 +479,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מה קרה בפועל? למה המחרוזת לא השתנתה גם מחוץ לפונקציה?\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הערך שהועבר לפרמטר של הפונקציה היה הכתובת של <var>s</var>, שעכשיו גם <var>my_string</var> מצביע עליו.<br>\n",
-    "ברגע שביצענו את ההשמה <code dir=\"ltr\" style=\"direction: ltr;\">my_string = my_string + 'Z'</code>, יצרנו באגף הימני של ההשמה ערך חדש, וביקשנו מלייזר חדש ששמו <var>my_string</var> להצביע לכתובת שלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הערך שהועבר לפרמטר של הפונקציה היה הכתובת של <var>s</var>, שעכשיו גם <var>my_string</var> מצביע עליו.<br/>\n",
+    "ברגע שביצענו את ההשמה <code dir=\"ltr\" style=\"direction: ltr;\">my_string = my_string + 'Z'</code>, יצרנו באגף הימני של ההשמה ערך חדש, וביקשנו מלייזר חדש ששמו <var>my_string</var> להצביע לכתובת שלו.<br/>\n",
     "המשתנה ששמו <var>my_string</var> מצביע כרגע לכתובת של ערך אחר, בזמן שהמשתנה <var>s</var> עדיין מצביע על הערך המקורי.\n",
     "</p>"
    ]
@@ -494,9 +493,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במקרה הזה, הפונקציה לא שינתה את הערך של המחרוזת שהעברנו לה כארגומנט.<br>\n",
-    "גם אם היינו רוצים מאוד לעשות את זה – זה לא אפשרי, כיוון שמחרוזות הן immutable.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במקרה הזה, הפונקציה לא שינתה את הערך של המחרוזת שהעברנו לה כארגומנט.<br/>\n",
+    "גם אם היינו רוצים מאוד לעשות את זה – זה לא אפשרי, כיוון שמחרוזות הן immutable.<br/>\n",
     "</p>"
    ]
   },
@@ -504,7 +503,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ננסה לעשות אותו דבר עם רשימה:\n",
     "</p>"
    ]
@@ -532,10 +531,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ההתרחשות הייתה זהה למה שקרה עם מחרוזות!<br>\n",
-    "זה קרה כיוון שגם פה דרסנו את <var>my_list</var> כך שיצביע לרשימה חדשה שיצרנו.<br>\n",
-    "בצד ימין של ההשמה, יצרנו רשימה חדשה שמכילה את האיברים <span dir=\"ltr\" style=\"direction: ltr\">2, 8, 20, 28, 50, 82, 126</span>.<br>בעצם ההשמה ביקשנו מ־<var>my_list</var> שבתוך הפונקציה להפנות לכתובת של הרשימה החדשה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ההתרחשות הייתה זהה למה שקרה עם מחרוזות!<br/>\n",
+    "זה קרה כיוון שגם פה דרסנו את <var>my_list</var> כך שיצביע לרשימה חדשה שיצרנו.<br/>\n",
+    "בצד ימין של ההשמה, יצרנו רשימה חדשה שמכילה את האיברים <span dir=\"ltr\" style=\"direction: ltr\">2, 8, 20, 28, 50, 82, 126</span>.<br/>בעצם ההשמה ביקשנו מ־<var>my_list</var> שבתוך הפונקציה להפנות לכתובת של הרשימה החדשה.<br/>\n",
     "ננסה להשתמש בפעולה של צירוף איבר חדש לרשימה, <code dir=\"ltr\" style=\"direction: ltr;\">list.append(item)</code>, שעליה למדנו השבוע:\n",
     "</p>"
    ]
@@ -563,10 +562,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הצלחנו!<br>\n",
-    "הרשימה השתנתה גם בתוך הפונקציה וגם מחוצה לה.<br>\n",
-    "אפשר ללמוד מהדוגמה הזו שכשאנחנו מבצעים השמה לשם משתנה מסוים, אנחנו משנים את הכתובת שאליה הצביע שם המשתנה לכתובת חדשה, ולא עורכים את תוכן משתנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הצלחנו!<br/>\n",
+    "הרשימה השתנתה גם בתוך הפונקציה וגם מחוצה לה.<br/>\n",
+    "אפשר ללמוד מהדוגמה הזו שכשאנחנו מבצעים השמה לשם משתנה מסוים, אנחנו משנים את הכתובת שאליה הצביע שם המשתנה לכתובת חדשה, ולא עורכים את תוכן משתנה.<br/>\n",
     "</p>"
    ]
   },
@@ -574,16 +573,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">כתיבת פונקציה כראוי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כתיבת פונקציה כראוי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כשלמדנו פונקציות, הדגשנו את העובדה שפונקציה היא <em>קטע קוד עצמאי</em>.<br>\n",
-    "ככזו, <mark>פונקציה בדרך כלל לא תשנה ערכים של משתנים שלא היא הגדירה.</mark><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כשלמדנו פונקציות, הדגשנו את העובדה שפונקציה היא <em>קטע קוד עצמאי</em>.<br/>\n",
+    "ככזו, <mark>פונקציה בדרך כלל לא תשנה ערכים של משתנים שלא היא הגדירה.</mark><br/>\n",
     "לדוגמה, קטע הקוד שמופיע למעלה ועורך את המשתנה <code>l</code> שהוגדר מחוץ לפונקציה, נחשב להרגל רע.\n",
     "</p>"
    ]
@@ -592,7 +591,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה קטע הקוד מלמעלה בלי ההדפסות המסרבלות:\n",
     "</p>"
    ]
@@ -615,7 +614,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה לרשום קוד זהה, רק שהפעם הפונקציה לא תערוך את המשתנה <code dir=\"ltr\" style=\"direction: ltr;\">l</code>:\n",
     "</p>"
    ]
@@ -641,7 +640,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לצורת כתיבה זו כמה יתרונות:\n",
     "</p>"
    ]
@@ -650,33 +649,32 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\"></ol>\n",
-    "    <li>קל יותר להבין מה הפונקציה עושה, גם אם אין לקורא ידע מוקדם בנוגע לשאר הקוד.</li>\n",
-    "    <li>קל יותר למשתמש חיצוני להשתמש בפונקציה מבלי לפחד שיאבד מידע.</li>\n",
-    "    <li>קל יותר לבנות פונקציות נוספות שיסתמכו על ההתנהגות של הפונקציה הזו.</li>\n",
-    "</ul>"
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\"></ul>\n",
+    "<li>קל יותר להבין מה הפונקציה עושה, גם אם אין לקורא ידע מוקדם בנוגע לשאר הקוד.</li>\n",
+    "<li>קל יותר למשתמש חיצוני להשתמש בפונקציה מבלי לפחד שיאבד מידע.</li>\n",
+    "<li>קל יותר לבנות פונקציות נוספות שיסתמכו על ההתנהגות של הפונקציה הזו.</li>\n"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right;\">Tuple</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Tuple</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">הגדרה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ברוח השיעור על העובדה שרשימות הן Mutable, הגיע הזמן להכיר את \"האח דל התקציב\" שלהן: <code>tuple</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ברוח השיעור על העובדה שרשימות הן Mutable, הגיע הזמן להכיר את \"האח דל התקציב\" שלהן: <code>tuple</code>.<br/>\n",
     "    סוג הנתונים tuple לא מרגש במיוחד – הוא למעשה סוג של רשימה שאי־אפשר לשנות. רשימה שהיא immutable, אם תרצו.\n",
     "</p>"
    ]
@@ -685,7 +683,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נגדיר משתנה מסוג tuple באמצעות סוגריים עגולים:\n",
     "</p>"
    ]
@@ -703,7 +701,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     " כמו ברשימה, ניתן לקבל איברים שנמצאים ב־tuple אם נפנה למיקום שלהם:\n",
     "</p>"
    ]
@@ -722,7 +720,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניסיון לשנות את ה־tuple לא יצליח, מן הסתם. Immutable, זוכרים?\n",
     "</p>"
    ]
@@ -740,7 +738,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יצירת tuple ריק תיכתב כך:\n",
     "</p>"
    ]
@@ -758,7 +756,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ועבור יצירת tuple עם איבר אחד בלבד, נכתוב את האיבר ואז פסיק אחריו, כדי שפייתון לא תפרש את הביטוי כסוגריים רגילים:\n",
     "</p>"
    ]
@@ -776,18 +774,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <strong>תרגול</strong>:\n",
-    "            כתבו פונקצייה שמשתמשת ב־<code dir=\"ltr\" style=\"direction: ltr;\">dir()</code>, ומחזירה את כל הפעולות שיש ב־list ואין ב־tuple.<br>\n",
-    "            בדקו גם אילו פעולות יש ב־tuple ואין ב־list.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<strong>תרגול</strong>:\n",
+    "            כתבו פונקצייה שמשתמשת ב־<code dir=\"ltr\" style=\"direction: ltr;\">dir()</code>, ומחזירה את כל הפעולות שיש ב־list ואין ב־tuple.<br/>\n",
+    "            בדקו גם אילו פעולות יש ב־tuple ואין ב־list.<br/>\n",
     "            בשתי ההשוואות, התעלמו מפעולות ששמן מתחיל בתו קו תחתון.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -795,14 +793,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">שימושים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">שימושים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם tuple מעניק לי פחות חופש פעולה, למה להשתמש בו מלכתחילה?\n",
     "</p>"
    ]
@@ -811,17 +809,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\"></ol>\n",
-    "    <li><strong>מהירות</strong> – עבודה עם ערכים מסוג tuple היא מהירה פי כמה וכמה מאשר עם רשימות.</li>\n",
-    "    <li><strong>סמנטיקה</strong> – עבור ערך קבוע שאין צורך לשנות, נעדיף להשתמש ב־tuple כדי להדגיש את זה וכדי לא לאפשר הוספה או הסרה של ערכים בטעות.</li>\n",
-    "</ul>"
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\"></ul>\n",
+    "<li><strong>מהירות</strong> – עבודה עם ערכים מסוג tuple היא מהירה פי כמה וכמה מאשר עם רשימות.</li>\n",
+    "<li><strong>סמנטיקה</strong> – עבור ערך קבוע שאין צורך לשנות, נעדיף להשתמש ב־tuple כדי להדגיש את זה וכדי לא לאפשר הוספה או הסרה של ערכים בטעות.</li>\n"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות</span>"
    ]
   },
   {
@@ -840,14 +837,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
+    "## <p dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>כתובת</dt><dd>מקום במחשב שבו שמור ערך כלשהו. ערך לעולם לא יחליף את הכתובת שלו.</dd>\n",
     "<dt>Immutable</dt><dd>ערך שלא ניתן לשנות.</dd>\n",
     "<dt>Mutable</dt><dd>ערך שניתן לשנות.</dd>\n",
diff --git a/week3/Summary.ipynb b/week3/Summary.ipynb
index 0b5a0bd..8f82b41 100644
--- a/week3/Summary.ipynb
+++ b/week3/Summary.ipynb
@@ -4,62 +4,59 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פונקציית גיבוב היא פונקציה המקבלת קלט כלשהו ומחזירה ערך באורך קבוע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פונקציית גיבוב היא פונקציה המקבלת קלט כלשהו ומחזירה ערך באורך קבוע.<br/>\n",
     "    קיימות פונקציות גיבוב רבות, ולהן שימושים מגוונים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נמנה כמה תכונות נפוצות של פונקציות גיבוב:\n",
     "</p>\n",
-    "    \n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "   <li>דטרמיניזם – עבור קלט מסוים, הערך המוחזר יהיה תמיד זהה.</li>\n",
-    "   <li>אחידות – כיוון שהערך המוחזר הוא בגודל קבוע, יש קלטים שעבורם הערך המוחזר זהה. פונקציית גיבוב טובה תנסה למזער את כמות הערכים המוחזרים הזהים.</li>\n",
-    "   <li>חד־כיווניות – עבור ערך מסוים שהפונקציה החזירה, קשה למצוא מה הקלט שיצר אותו.</li>\n",
-    "</ul>\n",
-    "\n"
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>דטרמיניזם – עבור קלט מסוים, הערך המוחזר יהיה תמיד זהה.</li>\n",
+    "<li>אחידות – כיוון שהערך המוחזר הוא בגודל קבוע, יש קלטים שעבורם הערך המוחזר זהה. פונקציית גיבוב טובה תנסה למזער את כמות הערכים המוחזרים הזהים.</li>\n",
+    "<li>חד־כיווניות – עבור ערך מסוים שהפונקציה החזירה, קשה למצוא מה הקלט שיצר אותו.</li>\n",
+    "</ul>\n"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש בסיסי</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש בסיסי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתרגיל זה נממש גרסה פשוטה של פונקציית גיבוב (hash function).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתרגיל זה נממש גרסה פשוטה של פונקציית גיבוב (hash function).<br/>\n",
     "    פונקציית הגיבוב שלנו תקבל מחרוזת ותחזיר תמיד פלט באורך זהה.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תחילה נכיר את הפונקציה <code dir=\"ltr\" style=\"direction: ltr\">ord(תו)</code>.<br>\n",
-    "    פונקציה זו מקבלת תו, ומחזירה ערך מספרי המייצג אותו:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תחילה נכיר את הפונקציה <code dir=\"ltr\" style=\"direction: ltr\">ord(תו)</code>.<br/>\n",
+    "    פונקציה זו מקבלת תו, ומחזירה ערך מספרי המייצג אותו:<br/>\n",
     "</p>"
    ]
   },
@@ -87,20 +84,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פונקציית הגיבוב שלנו תעבוד כך:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פונקציית הגיבוב שלנו תעבוד כך:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>נאתחל משתנה עזר בשם <var>hash</var> כך שערכו יהיה 1.</li>\n",
-    "    <li>עבור כל אות במחרוזת:</li>\n",
-    "    <ol>\n",
-    "        <li>נחשב את <code dir=\"ltr\" style=\"direction: ltr;\">ord(letter)</code> ונכפיל במשתנה העזר <var>hash</var>.</li>\n",
-    "        <li>נכפיל את הערך שקיבלנו במיקום של האות הבאה במחרוזת.\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>נאתחל משתנה עזר בשם <var>hash</var> כך שערכו יהיה 1.</li>\n",
+    "<li>עבור כל אות במחרוזת:</li>\n",
+    "<ol>\n",
+    "<li>נחשב את <code dir=\"ltr\" style=\"direction: ltr;\">ord(letter)</code> ונכפיל במשתנה העזר <var>hash</var>.</li>\n",
+    "<li>נכפיל את הערך שקיבלנו במיקום של האות הבאה במחרוזת.\n",
     "        <li>לתוצאה הזו נבצע מודולו 397,643, ונשמור על <var>hash</var>.</li>\n",
-    "    </ol>\n",
-    "    <li>כדי שהפלט תמיד יהיה באורך זהה, נשתמש במודולו 100,297 על התוצאה (חשבו: איך מודולו גורם לזה לקרות?)</li>\n",
+    "</li></ol>\n",
+    "<li>כדי שהפלט תמיד יהיה באורך זהה, נשתמש במודולו 100,297 על התוצאה (חשבו: איך מודולו גורם לזה לקרות?)</li>\n",
     "</ol>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "פונקציית הגיבוב שיצרנו מחזירה תמיד ערכים באורך קבוע (בין 0 ל־100,297), כפי שפונקציית גיבוב צריכה להחזיר (לאו דווקא באורך זה, אבל הפלט חייב להיות באורך קבוע).\n",
     "</p>"
    ]
@@ -109,56 +106,50 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דוגמה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דוגמה:<br/>\n",
     "</p>\n",
-    "\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">myhash('aba')</code><br>\n",
-    "<samp style=\"text-align: left; direction: ltr; float: left; clear: both;\">62242</samp><br>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    החישוב התבצע כך:<br>\n",
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">myhash('aba')</code><br/>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">62242</samp><br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    החישוב התבצע כך:<br/>\n",
     "</p>\n",
-    "\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = 1</code><br>\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('a') * 1) % 397643</code>\n",
-    "<samp style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (1 * 97 * 1) % 397643 = 97</samp><br>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = 1</code><br/>\n",
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('a') * 1) % 397643</code>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (1 * 97 * 1) % 397643 = 97</samp><br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב שכאן הכפלנו ב־1, כיוון שמיקום האות הוא 0 ואנו מכפילים\n",
     "    <em>באינדקס האות הבאה.</em>\n",
     "</p>\n",
-    "\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('b') * 2) % 397643</code>\n",
-    "<samp style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (97 * 98 * 2) % 397643 = 19012</samp>\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('a') * 3) % 397643</code>\n",
-    "<samp style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (19012 * 97 * 3) % 397643 = 363133</samp>\n",
-    "<code style=\"text-align: left; direction: ltr; float: left; clear: both;\">return temp_hash % 100297</code>\n",
-    "<samp style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = 363133 % 100297 = <b>62242</b></samp>"
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('b') * 2) % 397643</code>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (97 * 98 * 2) % 397643 = 19012</samp>\n",
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">temp_hash = (temp_hash * ord('a') * 3) % 397643</code>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = (19012 * 97 * 3) % 397643 = 363133</samp>\n",
+    "<code dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">return temp_hash % 100297</code>\n",
+    "<samp dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\"># temp_hash = 363133 % 100297 = <b>62242</b></samp>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו את פונקציית הגיבוב.<br>\n",
-    "    כדי לבדוק את עצמכם ודאו שקיבלתם את הערכים הבאים עבור המחרוזות הבאות:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו את פונקציית הגיבוב.<br/>\n",
+    "    כדי לבדוק את עצמכם ודאו שקיבלתם את הערכים הבאים עבור המחרוזות הבאות:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "    <li>\n",
-    "        <code>myhash('python course')</code><br>\n",
-    "        <samp>75273</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        <code>myhash('hashing is sababa')</code><br>\n",
-    "        <samp>38166</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        <code>myhash('i calculate hashes for fun')</code><br>\n",
-    "        <samp>68720</samp>\n",
-    "    </li>\n",
+    "<ul dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "<li>\n",
+    "<code>myhash('python course')</code><br/>\n",
+    "<samp>75273</samp>\n",
+    "</li>\n",
+    "<li>\n",
+    "<code>myhash('hashing is sababa')</code><br/>\n",
+    "<samp>38166</samp>\n",
+    "</li>\n",
+    "<li>\n",
+    "<code>myhash('i calculate hashes for fun')</code><br/>\n",
+    "<samp>68720</samp>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -166,9 +157,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב שזוהי פונקציית גיבוב מומצאת.<br>\n",
-    "    לעולם לא נשתמש בפונקציות גיבוב שהמצאנו בסביבות אמיתיות שאנחנו מתכנתים(!), משום שדבר כזה יסכן בוודאות את המשתמשים במערכת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב שזוהי פונקציית גיבוב מומצאת.<br/>\n",
+    "    לעולם לא נשתמש בפונקציות גיבוב שהמצאנו בסביבות אמיתיות שאנחנו מתכנתים(!), משום שדבר כזה יסכן בוודאות את המשתמשים במערכת.<br/>\n",
     "    זה עולם שלם שנחקר רבות, ואנחנו תמיד נשתמש רק בפונקציות גיבוב שנחקרו במוסדות הרלוונטיים ופורסמו מטעמם.\n",
     "</p>"
    ]
@@ -186,28 +177,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">איקס־עיגול</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">איקס־עיגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נזכיר את החוקים של המשחק המוכר איקס־עיגול:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נזכיר את החוקים של המשחק המוכר איקס־עיגול:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המשחק מתרחש על לוח בגודל 3 על 3.</li>\n",
-    "    <li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המשחק מתרחש על לוח בגודל 3 על 3.</li>\n",
+    "<li>\n",
     "        במשחק משתתפים שני שחקנים: שחקן שמשתמש באות <em>X</em> \n",
     "        ושחקן שמשתמש באות <em>O</em>.\n",
     "    </li>\n",
-    "    <li>\n",
+    "<li>\n",
     "        השחקן שמשתמש באות <em>O</em> תמיד מתחיל.\n",
     "    </li>\n",
-    "    <li>המשחק נמשך כל עוד יש מקום פנוי בלוח, או עד שהוכרז מנצח.</li>\n",
-    "    <li>מנצח הוא מי שהציב את האות השייכת לו בכל התאים הנמצאים באלכסון, בשורה או בטור על הלוח.</li>\n",
+    "<li>המשחק נמשך כל עוד יש מקום פנוי בלוח, או עד שהוכרז מנצח.</li>\n",
+    "<li>מנצח הוא מי שהציב את האות השייכת לו בכל התאים הנמצאים באלכסון, בשורה או בטור על הלוח.</li>\n",
     "</ul>"
    ]
   },
@@ -215,23 +205,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש המשחק</p>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש המשחק</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג הלוח</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצוג הלוח</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    את הלוח נייצג באמצעות רשימה של רשימות.<br>\n",
-    "    כל רשימה תייצג שורה בלוח שלנו: הרשימה במיקום 0 תייצג את השורה הראשונה בלוח, הרשימה בשורה 1 את השורה השנייה וכך הלאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    את הלוח נייצג באמצעות רשימה של רשימות.<br/>\n",
+    "    כל רשימה תייצג שורה בלוח שלנו: הרשימה במיקום 0 תייצג את השורה הראשונה בלוח, הרשימה בשורה 1 את השורה השנייה וכך הלאה.<br/>\n",
     "    הרשימות המייצגות את השורות יהיו רשימות של תווים, כאשר בכל תא יהיה אחד מבין התווים האפשריים – '<i>O</i>', '<i>X</i>' או '<i>-</i>'\n",
     "</p>"
    ]
@@ -240,16 +230,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה, כך נראה לוח ריק:\n",
     "</p>\n",
-    "    \n",
     "<samp style=\"float: left; clear: both;\">[['-', '-', '-'], ['-', '-', '-'], ['-', '-', '-']]</samp>\n",
-    "    \n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוח לדמיין את הרשימה הזו כתובה במאונך:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">\n",
     "[\n",
     "    ['-', '-', '-'],\n",
@@ -257,22 +244,18 @@
     "    ['-', '-', '-']\n",
     "]\n",
     "</samp>\n",
-    "    \n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כעת נראה איך נראה הלוח כאשר יש <samp>'X'</samp>־ים באלכסון:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">\n",
     "[\n",
     "    ['X', '-', '-'],\n",
     "    ['-', 'X', '-'],\n",
     "    ['-', '-', 'X']\n",
     "]</samp>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וללא ההדפסה לאורך:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">[['X', '-', '-'], ['-', 'X', '-'], ['-', '-', 'X']]</samp>\n"
    ]
   },
@@ -280,14 +263,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תחילה נממש פונקציה המקבלת את הלוח ובודקת אם יש מנצח כלשהו \n",
     "    (<em>X</em> או <em>O</em>),\n",
     "    ומחזירה את האות של המנצח\n",
     "    (<samp>'X'</samp> או <samp>'O'</samp>)\n",
     "    אם יש מנצח, או <samp>''</samp> (מחרוזת ריקה) אחרת.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "חִשבו אילו בדיקות נידרש לבצע כדי למצוא אם יש בלוח מצב של ניצחון. ממשו את הפונקציה <code>check_board(board)</code> כך שתשתמש בכמה שיותר פונקציות עזר.\n",
     "</p>"
    ]
@@ -305,21 +288,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "     לפני שתמשיכו הלאה, חשוב לוודא שהפונקציה שכתבתם עובדת, לכן נכתוב עבורה סדרה של בדיקות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "     לפני שתמשיכו הלאה, חשוב לוודא שהפונקציה שכתבתם עובדת, לכן נכתוב עבורה סדרה של בדיקות.<br/>\n",
     "    כתבו בדיקות עבור המקרים הבאים:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>ניצחון באלכסון הראשי (שמאל למעלה–ימין למטה).</li>\n",
-    "    <li>ניצחון באלכסון המשני (ימין למעלה–שמאל למטה).</li>\n",
-    "    <li>ניצחון בכל אחד מהטורים.</li>\n",
-    "    <li>ניצחון בכל אחת מהשורות.</li>\n",
-    "    <li>לוח מלא ללא ניצחון.</li>\n",
-    "    <li>לוח לא מלא ללא ניצחון (במקומות לא מסומנים יופיע הסימן <samp>'-'</samp>).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>ניצחון באלכסון הראשי (שמאל למעלה–ימין למטה).</li>\n",
+    "<li>ניצחון באלכסון המשני (ימין למעלה–שמאל למטה).</li>\n",
+    "<li>ניצחון בכל אחד מהטורים.</li>\n",
+    "<li>ניצחון בכל אחת מהשורות.</li>\n",
+    "<li>לוח מלא ללא ניצחון.</li>\n",
+    "<li>לוח לא מלא ללא ניצחון (במקומות לא מסומנים יופיע הסימן <samp>'-'</samp>).</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בסך הכול תצטרכו לכתוב 10 בדיקות. בכל בדיקה הפעילו את הפונקציה שלכם <code>check_board(board)</code> על לוח כפי שמתואר ובדקו אם הפלט שמוחזר תואם לפלט שציפיתם לקבל.\n",
     "</p>\n"
    ]
@@ -418,28 +399,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות לבדיקת תקינות קלט</p>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות לבדיקת תקינות קלט</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במהלך המשחק אנו נקלוט מהשחקנים במשחק (המשתמשים) את המקומות בלוח, שבהם הם ירצו למקם את האות שלהם.<br>\n",
-    "    מקומות אלו יהיו שני מספרים בתחום 0–2 המציינים את השורה והעמודה שבה יש למקם את האות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במהלך המשחק אנו נקלוט מהשחקנים במשחק (המשתמשים) את המקומות בלוח, שבהם הם ירצו למקם את האות שלהם.<br/>\n",
+    "    מקומות אלו יהיו שני מספרים בתחום 0–2 המציינים את השורה והעמודה שבה יש למקם את האות.<br/>\n",
     "    לדוגמה, עבור:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">1 2</samp>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נמקם את האות המתאימה לשחקן, נניח <em>X</em>, בשורה 1 ובעמודה 2, כך:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">[['-', '-', '-'], ['-', '-', 'X'], ['-', '-', '-']]</samp>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    זכרו כי הספירה מתחילה מ־0, ולכן מדובר בשורה האמצעית ובעמודה הימנית.\n",
     "</p>"
    ]
@@ -448,24 +425,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כעת כתבו פונקציה המקבלת את הלוח ואת האות שמייצגת את השחקן (<em>'X'</em> או <em>'O'</em>). כמו כן, הפונקציה תקלוט מהמשתמש שני מספרים.<br>\n",
-    "    הפונקציה תבדוק אם התנאים הבאים מתקיימים, ואם הם מתקיימים היא תמקם את האות הנתונה במיקום המבוקש, ותעדכן את הלוח:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כעת כתבו פונקציה המקבלת את הלוח ואת האות שמייצגת את השחקן (<em>'X'</em> או <em>'O'</em>). כמו כן, הפונקציה תקלוט מהמשתמש שני מספרים.<br/>\n",
+    "    הפונקציה תבדוק אם התנאים הבאים מתקיימים, ואם הם מתקיימים היא תמקם את האות הנתונה במיקום המבוקש, ותעדכן את הלוח:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מספר השורה הוא בין 0 ל־2.</li>\n",
-    "    <li>מספר העמודה הוא בין 0 ל־2.</li>\n",
-    "    <li>המקום המבוקש לא תפוס על ידי אות כלשהי (כלומר יש בו <samp>'-'</samp>).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מספר השורה הוא בין 0 ל־2.</li>\n",
+    "<li>מספר העמודה הוא בין 0 ל־2.</li>\n",
+    "<li>המקום המבוקש לא תפוס על ידי אות כלשהי (כלומר יש בו <samp>'-'</samp>).</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב, <b>עליכם לחייב את המשתמש להכניס ערכים חוקיים</b>. כלומר, המשחק לא ימשיך עד שיתקבל קלט תקין (חשבו על דרך שבה התוכנית תמשיך לבקש מהמשתמש ערכים עד שיוכנסו ערכים חוקיים).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב, <b>עליכם לחייב את המשתמש להכניס ערכים חוקיים</b>. כלומר, המשחק לא ימשיך עד שיתקבל קלט תקין (חשבו על דרך שבה התוכנית תמשיך לבקש מהמשתמש ערכים עד שיוכנסו ערכים חוקיים).<br/>\n",
     "    כאשר נגלה בשלב מוקדם יותר שהלוח לא ניתן יותר למילוי – המשחק יסתיים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    רמז: <span style=\"direction: rtl; background: #000; text: #000\">השתמשו בלולאת while</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    רמז: <span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">השתמשו בלולאת while</span>\n",
     "</p>\n"
    ]
   },
@@ -473,67 +447,51 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לוח לדוגמה:\n",
     "</p>\n",
-    "\n",
     "<samp style=\"float: left; clear: both;\">\n",
     "board = [['-', '-', '-'], ['-', 'O', 'X'], ['-', '-', '-']]\n",
     "</samp>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הזנה חוקית:\n",
     "</p>\n",
-    "\n",
     "<code style=\"float: left; clear: both;\">make_turn('X', board)</code>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
+    "<br style=\"clear: both;\"/>\n",
     "<samp style=\"float: left; clear: both;\">Player 'X' Please choose cell:\n",
     "0 2\n",
     "</samp>\n",
     "<samp style=\"float: left; clear: both;\">[['-', '-', 'X'], ['-', 'O', 'X'], ['-', '-', '-']]</samp>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הזנה לא חוקית:\n",
     "</p>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
+    "<br style=\"clear: both;\"/>\n",
     "<samp style=\"float: left; clear: both;\">Player 'X' Please choose cell:\n",
     "5 -2\n",
     "Invalid line chosen (5)\n",
     "Invalid column chosen (-2)\n",
     "[['-', '-', '-'], ['-', 'O', 'X'], ['-', '-', '-']]\n",
     "</samp>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
+    "<br style=\"clear: both;\"/>\n",
     "<samp style=\"float: left; clear: both; padding-bottom: 5px;\">Player 'X' Please choose cell:\n",
     "1 2\n",
     "Cell (1,2) is taken, use other.\n",
     "[['-', '-', '-'], ['-', 'O', 'X'], ['-', '-', '-']]\n",
     "</samp>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
+    "<br style=\"clear: both;\"/>\n",
     "<samp style=\"float: left; clear: both;\">Player 'X' Please choose cell:\n",
     "2 -2\n",
     "Invalid column chosen (-2)\n",
     "[['-', '-', '-'], ['-', 'O', 'X'], ['-', '-', '-']]\n",
     "</samp>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
+    "<br style=\"clear: both;\"/>\n",
     "<samp style=\"float: left; clear: both;\">Player 'X' Please choose cell:\n",
     "1 1\n",
     "Cell (1,1) is taken, use other.\n",
     "[['-', '-', '-'], ['-', 'O', 'X'], ['-', '-', '-']]\n",
     "</samp>\n",
-    "\n",
-    "<br style=\"clear: both;\">\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<br style=\"clear: both;\"/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב שלאחר כל פעולה אנו מדפיסים את הלוח, בין אם הצליחה ובין אם לאו.\n",
     "</p>"
    ]
@@ -551,14 +509,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <b>בונוס</b>: ממשו פונקציה שמדפיסה את הלוח לאורך.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<b>בונוס</b>: ממשו פונקציה שמדפיסה את הלוח לאורך.\n",
     "</p>\n",
-    "\n",
     "<code style=\"float: left; clear: both;\">print_board(board)</code>\n",
-    "\n",
-    "<br>\n",
-    "\n",
+    "<br/>\n",
     "<samp style=\"float: left; clear: both;\">\n",
     "[\n",
     "    ['-', '-', '-'],\n",
@@ -572,32 +527,32 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש המשחק</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מימוש המשחק</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כאמור המשחק ממשיך כל עוד אין מנצח ונותר מקום פנוי בלוח.<br>\n",
-    "    נשים לב כי מספר המהלכים החוקיים יכול להיות לכל היותר כגודל הלוח.<br>\n",
-    "    כלומר – אם לא הוכרז מנצח במהלך המשחק, המשחק ייגמר לאחר 9 מהלכים עבור לוח בגודל $3\\times3$.<br>\n",
-    "    נספור כמה מהלכים חוקיים יש במשחק. עבור מספרי מהלך זוגיים (0, 2, 4, ...) ישחק השחקן <em>O</em>, ועבור מספרי מהלך אי־זוגיים ישחק השחקן <em>X</em>.<br>\n",
-    "    נתאר את מהלך המשחק בפסאודו־קוד:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כאמור המשחק ממשיך כל עוד אין מנצח ונותר מקום פנוי בלוח.<br/>\n",
+    "    נשים לב כי מספר המהלכים החוקיים יכול להיות לכל היותר כגודל הלוח.<br/>\n",
+    "    כלומר – אם לא הוכרז מנצח במהלך המשחק, המשחק ייגמר לאחר 9 מהלכים עבור לוח בגודל $3\\times3$.<br/>\n",
+    "    נספור כמה מהלכים חוקיים יש במשחק. עבור מספרי מהלך זוגיים (0, 2, 4, ...) ישחק השחקן <em>O</em>, ועבור מספרי מהלך אי־זוגיים ישחק השחקן <em>X</em>.<br/>\n",
+    "    נתאר את מהלך המשחק בפסאודו־קוד:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אתחל את מונה המהלכים ל־0.</li>\n",
-    "    <li>כל עוד אין מנצח וגם הלוח לא מלא:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אתחל את מונה המהלכים ל־0.</li>\n",
+    "<li>כל עוד אין מנצח וגם הלוח לא מלא:\n",
     "        <ul>\n",
-    "            <li>אם מספר המהלך זוגי – בצע מהלך שחקן <em>O</em>.</li>\n",
-    "            <li>אם מספר המהלך אי־זוגי – בצע מהלך שחקן <em>X</em>.</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>הגדל את מונה המהלכים ב־1. </li>\n",
-    "    <li>אם יש ניצחון – הכרז על המנצח, אחרת הכרז תיקו.</li>\n",
+    "<li>אם מספר המהלך זוגי – בצע מהלך שחקן <em>O</em>.</li>\n",
+    "<li>אם מספר המהלך אי־זוגי – בצע מהלך שחקן <em>X</em>.</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>הגדל את מונה המהלכים ב־1. </li>\n",
+    "<li>אם יש ניצחון – הכרז על המנצח, אחרת הכרז תיקו.</li>\n",
     "</ol>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו את המשחק על פי הפונקציות שיצרתם ועל פי תיאור מהלך המשחק.\n",
     "</p>"
    ]
@@ -615,7 +570,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כעת שחקו עם בני משפחה וחברים ;)\n",
     "</p>"
    ]
@@ -624,32 +579,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">בנק 2.0</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">בנק 2.0</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מנהלי הבנק היו מרוצים מאוד מהתוכנה הקודמת לניהול בנק שכתבתם וכעת הם מעוניינים לשפר אותה.<br>\n",
-    "    תחילה הם הביעו דאגה מחוזק הסיסמאות. מנגנון הסיסמאות הקודם היה חלש ומנהלי הבנק מפחדים שייעשה בו שימוש לרעה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מנהלי הבנק היו מרוצים מאוד מהתוכנה הקודמת לניהול בנק שכתבתם וכעת הם מעוניינים לשפר אותה.<br/>\n",
+    "    תחילה הם הביעו דאגה מחוזק הסיסמאות. מנגנון הסיסמאות הקודם היה חלש ומנהלי הבנק מפחדים שייעשה בו שימוש לרעה.<br/>\n",
     "    שמועות מתפשטות מהר מאוד ומנהלי הבנק שמעו שמימשתם גרסה לפונקציית גיבוב. הם מעוניינים להשתמש בה במנגנון הסיסמאות החדש.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מנגנון הסיסמאות ינוהל כך:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הבנק ינהל קובץ סיסמאות שייקרא bank_passwd.txt.</li>\n",
-    "    <li>כאשר משתמש יפתח חשבון בנק, הוא יכניס את הסיסמה שהוא מעוניין שתשמש אותו בהתחברות הבאה.</li>\n",
-    "    <li>נחשב את ה־hash של הסיסמה הזו באמצעות פונקציית ה־hash שכתבנו בתחילת מחברת זו.</li>\n",
-    "    <li>הבנק ישמור את שם המשתמש ותוצאת ה־hash בקובץ הסיסמאות בצורה קבועה מראש.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הבנק ינהל קובץ סיסמאות שייקרא bank_passwd.txt.</li>\n",
+    "<li>כאשר משתמש יפתח חשבון בנק, הוא יכניס את הסיסמה שהוא מעוניין שתשמש אותו בהתחברות הבאה.</li>\n",
+    "<li>נחשב את ה־hash של הסיסמה הזו באמצעות פונקציית ה־hash שכתבנו בתחילת מחברת זו.</li>\n",
+    "<li>הבנק ישמור את שם המשתמש ותוצאת ה־hash בקובץ הסיסמאות בצורה קבועה מראש.</li>\n",
     "</ol>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל סיסמה של משתמש תישמר בקובץ בצורה: <samp>username:62242</samp>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל סיסמה של משתמש תישמר בקובץ בצורה: <samp>username:62242</samp>,<br/>\n",
     "    כאשר <samp>username</samp> הוא שם המשתמש שנרשם בפתיחת החשבון, ו־<samp>62242</samp> הוא תוצאת ה־hash עבור הסיסמה שבחר.\n",
     "</p>"
    ]
@@ -658,16 +610,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתיחת חשבון בנק</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתיחת חשבון בנק</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">בסעיף זה נממש את פונקציית פתיחת חשבון הבנק.<br>\n",
-    "    הפונקציה תקבל שם משתמש וסיסמה, ותיצור רשומה חדשה בקובץ הסיסמאות עבור המשתמש שביקש להצטרף לבנק.<br>\n",
-    "    כיוון שהבנק שלנו לא עבר לעבוד עם מספרי חשבון, עלינו לוודא ששם המשתמש שנבחר לא קיים כבר בבנק. אם קיים כזה, נדפיס שגיאה ולא נבצע דבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">בסעיף זה נממש את פונקציית פתיחת חשבון הבנק.<br/>\n",
+    "    הפונקציה תקבל שם משתמש וסיסמה, ותיצור רשומה חדשה בקובץ הסיסמאות עבור המשתמש שביקש להצטרף לבנק.<br/>\n",
+    "    כיוון שהבנק שלנו לא עבר לעבוד עם מספרי חשבון, עלינו לוודא ששם המשתמש שנבחר לא קיים כבר בבנק. אם קיים כזה, נדפיס שגיאה ולא נבצע דבר.<br/>\n",
     "    אם לא קיים שם משתמש כזה, נחשב את ה־hash של הסיסמה שהזין, ונוסיף לסוף הקובץ רשומה חדשה בייצוג שצוין בתחילת השאלה.\n",
     "</p>"
    ]
@@ -676,52 +628,48 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "תוכן קובץ הסיסמאות (לצורך הדוגמה):\n",
     "</p>\n",
-    "\n",
-    "<samp>FreddieMercury:56443</samp><br>\n",
-    "<samp>BBKing:33471</samp><br>\n",
-    "<samp>DonaldDuck:17743</samp><br><br>\n",
-    "<code>register_to_bank('FreddieMercury', 'ILoveQueen')</code><br>\n",
-    "<samp>An account with name \"FreddieMercury\" already exists.<br>Account was not created.</samp><br><br>\n",
-    "<code>register_to_bank('Simba', 'ILoveNala')</code><br>\n",
-    "<samp>Account with name \"Simba\" was created and added to the bank.</samp><br><br>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<samp>FreddieMercury:56443</samp><br/>\n",
+    "<samp>BBKing:33471</samp><br/>\n",
+    "<samp>DonaldDuck:17743</samp><br/><br/>\n",
+    "<code>register_to_bank('FreddieMercury', 'ILoveQueen')</code><br/>\n",
+    "<samp>An account with name \"FreddieMercury\" already exists.<br/>Account was not created.</samp><br/><br/>\n",
+    "<code>register_to_bank('Simba', 'ILoveNala')</code><br/>\n",
+    "<samp>Account with name \"Simba\" was created and added to the bank.</samp><br/><br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תוכן קובץ הסיסמאות כעת:\n",
     "</p>\n",
-    "\n",
-    "<samp>FreddieMercury:56443</samp><br>\n",
-    "<samp>BBKing:19463</samp><br>\n",
-    "<samp>DonaldDuck:17743</samp><br>\n",
-    "<samp>Simba:6362</samp><br>"
+    "<samp>FreddieMercury:56443</samp><br/>\n",
+    "<samp>BBKing:19463</samp><br/>\n",
+    "<samp>DonaldDuck:17743</samp><br/>\n",
+    "<samp>Simba:6362</samp><br/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">ממשו את פונקציית הרישום.</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמזים:</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li style=\"direction: rtl; background: #000; text: #000\">קראו את המידע מהקובץ לתוך רשימה, זכרו שכל שורה היא מחרוזת וניתן להפעיל עליה פעולות של מחרוזות כדי לחלץ את שם המשתמש.</li>\n",
-    "    <li style=\"direction: rtl; background: #000; text: #000\">כאשר פותחים קובץ במצב הוספה, ניתן להוסיף אליו נתונים מבלי למחוק את הקיימים. קראו על פונקציית open וחפשו כיצד עושים זאת.</li>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ממשו את פונקציית הרישום.</p>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמזים:</p>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">קראו את המידע מהקובץ לתוך רשימה, זכרו שכל שורה היא מחרוזת וניתן להפעיל עליה פעולות של מחרוזות כדי לחלץ את שם המשתמש.</li>\n",
+    "<li dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">כאשר פותחים קובץ במצב הוספה, ניתן להוסיף אליו נתונים מבלי למחוק את הקיימים. קראו על פונקציית open וחפשו כיצד עושים זאת.</li>\n",
     "</ul>"
    ]
   },
@@ -738,39 +686,36 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מערכת הזדהות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מערכת הזדהות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעקבות השיפור במנגנון חוזק הסיסמאות, הצטרפו לקוחות רבים לבנק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעקבות השיפור במנגנון חוזק הסיסמאות, הצטרפו לקוחות רבים לבנק.<br/>\n",
     "    המנהלים מרוצים וכעת רוצים שתממשו עבורם מערכת הזדהות שעובדת עם קובץ הסיסמאות.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מערכת ההזדהות תעבוד כך:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הלקוח יזין שם משתמש וסיסמה.\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הלקוח יזין שם משתמש וסיסמה.\n",
     "        <ul>\n",
-    "            <li>אם המשתמש לא קיים, נדפיס <samp>Account not registered</samp>, ונסיים.</li>\n",
-    "            <li>אם הלקוח קיים, אך הסיסמה שהזין שגויה – יש ללקוח עוד 2 נסיונות להזין סיסמה נכונה.</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>למשתמש ינתנו 3 ניסיונות בסך הכול להכניס סיסמה נכונה.\n",
+    "<li>אם המשתמש לא קיים, נדפיס <samp>Account not registered</samp>, ונסיים.</li>\n",
+    "<li>אם הלקוח קיים, אך הסיסמה שהזין שגויה – יש ללקוח עוד 2 נסיונות להזין סיסמה נכונה.</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>למשתמש ינתנו 3 ניסיונות בסך הכול להכניס סיסמה נכונה.\n",
     "        <ul>\n",
-    "            <li>אם הזין סיסמה שגויה בשלושתם – הרשומה שלו תימחק מקובץ הסיסמאות, ויהיה עליו להירשם מחדש בעתיד.</li>\n",
-    "            <li>אחרת, הזיהוי הצליח.</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
+    "<li>אם הזין סיסמה שגויה בשלושתם – הרשומה שלו תימחק מקובץ הסיסמאות, ויהיה עליו להירשם מחדש בעתיד.</li>\n",
+    "<li>אחרת, הזיהוי הצליח.</li>\n",
+    "</ul>\n",
+    "</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מערכת ההזדהות הינה פונקציה המקבלת שם משתמש וסיסמה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מערכת ההזדהות הינה פונקציה המקבלת שם משתמש וסיסמה.<br/>\n",
     "    היא מחזירה <samp>True</samp> אם הזיהוי הצליח, ו־<samp>False</samp> אחרת.\n",
     "</p>"
    ]
@@ -779,58 +724,52 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תוכן קובץ הסיסמאות (לצורך הדוגמה):\n",
     "</p>\n",
-    "\n",
-    "<br>\n",
-    "\n",
-    "<samp>FreddieMercury:61875</samp><br>\n",
-    "<samp>BBKing:33471</samp><br>\n",
-    "<samp>DonaldDuck:17743</samp><br>\n",
-    "<samp>Simba:6362</samp><br><br>\n",
-    "<code>authenticate('FreddieMercury', 'ILoveQueen')</code><br>\n",
-    "<samp>Wrong password (1/3).  # myhash('ILoveQueen') = 99597 != 61875 (in password file)</samp><br><br>\n",
-    "<code>authenticate('FreddieMercury', 'LetItBe')</code><br>\n",
-    "<samp>Wrong password (2/3).  # myhash('LetItBe') = 58060 != 61875 (in password file)</samp><br><br>\n",
-    "<code>authenticate('FreddieMercury', 'HeyJude')</code><br>\n",
-    "<samp>Wrong password (3/3). 'FreddieMercury' was removed.  # myhash('HeyJude') = 8309 != 61875 (in password file)</samp><br><br>\n",
-    "<code>authenticate('FreddieMercury', 'IHatePasswords!')</code><br>\n",
-    "<samp>Account not registered.  # FreddieMercury was removed in the previous example</samp><br><br>\n",
-    "\n",
-    "<code>authenticate('Simba', 'ILoveNala')</code><br>\n",
-    "<samp>Welcome 'Simba'.  # myhash('ILoveNala') = 6362 == 6362 (in password file)</samp><br><br>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<br/>\n",
+    "<samp>FreddieMercury:61875</samp><br/>\n",
+    "<samp>BBKing:33471</samp><br/>\n",
+    "<samp>DonaldDuck:17743</samp><br/>\n",
+    "<samp>Simba:6362</samp><br/><br/>\n",
+    "<code>authenticate('FreddieMercury', 'ILoveQueen')</code><br/>\n",
+    "<samp>Wrong password (1/3).  # myhash('ILoveQueen') = 99597 != 61875 (in password file)</samp><br/><br/>\n",
+    "<code>authenticate('FreddieMercury', 'LetItBe')</code><br/>\n",
+    "<samp>Wrong password (2/3).  # myhash('LetItBe') = 58060 != 61875 (in password file)</samp><br/><br/>\n",
+    "<code>authenticate('FreddieMercury', 'HeyJude')</code><br/>\n",
+    "<samp>Wrong password (3/3). 'FreddieMercury' was removed.  # myhash('HeyJude') = 8309 != 61875 (in password file)</samp><br/><br/>\n",
+    "<code>authenticate('FreddieMercury', 'IHatePasswords!')</code><br/>\n",
+    "<samp>Account not registered.  # FreddieMercury was removed in the previous example</samp><br/><br/>\n",
+    "<code>authenticate('Simba', 'ILoveNala')</code><br/>\n",
+    "<samp>Welcome 'Simba'.  # myhash('ILoveNala') = 6362 == 6362 (in password file)</samp><br/><br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תוכן קובץ הסיסמאות כעת:\n",
     "</p>\n",
-    "\n",
-    "<br>\n",
-    "\n",
-    "<samp>BBKing:19463</samp><br>\n",
-    "<samp>DonaldDuck:17743</samp><br>\n",
-    "<samp>Simba:6362</samp><br>"
+    "<br/>\n",
+    "<samp>BBKing:19463</samp><br/>\n",
+    "<samp>DonaldDuck:17743</samp><br/>\n",
+    "<samp>Simba:6362</samp><br/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו את מערכת ההזדהות.\n",
     "</p>"
    ]
diff --git a/week4/1_For_Loops.ipynb b/week4/1_For_Loops.ipynb
index c5bbaa1..e52778d 100644
--- a/week4/1_For_Loops.ipynb
+++ b/week4/1_For_Loops.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">לולאת for</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לולאת for</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פעמים רבות אנחנו מנסים לפתור בעיה, שכדי להגיע לפתרונה נידרש לעבור על כל הערכים במבנה מסוים:\n",
     "</p>"
    ]
@@ -34,11 +34,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>קבל את רשימת גובהי התלמידים בכיתה, והחזר את גובהו של התלמיד הגבוה ביותר.</li>\n",
-    "    <li>קבל את רשימת הקלפים שבידי, והחזר את הקלף המתאים ביותר לשליפה עכשיו.</li>\n",
-    "    <li>קבל רשימת השמעה (Playlist), והחזר את כל השירים של הלהקה Led Zeppelin.</li>\n",
-    "    <li>קבל את רשימת המסעדות בצרפת ואת הדירוגים שלהן, והחזר את 3 המסעדות בעלות הדירוג הגבוה ביותר.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>קבל את רשימת גובהי התלמידים בכיתה, והחזר את גובהו של התלמיד הגבוה ביותר.</li>\n",
+    "<li>קבל את רשימת הקלפים שבידי, והחזר את הקלף המתאים ביותר לשליפה עכשיו.</li>\n",
+    "<li>קבל רשימת השמעה (Playlist), והחזר את כל השירים של הלהקה Led Zeppelin.</li>\n",
+    "<li>קבל את רשימת המסעדות בצרפת ואת הדירוגים שלהן, והחזר את 3 המסעדות בעלות הדירוג הגבוה ביותר.</li>\n",
     "</ul>"
    ]
   },
@@ -46,9 +46,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה משותף לכל הבעיות שהוצגו למעלה?<br>\n",
-    "    דרך ראויה לפתור אותן היא בעזרת לולאה שתעבור על כל האיברים שהוצגו בבעיה, ותבצע על כל איבר סדרת פעולות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה משותף לכל הבעיות שהוצגו למעלה?<br/>\n",
+    "    דרך ראויה לפתור אותן היא בעזרת לולאה שתעבור על כל האיברים שהוצגו בבעיה, ותבצע על כל איבר סדרת פעולות.<br/>\n",
     "    נכתוב בפסאודו־קוד דוגמה לפתרון הבעיה הראשונה – מציאת הגובה של התלמיד הגבוה ביותר בכיתה:\n",
     "</p>"
    ]
@@ -57,23 +57,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><strong>קלוט</strong> <em>רשימת גבהים</em> לתוך המשתנה <var>גבהים</var>.</li>\n",
-    "    <li><strong>אפס</strong> את המשתנה ששמו <var>הכי_גבוה_שמצאנו</var> כך שיכיל את הערך <em>0</em>.</li>\n",
-    "    <li>\n",
-    "        <strong>עבור כל</strong> <var>גובה</var> שנמצא בתוך <var>גבהים</var>:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><strong>קלוט</strong> <em>רשימת גבהים</em> לתוך המשתנה <var>גבהים</var>.</li>\n",
+    "<li><strong>אפס</strong> את המשתנה ששמו <var>הכי_גבוה_שמצאנו</var> כך שיכיל את הערך <em>0</em>.</li>\n",
+    "<li>\n",
+    "<strong>עבור כל</strong> <var>גובה</var> שנמצא בתוך <var>גבהים</var>:\n",
     "        <ol>\n",
-    "            <li style=\"list-style: numbers;\">\n",
-    "                <strong>אם</strong> הערך של <var>גובה</var> גדול יותר מ<var>הכי_גבוה_שמצאנו</var>:\n",
+    "<li style=\"list-style: numbers;\">\n",
+    "<strong>אם</strong> הערך של <var>גובה</var> גדול יותר מ<var>הכי_גבוה_שמצאנו</var>:\n",
     "                <ol>\n",
-    "                    <li>\n",
-    "                        <strong>שים</strong> בתוך <var>הכי_גבוה_שמצאנו</var> את הערך של <var>גובה</var>.\n",
+    "<li>\n",
+    "<strong>שים</strong> בתוך <var>הכי_גבוה_שמצאנו</var> את הערך של <var>גובה</var>.\n",
     "                    </li>\n",
-    "                </ol>\n",
-    "            </li>\n",
-    "        </ol>\n",
-    "    </li>\n",
-    "    <li><strong>החזר</strong> את <var>הכי_גבוה_שמצאנו</var>.</li>\n",
+    "</ol>\n",
+    "</li>\n",
+    "</ol>\n",
+    "</li>\n",
+    "<li><strong>החזר</strong> את <var>הכי_גבוה_שמצאנו</var>.</li>\n",
     "</ol>"
    ]
   },
@@ -81,22 +81,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            ממשו פונקציה שמקבלת רשימת גבהים של האנשים בכיתה, ומחזירה את הגובה של התלמיד הגבוה ביותר.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            ממשו פונקציה שמקבלת רשימת גבהים של האנשים בכיתה, ומחזירה את הגובה של התלמיד הגבוה ביותר.<br/>\n",
     "            לדוגמה, עבור הרשימה <code dir=\"ltr\" style=\"direction: ltr;\">[1.50, 1.84, 1.73, 1.51]</code> החזירו <samp>1.84</samp>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -104,16 +104,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאת while</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאת while</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כה, אחד מהשימושים הנפוצים שעשינו בלולאת <code>while</code> היה לעבור על איברים ברשימה באמצעות מיקום.<br>\n",
-    "    הקוד שכתבתם בתרגול למעלה, שבו הייתם צריכים לעבור על גובהי התלמידים, זה אחר זה, הוא דוגמה טובה לכך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כה, אחד מהשימושים הנפוצים שעשינו בלולאת <code>while</code> היה לעבור על איברים ברשימה באמצעות מיקום.<br/>\n",
+    "    הקוד שכתבתם בתרגול למעלה, שבו הייתם צריכים לעבור על גובהי התלמידים, זה אחר זה, הוא דוגמה טובה לכך.<br/>\n",
     "    ייתכן שהקוד שלכם דומה לקוד שאני כתבתי לפתרון התרגיל הזה:\n",
     "</p>"
    ]
@@ -143,17 +143,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הקוד בתא האחרון עושה את הפעולות הבאות:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>איפוס המשתנה <var>max_height_so_far</var>, ששומר את הגובה המרבי שמצאנו עד כה ברשימה.</li>\n",
-    "    <li>איפוס המשתנה <var>current_student_index</var>, שמצביע על מיקום התלמיד שאנחנו בודקים באיטרציה הנוכחית של הלולאה.</li>\n",
-    "    <li>בכל איטרציה, הביטוי <code>student_heights[current_student_index]</code> ישיג את גובהו של אחד התלמידים, לפי הסדר.</li>\n",
-    "    <li>אם התלמיד הנבדק גבוה יותר מהתלמיד הכי גבוה שמצאנו עד עכשיו, שמור את הגובה המרבי החדש בתוך <var>max_height_so_far</var>.</li>\n",
-    "    <li>קדם את <var>current_student_index</var> כך שיצביע לתא שבו מופיע התלמיד הבא.</li>\n",
-    "    <li>בסיום המעבר על כל הערכים, החזר את <var>max_height_so_far</var>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>איפוס המשתנה <var>max_height_so_far</var>, ששומר את הגובה המרבי שמצאנו עד כה ברשימה.</li>\n",
+    "<li>איפוס המשתנה <var>current_student_index</var>, שמצביע על מיקום התלמיד שאנחנו בודקים באיטרציה הנוכחית של הלולאה.</li>\n",
+    "<li>בכל איטרציה, הביטוי <code>student_heights[current_student_index]</code> ישיג את גובהו של אחד התלמידים, לפי הסדר.</li>\n",
+    "<li>אם התלמיד הנבדק גבוה יותר מהתלמיד הכי גבוה שמצאנו עד עכשיו, שמור את הגובה המרבי החדש בתוך <var>max_height_so_far</var>.</li>\n",
+    "<li>קדם את <var>current_student_index</var> כך שיצביע לתא שבו מופיע התלמיד הבא.</li>\n",
+    "<li>בסיום המעבר על כל הערכים, החזר את <var>max_height_so_far</var>.</li>\n",
     "</ul>"
    ]
   },
@@ -161,8 +160,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הלולאה שמופיעה תעבור על מספרי התאים ברשימה ותבדוק את התוכן שלהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הלולאה שמופיעה תעבור על מספרי התאים ברשימה ותבדוק את התוכן שלהם.<br/>\n",
     "    עד כה, פעמים רבות השימוש שלנו בלולאות היה לצורך <mark>מעבר על כל האיברים של iterable כלשהו</mark>.\n",
     "</p>"
    ]
@@ -171,7 +170,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למעשה, בדוגמה שלמעלה <mark>אנחנו מבצעים פעולה עבור כל איבר בתוך <var>student_heights</var></mark>.\n",
     "</p>"
    ]
@@ -180,22 +179,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש ב־for</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש ב־for</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש בסיסי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש בסיסי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בפעמים שבהן אנחנו רוצים לבצע דבר מה <em>עבור</em> כל אחד מהאיברים במבנה כלשהו, נשתמש ב<dfn>לולאת <code>for</code></dfn>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בפעמים שבהן אנחנו רוצים לבצע דבר מה <em>עבור</em> כל אחד מהאיברים במבנה כלשהו, נשתמש ב<dfn>לולאת <code>for</code></dfn>.<br/>\n",
     "נראה, לדוגמה, איך נשתמש בלולאת <code>while</code> כדי להדפיס את שמותיהן של כל התלמידות בכיתה:\n",
     "</p>"
    ]
@@ -226,7 +225,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בעברית, היינו משתמשים בנוסח דומה לזה: <mark>עבור כל שם של תלמידה בתוך רשימת שמות התלמידות שבכיתה, הדפס את שם התלמידה</mark>.</p>"
    ]
   },
@@ -234,7 +233,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נכתוב בפייתון, הפעם בעזרת לולאת <code>for</code>:\n",
     "</p>"
    ]
@@ -253,7 +252,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "השוו את האלגנטיות של הקוד הזה לאלגנטיות של הקוד שמשתמש בלולאת <code>while</code>, ואת הדמיון בין כל אחת מהן לבין הנוסח המילולי שכתבנו.\n",
     "</p>"
    ]
@@ -262,14 +261,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">איך זה עובד?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">איך זה עובד?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לולאת ה־<code>for</code> שראיתם מתחלקת ל־3 חלקים:\n",
     "</p>"
    ]
@@ -278,10 +277,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>iterable כלשהו – נסתכל על כל האיברים שבו לפי הסדר שלהם.</li>\n",
-    "    <li>שם משתנה חדש שנמציא – פייתון תיצור אותו במיוחד עבור הלולאה. המשתנה הזה יצביע בכל פעם על איבר אחד, לפי הסדר, מתוך ה־iterable.</li>\n",
-    "    <li>הפעולה או הפעולות שאנחנו רוצים לבצע על כל אחד מהאיברים האלו.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>iterable כלשהו – נסתכל על כל האיברים שבו לפי הסדר שלהם.</li>\n",
+    "<li>שם משתנה חדש שנמציא – פייתון תיצור אותו במיוחד עבור הלולאה. המשתנה הזה יצביע בכל פעם על איבר אחד, לפי הסדר, מתוך ה־iterable.</li>\n",
+    "<li>הפעולה או הפעולות שאנחנו רוצים לבצע על כל אחד מהאיברים האלו.</li>\n",
     "</ol>"
    ]
   },
@@ -303,7 +302,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נבחן את הלולאה שמדפיסה את שמות התלמידות בכיתה, שלב אחר שלב, כדי להבין איך לולאת <code>for</code> פועלת.\n",
     "</p>"
    ]
@@ -312,16 +311,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            כמה מקטעי הקוד הבאים לא ירוצו, כיוון שחלק מהקוד מסומן בהערה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            כמה מקטעי הקוד הבאים לא ירוצו, כיוון שחלק מהקוד מסומן בהערה.<br/>\n",
     "            המטרה של קטעי הקוד בחלק הזה של המחברת היא להדגיש איזה קוד רץ באותו רגע.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -339,39 +338,39 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">תוכן המשתנה <var>names_of_students_in_class</var></caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">תוכן המשתנה <var>names_of_students_in_class</var></caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -379,8 +378,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בחזרור הראשון, המשתנה החדש שיצרנו, בשם <var>student_name</var>, יצביע על הערך הראשון ברשימה, <samp>Galia</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בחזרור הראשון, המשתנה החדש שיצרנו, בשם <var>student_name</var>, יצביע על הערך הראשון ברשימה, <samp>Galia</samp>.<br/>\n",
     "נשים לב שהמשתנה <var>student_name</var> לא היה קיים לפני הלולאה, והלולאה היא המבנה הקסום שיוצר את המשתנה וגורם לו להצביע לערכים:\n",
     "</p>"
    ]
@@ -400,39 +399,39 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">חזרור ראשון, <var>student_name</var> מצביע על \"Galia\"</caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow\">\"Galia\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: center;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">חזרור ראשון, <var>student_name</var> מצביע על \"Galia\"</caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow\">\"Galia\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: center;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
     "<div>\n",
     "</div>"
@@ -442,7 +441,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מייד לאחר מכן יודפס התוכן שאליו <var>student_name</var> מצביע:</p>"
    ]
   },
@@ -460,8 +459,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "סיימנו את האיטרציה! מה עכשיו?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "סיימנו את האיטרציה! מה עכשיו?<br/>\n",
     "עולים חזרה לראש הלולאה כדי לבדוק אם נשארו עוד איברים לעבור עליהם:</p>"
    ]
   },
@@ -479,7 +478,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "המשתנה <var>student_name</var> יעבור להצביע על האיבר הבא, <samp>Hadas</samp>:\n",
     "</p>"
    ]
@@ -489,39 +488,39 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">חזרור שני, <var>student_name</var> מצביע על \"Hadas\"</caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow\">\"Hadas\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">חזרור שני, <var>student_name</var> מצביע על \"Hadas\"</caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow\">\"Hadas\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Noa\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
     "<div>\n",
     "</div>"
@@ -531,7 +530,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ושוב, נדפיס את המחרוזת ש־<var>student_name</var> מצביע עליה:\n",
     "</p>"
    ]
@@ -550,7 +549,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כך נמשיך לבצע את הלולאה, עד שנגיע לאיבר האחרון ברשימה, התלמידה <samp>Noa</samp>:\n",
     "</p>"
    ]
@@ -570,39 +569,39 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">חזרור אחרון, <var>student_name</var> מצביע על \"Noa\"</caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow;\">\"Noa\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">חזרור אחרון, <var>student_name</var> מצביע על \"Noa\"</caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">7</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Galia\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hadas\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Hen\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ilana\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ivria\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Karin\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Maya\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: yellow;\">\"Noa\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-8</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-7</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-6</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\"><var>student_name</var> <span style=\"font-size: 1.8rem;\">↑</span></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
     "<div>\n",
     "</div>"
@@ -612,7 +611,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נדפיס בפעם האחרונה את המחרוזת שעליה אנחנו מצביעים:\n",
     "</p>"
    ]
@@ -631,8 +630,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כשנחזור לראש הלולאה, נראה שעברנו על כל האיברים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כשנחזור לראש הלולאה, נראה שעברנו על כל האיברים.<br/>\n",
     "הלולאה תיפסק, וירוץ הקוד שנמצא אחרי הלולאה.\n",
     "</p>"
    ]
@@ -641,32 +640,32 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">החלקים בלולאת for</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>החלק בלולאה</th>\n",
-    "            <th>איפה בקוד</th>\n",
-    "            <th>דוגמה</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td>המבנה שאנחנו רוצים לעבור על כלל איבריו – חייב להיות iterable</td>\n",
-    "            <td>אחרי המילה <em>in</em></td>\n",
-    "            <td><var>names_of_students_in_class</var></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>שם שנמציא למשתנה – בכל חזרור יכיל איבר מתוך ה־iterable</td>\n",
-    "            <td>אחרי המילה <em>for</em>, לפני המילה <em>in</em></td>\n",
-    "            <td><var>student_name</var></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>תוכן הלולאה – הפעולות שנרצה לבצע על כל איבר</td>\n",
-    "            <td>אחרי הנקודתיים, בשורה חדשה (אחת או יותר), בהזחה</td>\n",
-    "            <td><code>print(student_name)</code></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">החלקים בלולאת for</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>החלק בלולאה</th>\n",
+    "<th>איפה בקוד</th>\n",
+    "<th>דוגמה</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td>המבנה שאנחנו רוצים לעבור על כלל איבריו – חייב להיות iterable</td>\n",
+    "<td>אחרי המילה <em>in</em></td>\n",
+    "<td><var>names_of_students_in_class</var></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>שם שנמציא למשתנה – בכל חזרור יכיל איבר מתוך ה־iterable</td>\n",
+    "<td>אחרי המילה <em>for</em>, לפני המילה <em>in</em></td>\n",
+    "<td><var>student_name</var></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>תוכן הלולאה – הפעולות שנרצה לבצע על כל איבר</td>\n",
+    "<td>אחרי הנקודתיים, בשורה חדשה (אחת או יותר), בהזחה</td>\n",
+    "<td><code>print(student_name)</code></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -674,22 +673,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            שנו את הקוד שכתבתם למציאת האדם הגבוה ביותר בכיתה, כך שישתמש ב־<code>for</code> ולא ב־<code>while</code>.<br>\n",
-    "            טיפ: השתמשו בפסאודו־קוד שהוצג לפני כן, והשוו בין ה־<code>for</code> לבין ה־<code>while</code> בדוגמה של הדפסת שמות התלמידים.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            שנו את הקוד שכתבתם למציאת האדם הגבוה ביותר בכיתה, כך שישתמש ב־<code>for</code> ולא ב־<code>while</code>.<br/>\n",
+    "            טיפ: השתמשו בפסאודו־קוד שהוצג לפני כן, והשוו בין ה־<code>for</code> לבין ה־<code>while</code> בדוגמה של הדפסת שמות התלמידים.<br/>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -697,18 +696,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">דוגמאות מילוליות נוספות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות מילוליות נוספות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>עבור כל עמוד בספר – קרא את העמוד.</li>\n",
-    "    <li>עבור כל צלחת – שטוף אותה במים חמים, קרצף אותה היטב בסקוץ' ספוג בסבון, נגב אותה במגבת יבשה ואחסן אותה בארון.</li>\n",
-    "    <li>בהינתן רשימה של 1,000 תלמידים, חשב את הגובה הממוצע של תלמיד.</li>\n",
-    "    <li>בליל כל הקדושים, התחפש, צא החוצה, ועבור כל בית ברחוב: גש לדלת, צלצל בפעמון, אמור \"ממתק או תעלול\", קח ממתק ואמור תודה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>עבור כל עמוד בספר – קרא את העמוד.</li>\n",
+    "<li>עבור כל צלחת – שטוף אותה במים חמים, קרצף אותה היטב בסקוץ' ספוג בסבון, נגב אותה במגבת יבשה ואחסן אותה בארון.</li>\n",
+    "<li>בהינתן רשימה של 1,000 תלמידים, חשב את הגובה הממוצע של תלמיד.</li>\n",
+    "<li>בליל כל הקדושים, התחפש, צא החוצה, ועבור כל בית ברחוב: גש לדלת, צלצל בפעמון, אמור \"ממתק או תעלול\", קח ממתק ואמור תודה.</li>\n",
     "</ul>"
    ]
   },
@@ -716,16 +715,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">מתי להשתמש?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מתי להשתמש?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לולאת <code>for</code> יוצרת מבנה אלגנטי וקריא, ומתכנתים רבים מעדיפים אותה על פני לולאת <code>while</code>.<br>\n",
-    "ננסה לעמוד על ההבדלים בין הלולאות:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לולאת <code>for</code> יוצרת מבנה אלגנטי וקריא, ומתכנתים רבים מעדיפים אותה על פני לולאת <code>while</code>.<br/>\n",
+    "ננסה לעמוד על ההבדלים בין הלולאות:<br/>\n",
     "</p>"
    ]
   },
@@ -733,33 +732,33 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">הבדלים בין while ל־for</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>נתון להשוואה</th>\n",
-    "            <th>לולאת <code>for</code></th>\n",
-    "            <th>לולאת <code>while</code></th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td>מה \"מניע\" את הלולאה?</td>\n",
-    "            <td>iterable שהלולאה תעבור על כל האיברים שלו</td>\n",
-    "            <td>ביטוי שערכו הבוליאני שקול ל־<code>True</code> או ל־<code>False</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>מתי הלולאה מפסיקה</td>\n",
-    "            <td>כשהלולאה עברה על כל האיברים של ה־iterable</td>\n",
-    "            <td>כשמגיעים לתנאי של הפונקציה וערכו שקול ל־<code>False</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>שימושים עיקריים</td>\n",
-    "            <td>ביצוע פעולה עבור כל ערך בסדרת ערכים,\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">הבדלים בין while ל־for</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>נתון להשוואה</th>\n",
+    "<th>לולאת <code>for</code></th>\n",
+    "<th>לולאת <code>while</code></th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td>מה \"מניע\" את הלולאה?</td>\n",
+    "<td>iterable שהלולאה תעבור על כל האיברים שלו</td>\n",
+    "<td>ביטוי שערכו הבוליאני שקול ל־<code>True</code> או ל־<code>False</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>מתי הלולאה מפסיקה</td>\n",
+    "<td>כשהלולאה עברה על כל האיברים של ה־iterable</td>\n",
+    "<td>כשמגיעים לתנאי של הפונקציה וערכו שקול ל־<code>False</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>שימושים עיקריים</td>\n",
+    "<td>ביצוע פעולה עבור כל ערך בסדרת ערכים,\n",
     "                כמו איברי רשימה או תווים במחרוזת</td>\n",
-    "            <td>חזרה על פעולה כל עוד מצאנו שהמשימה לא הושלמה</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<td>חזרה על פעולה כל עוד מצאנו שהמשימה לא הושלמה</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -767,9 +766,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בשלב הנוכחי בקורס, תמיד נוכל להשתמש בלולאת <code>while</code> במקום בלולאת <code>for</code>, אך לא תמיד נוכל להחליף לולאות <code>for</code> בלולאות <code>while</code>.<br>\n",
-    "באופן כללי, לולאות <code>while</code> יכולות להוכיח את עצמן כשימושיות מאוד מפעם לפעם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בשלב הנוכחי בקורס, תמיד נוכל להשתמש בלולאת <code>while</code> במקום בלולאת <code>for</code>, אך לא תמיד נוכל להחליף לולאות <code>for</code> בלולאות <code>while</code>.<br/>\n",
+    "באופן כללי, לולאות <code>while</code> יכולות להוכיח את עצמן כשימושיות מאוד מפעם לפעם.<br/>\n",
     "חשבו, לדוגמה, על מצב שבו אתם צריכים לקבל מהמשתמש קלט חדש כל עוד הקלט שלו לא תקין.\n",
     "</p>"
    ]
@@ -778,21 +777,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו 3 דוגמאות מילוליות נוספות ללולאות <code>for</code>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -800,36 +799,33 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">תרגיל ביניים: פורלולה 1</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תרגיל ביניים: פורלולה 1</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בתחרות המרוצים \"פורלולה 1\", שבה משתתפות בקביעות 6 מכוניות מרוץ, אפשר להמר על הסדר שבו יגיעו המכוניות לקו הסיום.<br>\n",
-    "משתתף זוכה הוא משתתף שהצליח לנחש נכונה את סדר ההגעה של המכוניות לקו הסיום, עם לא יותר מ־2 טעויות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בתחרות המרוצים \"פורלולה 1\", שבה משתתפות בקביעות 6 מכוניות מרוץ, אפשר להמר על הסדר שבו יגיעו המכוניות לקו הסיום.<br/>\n",
+    "משתתף זוכה הוא משתתף שהצליח לנחש נכונה את סדר ההגעה של המכוניות לקו הסיום, עם לא יותר מ־2 טעויות.<br/>\n",
     "כתבו פונקציה שמקבלת הימור בודד ואת סדר ההגעה של המכוניות במרוץ, והחזירו אם ההימור זכה או הפסיד. \n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לדוגמה, במרוץ האחרון סדר ההגעה לקו הסיום היה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לדוגמה, במרוץ האחרון סדר ההגעה לקו הסיום היה:<br/>\n",
     "<samp dir=\"ltr\">[1, 2, 3, 4, 5, 6]</samp>\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הנה דוגמאות להימורים של משתתפים ולתוצאתם:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הנה דוגמאות להימורים של משתתפים ולתוצאתם:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><samp dir=\"ltr\">[1, 2, 3, 4, 5, 6]</samp> – הימור זוכה (0 טעויות)</li>\n",
-    "    <li><samp dir=\"ltr\">[2, 1, 3, 4, 5, 6]</samp> – הימור זוכה (2 טעויות)</li>\n",
-    "    <li><samp dir=\"ltr\">[1, 2, 6, 4, 5, 3]</samp> – הימור זוכה (2 טעויות)</li>\n",
-    "    <li><samp dir=\"ltr\">[1, 2, 4, 4, 5, 6]</samp> – הימור זוכה (טעות אחת)</li>\n",
-    "    <li><samp dir=\"ltr\">[1, 6, 2, 4, 5, 3]</samp> – הימור מפסיד (3 טעויות)</li>\n",
-    "    <li><samp dir=\"ltr\">[5, 3, 2, 4, 6, 1]</samp> – הימור מפסיד (5 טעויות)</li>\n",
-    "    <li><samp dir=\"ltr\">[6, 5, 4, 3, 2, 1]</samp> – הימור מפסיד (6 טעויות)</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><samp dir=\"ltr\">[1, 2, 3, 4, 5, 6]</samp> – הימור זוכה (0 טעויות)</li>\n",
+    "<li><samp dir=\"ltr\">[2, 1, 3, 4, 5, 6]</samp> – הימור זוכה (2 טעויות)</li>\n",
+    "<li><samp dir=\"ltr\">[1, 2, 6, 4, 5, 3]</samp> – הימור זוכה (2 טעויות)</li>\n",
+    "<li><samp dir=\"ltr\">[1, 2, 4, 4, 5, 6]</samp> – הימור זוכה (טעות אחת)</li>\n",
+    "<li><samp dir=\"ltr\">[1, 6, 2, 4, 5, 3]</samp> – הימור מפסיד (3 טעויות)</li>\n",
+    "<li><samp dir=\"ltr\">[5, 3, 2, 4, 6, 1]</samp> – הימור מפסיד (5 טעויות)</li>\n",
+    "<li><samp dir=\"ltr\">[6, 5, 4, 3, 2, 1]</samp> – הימור מפסיד (6 טעויות)</li>\n",
     "</ul>"
    ]
   },
@@ -837,14 +833,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">מבנים מורכבים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מבנים מורכבים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הרשימה הבאה מכילה tuple־ים בגודל 2 איברים:\n",
     "</p>"
    ]
@@ -862,22 +858,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו לולאת <code>for</code> שתדפיס עבור כל זוג מחרוזות ברשימה: <samp dir=\"ltr\" style=\"direction: ltr\">Flip \"X\" to get \"Y\"</samp>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו לולאת <code>for</code> שתדפיס עבור כל זוג מחרוזות ברשימה: <samp dir=\"ltr\" style=\"direction: ltr\">Flip \"X\" to get \"Y\"</samp>.<br/>\n",
     "            לדוגמה, עבור הזוג האחרון מתוך 4 הזוגות, היא תדפיס: <samp dir=\"ltr\" style=\"direction: ltr\">Flip \"ekans\" to get \"snake\"</samp>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -885,8 +881,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כדי לפתור את התרגיל, כתבתם קוד שהשתמש במיקום של הערך הראשון (0) ושל הערך השני (1).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כדי לפתור את התרגיל, כתבתם קוד שהשתמש במיקום של הערך הראשון (0) ושל הערך השני (1).<br/>\n",
     "כך אני פתרתי אותו:\n",
     "</p>"
    ]
@@ -907,8 +903,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נבחן דרך נוספת לפתור את התרגיל, רק שהפעם נשתמש בטריק שנקרא <dfn>unpacking</dfn> (או \"<dfn>פירוק</dfn>\").<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נבחן דרך נוספת לפתור את התרגיל, רק שהפעם נשתמש בטריק שנקרא <dfn>unpacking</dfn> (או \"<dfn>פירוק</dfn>\").<br/>\n",
     "כיוון שכל tuple ברשימת <var>words</var> מכיל בדיוק 2 איברים, נוכל לתת להם שמות כבר בראש הלולאה ולחלץ אותם מה־tuple:\n",
     "</p>"
    ]
@@ -927,9 +923,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בכל חזרור של הלולאה שכתובה למעלה, ה־<code>for</code> יעבור על tuple בודד מתוך <var>words</var>, בדיוק כמו שקרה עד עכשיו.<br>\n",
-    "השינוי הוא שבמקום שה־tuple יישמר כמו שהוא במשתנה בודד שהוגדר בראש הלולאה, הערכים שבו \"יחולצו\" למשתנים בראש הלולאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בכל חזרור של הלולאה שכתובה למעלה, ה־<code>for</code> יעבור על tuple בודד מתוך <var>words</var>, בדיוק כמו שקרה עד עכשיו.<br/>\n",
+    "השינוי הוא שבמקום שה־tuple יישמר כמו שהוא במשתנה בודד שהוגדר בראש הלולאה, הערכים שבו \"יחולצו\" למשתנים בראש הלולאה.<br/>\n",
     "הטריק הזה עובד כיוון שבראש הלולאה כתבנו מספר משתנים שזהה למספר הערכים שנמצאים בכל tuple.\n",
     "</p>"
    ]
@@ -938,9 +934,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפניכם תרשים המתאר את תוכן המשתנה <var>words</var>.<br>\n",
-    "הטבלה הגדולה מייצגת את הרשימה <var>words</var>, וכל אחד מהתאים שבה מייצג tuple בתוך הרשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפניכם תרשים המתאר את תוכן המשתנה <var>words</var>.<br/>\n",
+    "הטבלה הגדולה מייצגת את הרשימה <var>words</var>, וכל אחד מהתאים שבה מייצג tuple בתוך הרשימה.<br/>\n",
     "בכל חזרור של ה־<code>for</code> המופיע למעלה, המשתנה <var>word</var> יקבל ערך שמסומן באדום, והמשתנה <var>reversed_word</var> יקבל את הערך הירוק התואם לו. \n",
     "</p>"
    ]
@@ -950,95 +946,95 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">תצוגה של המשתנה <var>words</var> ושל צורת הפירוק שלו</caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">תצוגה של המשתנה <var>words</var> ושל צורת הפירוק שלו</caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"star\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"rats\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"star\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"rats\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"wolf\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"flow\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
-    "</table>            \n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"wolf\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"flow\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
+    "</table>\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"racecar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"racecar\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"racecar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"racecar\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"ekans\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"snake\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"ekans\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">\"snake\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -1046,15 +1042,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">שינויים בתוך הלולאה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">שינויים בתוך הלולאה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בדרך כלל נעדיף להימנע משינוי רשימה בזמן ביצוע לולאת <code>for</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בדרך כלל נעדיף להימנע משינוי רשימה בזמן ביצוע לולאת <code>for</code>.<br/>\n",
     "שינויים כאלו עלולים לגרום להתנהגות בלתי צפויה, ללולאות אין־סופיות ולקוד קשה במיוחד לקריאה.\n",
     "</p>"
    ]
@@ -1063,14 +1059,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">שינוי של מספר האיברים ברשימה בזמן ריצת הלולאה</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">שינוי של מספר האיברים ברשימה בזמן ריצת הלולאה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נבחן את קטע הקוד הבא, שעבור כל איבר ברשימה, מוציא איבר מסוף הרשימה:\n",
     "</p>"
    ]
@@ -1092,8 +1088,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הלולאה הסתיימה מוקדם מהרגיל, כיוון שכשניסתה להגיע לתא שערכו <code>'d'</code> הוא כבר לא היה שם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הלולאה הסתיימה מוקדם מהרגיל, כיוון שכשניסתה להגיע לתא שערכו <code>'d'</code> הוא כבר לא היה שם.<br/>\n",
     "    קוד שכזה אינו צפוי, קשה לקריאה ויוצר תקלים. מומלץ מאוד לא לשנות את מספר האיברים ב־iterable בזמן הריצה.\n",
     "</p>"
    ]
@@ -1102,7 +1098,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פתרון אפשרי הוא ליצור עותק של הרשימה באמצעות הפעולה <code dir=\"ltr\" style=\"direction: ltr;\">list.copy()</code> ולהשתמש בו במקום:\n",
     "</p>"
    ]
@@ -1125,14 +1121,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">עריכת הערכים שנמצאים ב־iterable</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">עריכת הערכים שנמצאים ב־iterable</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה להכפיל כל תא ברשימה שלנו פי 2:\n",
     "</p>"
    ]
@@ -1159,7 +1155,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לראות שהרשימה נותרה ללא שינוי, למרות הלולאה שתכליתה היה להכפיל את איברי הרשימה פי 2.\n",
     "</p>"
    ]
@@ -1168,9 +1164,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להבין למה זה קרה, ננסה להיזכר בשיעור על mutability.<br>\n",
-    "    במהלך כל חזרור, המשתנה <var>num</var> מקבל ערך כלשהו <strong>להצביע</strong> עליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להבין למה זה קרה, ננסה להיזכר בשיעור על mutability.<br/>\n",
+    "    במהלך כל חזרור, המשתנה <var>num</var> מקבל ערך כלשהו <strong>להצביע</strong> עליו.<br/>\n",
     "    לדוגמה, בחזרור הראשון <var>num</var> <strong>מצביע</strong> על <code>numbers[0]</code>, המקום הראשון ברשימה:\n",
     "</p>"
    ]
@@ -1179,15 +1175,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/mutability1.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1.\"/>"
+    "<img alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1.\" src=\"images/mutability1.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעצם הפעולה <code>num * 2</code> אנחנו יוצרים ערך חדש שמאוחסן בכתובת שונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעצם הפעולה <code>num * 2</code> אנחנו יוצרים ערך חדש שמאוחסן בכתובת שונה.<br/>\n",
     "</p>"
    ]
   },
@@ -1195,14 +1191,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/mutability2.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1. נוסף ערך חדש על המסך, 2, שעליו לא מצביע אף משתנה. לידו כתוב: 'התוצאה של num * 2:'\"/>"
+    "<img alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1. נוסף ערך חדש על המסך, 2, שעליו לא מצביע אף משתנה. לידו כתוב: 'התוצאה של num * 2:'\" src=\"images/mutability2.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפעולה <code>num = num * 2</code> לא באמת \"תשנה ערך בתוך <var>num</var>\", אלא תגרום לו להצביע על ערך אחר.\n",
     "</p>"
    ]
@@ -1211,16 +1207,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/mutability3.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1. הפעם num מצביע על הערך 2 שנוסף למסך בתמונה הקודמת. הוא כבר לא מצביע על 1.\"/>"
+    "<img alt=\"משתנה בשם numbers מצביע על רשימת מספרים שבה יש את האיברים 1, 3 ו־5. מתחתיו יש עוד משתנה שמצביע לאיבר הראשון בתוך הרשימה, 1. הפעם num מצביע על הערך 2 שנוסף למסך בתמונה הקודמת. הוא כבר לא מצביע על 1.\" src=\"images/mutability3.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נסכם כך: <mark>המשתנה <var>num</var> הצביע תחילה על מספר שנמצא בתוך הרשימה, ועכשיו הוא מצביע על מספר אחר.</mark><br>\n",
-    "    ההשמה, כרגיל, שינתה את המקום שעליו המשתנה מצביע, ולא את הערך שהמשתנה מצביע עליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נסכם כך: <mark>המשתנה <var>num</var> הצביע תחילה על מספר שנמצא בתוך הרשימה, ועכשיו הוא מצביע על מספר אחר.</mark><br/>\n",
+    "    ההשמה, כרגיל, שינתה את המקום שעליו המשתנה מצביע, ולא את הערך שהמשתנה מצביע עליו.<br/>\n",
     "    בקוד שמתואר למעלה, לא שינינו את האיבר בתוך הרשימה.\n",
     "</p>"
    ]
@@ -1229,14 +1225,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">דוגמאות נוספות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">סכום רשימה</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סכום רשימה</span>"
    ]
   },
   {
@@ -1259,7 +1255,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">ראשי תיבות</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ראשי תיבות</span>"
    ]
   },
   {
@@ -1291,14 +1287,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">סכום איברים חיוביים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סכום איברים חיוביים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    קלוט מהמשתמש מספרים. אם צריך, המר את הקלט כך שיהיה מסוג רשימה, ובה יהיו מספרים שלמים. סכום את האיברים הגדולים מ־0.\n",
     "</p>"
    ]
@@ -1335,14 +1331,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">7 בום</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">7 בום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    סכום את האיברים שמופיעים בכל מקום שביעי ברשימה.\n",
     "</p>"
    ]
@@ -1367,23 +1363,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: ltr; float: right; clear: both;\">אקרוסטיכון</span>"
+    "### <span dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">אקרוסטיכון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dfn>אקרוסטיכון</dfn> הוא אמצעי ספרותי שבו משתמשים בכתיבת שירה.<br>\n",
-    "בשיר שבו יש אקרוסטיכון, כשנחבר את האות הראשונה בכל השורות, נקבל מסר מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>אקרוסטיכון</dfn> הוא אמצעי ספרותי שבו משתמשים בכתיבת שירה.<br/>\n",
+    "בשיר שבו יש אקרוסטיכון, כשנחבר את האות הראשונה בכל השורות, נקבל מסר מסוים.<br/>\n",
     "ניקח לדוגמה את שירו של אדגר אלן פו, \"אקרוסטיכון\", שאותו הוא הקדיש ללטישיה אליזבת' לאנדון ובו מופיע האקרוסטיכון <strong>ELIZABETH</strong>:\n",
     "</p>"
    ]
@@ -1392,16 +1388,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<blockquote style=\"border-right: none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-left: 3px solid #a93226; background-color: #fbe7e6; font-size: 1.4rem; direction: ltr; text-align: left; clear: both;\">\n",
-    "    <strong>E</strong>lizabeth it is in vain you say<br>\n",
-    "    <strong>L</strong>ove not — thou sayest it in so sweet a way:<br>\n",
-    "    <strong>I</strong>n vain those words from thee or L.E.L.<br>\n",
-    "    <strong>Z</strong>antippe's talents had enforced so well:<br>\n",
-    "    <strong>A</strong>h! if that language from thy heart arise,<br>\n",
-    "    <strong>B</strong>reath it less gently forth — and veil thine eyes.<br>\n",
-    "    <strong>E</strong>ndymion, recollect, when Luna tried<br>\n",
-    "    <strong>T</strong>o cure his love — was cured of all beside —<br>\n",
-    "    <strong>H</strong>is follie — pride — and passion — for he died.<br>\n",
+    "<blockquote dir=\"ltr\" style=\"border-right: none !important; position: relative; padding-left: 0.5em; padding: 1.5em; line-height: 1.5em;  min-height: 2em; border-left: 3px solid #a93226; background-color: #fbe7e6; font-size: 1.4rem; direction: ltr; text-align: left; clear: both;\">\n",
+    "<strong>E</strong>lizabeth it is in vain you say<br/>\n",
+    "<strong>L</strong>ove not — thou sayest it in so sweet a way:<br/>\n",
+    "<strong>I</strong>n vain those words from thee or L.E.L.<br/>\n",
+    "<strong>Z</strong>antippe's talents had enforced so well:<br/>\n",
+    "<strong>A</strong>h! if that language from thy heart arise,<br/>\n",
+    "<strong>B</strong>reath it less gently forth — and veil thine eyes.<br/>\n",
+    "<strong>E</strong>ndymion, recollect, when Luna tried<br/>\n",
+    "<strong>T</strong>o cure his love — was cured of all beside —<br/>\n",
+    "<strong>H</strong>is follie — pride — and passion — for he died.<br/>\n",
     "</blockquote>"
    ]
   },
@@ -1409,9 +1405,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה שמקבלת שיר כמחרוזת.<br>\n",
-    "החזירו את האקרוסטיכון שנוצר אם ניקח את האות הראשונה מכל שורה בשיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה שמקבלת שיר כמחרוזת.<br/>\n",
+    "החזירו את האקרוסטיכון שנוצר אם ניקח את האות הראשונה מכל שורה בשיר.<br/>\n",
     "</p>"
    ]
   },
@@ -1419,26 +1415,26 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: ltr; float: right; clear: both;\">שעורה תרבותית</span>"
+    "### <span dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">שעורה תרבותית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "    שנים רבות חלפו מאז אותם ימי הקיץ בשדות השעורה, והזמרת סיגנט שכחה היכן החביאה את הזהב שלה.<br>\n",
-    "    בידי סיגנט יש מפה, לפיה היא נמצאת כרגע בנקודה <span dir=\"ltr\">(0, 0)</span> בשדה החיטה.<br>\n",
-    "    המפה מתארת אילו צעדים היא צריכה לעשות כדי להגיע למטמון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "    שנים רבות חלפו מאז אותם ימי הקיץ בשדות השעורה, והזמרת סיגנט שכחה היכן החביאה את הזהב שלה.<br/>\n",
+    "    בידי סיגנט יש מפה, לפיה היא נמצאת כרגע בנקודה <span dir=\"ltr\">(0, 0)</span> בשדה החיטה.<br/>\n",
+    "    המפה מתארת אילו צעדים היא צריכה לעשות כדי להגיע למטמון.<br/>\n",
     "    עזרו לסיגנט לחשב: בהינתן שהיא תלך לפי כל הצעדים שמופיעים במפה – באיזו נקודה יימצא המטמון?\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
     "    לדוגמה: עבור הצעדים <code dir=\"ltr\" style=\"direction: ltr;\">[(1, 5), (6, -2), (4, 3)]</code> יוחזר שהמטמון נמצא בנקודה <code dir=\"ltr\" style=\"direction: ltr;\">(11, 6)</code>.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "    <strong>הסבר מורחב</strong>: קבלו רשימה של צעדים המורים לסיגנט כיצד ללכת.<br>\n",
-    "     כל \"צעד\" מורכב מזוג מספרים שלמים, שיכולים להיות שליליים – הראשון מסמל כמה צעדים ללכת ימינה, והשני מסמל כמה צעדים ללכת למעלה.<br>\n",
-    "    אם המספר הראשון שלילי, עליה ללכת את מספר הצעדים הזה שמאלה. אם המספר השני שלילי, עליה ללכת את מספר הצעדים הזה למטה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "<strong>הסבר מורחב</strong>: קבלו רשימה של צעדים המורים לסיגנט כיצד ללכת.<br/>\n",
+    "     כל \"צעד\" מורכב מזוג מספרים שלמים, שיכולים להיות שליליים – הראשון מסמל כמה צעדים ללכת ימינה, והשני מסמל כמה צעדים ללכת למעלה.<br/>\n",
+    "    אם המספר הראשון שלילי, עליה ללכת את מספר הצעדים הזה שמאלה. אם המספר השני שלילי, עליה ללכת את מספר הצעדים הזה למטה.<br/>\n",
     "    כתבו פונקציה שמקבלת רשימה של צעדים ומחזירה את מיקום המטמון.\n",
     "</p>"
    ]
@@ -1447,18 +1443,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: ltr; float: right; clear: both;\">גבעת ווטרשיפ</span>"
+    "### <span dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">גבעת ווטרשיפ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "    בגבעת ווטרשיפ קצב ההתרבות גבוה. בכל שנה נוספים עוד ועוד ארנבים לארנבייה.<br>\n",
-    "    חומש הארנב החליט לנהל מעקב דמוגרפי אחרי הגידול.<br>\n",
-    "    הוא מעוניין שתבנו לו פונקציה שמקבלת כפרמטר רשימה של מספר הארנבים שנולדו בכל שנה.<br>\n",
-    "    הפונקציה תחזיר רשימה שבה כל תא מייצג את הכמות הנצברת של הארנבים בארנבייה עד כה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "    בגבעת ווטרשיפ קצב ההתרבות גבוה. בכל שנה נוספים עוד ועוד ארנבים לארנבייה.<br/>\n",
+    "    חומש הארנב החליט לנהל מעקב דמוגרפי אחרי הגידול.<br/>\n",
+    "    הוא מעוניין שתבנו לו פונקציה שמקבלת כפרמטר רשימה של מספר הארנבים שנולדו בכל שנה.<br/>\n",
+    "    הפונקציה תחזיר רשימה שבה כל תא מייצג את הכמות הנצברת של הארנבים בארנבייה עד כה.<br/>\n",
     "    לדוגמה: עבור הרשימה <code dir=\"ltr\" style=\"direction: ltr;\">[1, 2, 3, 4]</code>, הפונקציה תחזיר <code dir=\"ltr\" style=\"direction: ltr;\">[1, 3, 6, 10]</code>.\n",
     "</p>"
    ]
diff --git a/week4/2_Dictionaries.ipynb b/week4/2_Dictionaries.ipynb
index 672f8c3..c10638e 100644
--- a/week4/2_Dictionaries.ipynb
+++ b/week4/2_Dictionaries.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">מילונים</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ברשימה הבאה, כל תבליט מייצג אוסף של נתונים:\n",
     "</p>"
    ]
@@ -34,11 +34,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בחנות של האדון קשטן יש 2 בננות, 3 תפוחים ו־4 גזרים.</li>\n",
-    "    <li>מספר הזהות של ג'ני הוא 086753092, של קווין 133713370, של איינשטיין 071091797 ושל מנחם 111111118.</li>\n",
-    "    <li>לקווין מהסעיף הקודם יש צוללות בצבע אדום וכחול. הצוללות של ג'ני מהסעיף הקודם בצבע שחור וירוק. הצוללת שלי צהובה.</li>\n",
-    "    <li>המחיר של פאי בחנות של קשטן הוא 3.141 ש\"ח. המחיר של אווז מחמד בחנות של קשטן הוא 9.0053 ש\"ח.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בחנות של האדון קשטן יש 2 בננות, 3 תפוחים ו־4 גזרים.</li>\n",
+    "<li>מספר הזהות של ג'ני הוא 086753092, של קווין 133713370, של איינשטיין 071091797 ושל מנחם 111111118.</li>\n",
+    "<li>לקווין מהסעיף הקודם יש צוללות בצבע אדום וכחול. הצוללות של ג'ני מהסעיף הקודם בצבע שחור וירוק. הצוללת שלי צהובה.</li>\n",
+    "<li>המחיר של פאי בחנות של קשטן הוא 3.141 ש\"ח. המחיר של אווז מחמד בחנות של קשטן הוא 9.0053 ש\"ח.</li>\n",
     "</ul>"
    ]
   },
@@ -46,21 +46,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            נסו למצוא מאפיינים משותפים לאוספים שהופיעו מעלה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -68,10 +68,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לחלק כל אחד מהאוספים שכתבנו למעלה ל־2 קבוצות ערכים.<br>\n",
-    "    הראשונה – הנושאים של האוסף. עבור החנות של קשטן, לדוגמה, הפריט שאנחנו מחזיקים בחנות.<br>\n",
-    "    השנייה – הפריטים שהם <em>נתון כלשהו</em> בנוגע לפריט הראשון: המלאי של אותו פריט, לדוגמה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לחלק כל אחד מהאוספים שכתבנו למעלה ל־2 קבוצות ערכים.<br/>\n",
+    "    הראשונה – הנושאים של האוסף. עבור החנות של קשטן, לדוגמה, הפריט שאנחנו מחזיקים בחנות.<br/>\n",
+    "    השנייה – הפריטים שהם <em>נתון כלשהו</em> בנוגע לפריט הראשון: המלאי של אותו פריט, לדוגמה.<br/>\n",
     "</p>"
    ]
   },
@@ -80,8 +80,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/dictionary_groups.svg?n=5\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה מופיעים 4 עיגולים בימין ו־4 עיגולים בשמאל. העיגולים בימין, בעלי הכותרת 'נושא', מצביעים על העיגולים בשמאל שכותרתם 'נתון לגבי הנושא'. כל עיגול בימין מצביע לעיגול בשמאל. 'פריט בחנות' מצביע ל'מלאי של הפריט', 'מספר תעודת זהות' מצביע ל'השם שמשויך למספר', 'בן אדם' מצביע ל'צבעי הצוללות שבבעלותו' ו'פריט בחנות' (עיגול נוסף באותו שם כמו העיגול הראשון) מצביע ל'מחיר הפריט'.\"/>\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\">חלוקת האוספים ל־2 קבוצות של ערכים.</figcaption>\n",
+    "<img alt=\"בתמונה מופיעים 4 עיגולים בימין ו־4 עיגולים בשמאל. העיגולים בימין, בעלי הכותרת 'נושא', מצביעים על העיגולים בשמאל שכותרתם 'נתון לגבי הנושא'. כל עיגול בימין מצביע לעיגול בשמאל. 'פריט בחנות' מצביע ל'מלאי של הפריט', 'מספר תעודת זהות' מצביע ל'השם שמשויך למספר', 'בן אדם' מצביע ל'צבעי הצוללות שבבעלותו' ו'פריט בחנות' (עיגול נוסף באותו שם כמו העיגול הראשון) מצביע ל'מחיר הפריט'.\" src=\"images/dictionary_groups.svg?n=5\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">חלוקת האוספים ל־2 קבוצות של ערכים.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -89,8 +89,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פריטים מהקבוצה הראשונה לעולם לא יחזרו על עצמם – אין היגיון בכך ש\"תפוח ירוק\" יופיע פעמיים ברשימת המלאי בחנות, ולא ייתכן מצב של שני מספרי זהות זהים.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פריטים מהקבוצה הראשונה לעולם לא יחזרו על עצמם – אין היגיון בכך ש\"תפוח ירוק\" יופיע פעמיים ברשימת המלאי בחנות, ולא ייתכן מצב של שני מספרי זהות זהים.<br/> \n",
     "    הפריטים מהקבוצה השנייה, לעומת זאת, יכולים לחזור על עצמם – הגיוני שתהיה אותה כמות של בננות ותפוחים בחנות, או שיהיו אנשים בעלי מספרי זהות שונים שנקראים \"משה כהן\".\n",
     "</p>"
    ]
@@ -99,7 +99,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נבחן לעומק את המאפיינים המשותפים בדוגמאות שלעיל.\n",
     "</p>"
    ]
@@ -108,42 +108,42 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">המשותף לאוספים</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>אוסף</th>\n",
-    "            <th>הערך הקושר (קבוצה ראשונה)</th>\n",
-    "            <th>הערך המתאים לו (קבוצה שנייה)</th>\n",
-    "            <th>הסבר</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td>מוצרים והמלאי שלהם בחנות</td>\n",
-    "            <td>המוצר שנמכר בחנות</td>\n",
-    "            <td>המלאי מאותו מוצר</td>\n",
-    "            <td>יכולים להיות בחנות 5 תפוזים ו־5 תפוחים, אבל אין משמעות לחנות שיש בה 5 תפוחים וגם 3 תפוחים.</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>מספרי הזהות של אזרחים</td>\n",
-    "            <td>תעודת הזהות</td>\n",
-    "            <td>השם של בעל מספר הזהות</td>\n",
-    "            <td>יכולים להיות הרבה אזרחים העונים לשם משה לוי, ולכל אחד מהם יהיה מספר זהות שונה. לא ייתכן שמספר זהות מסוים ישויך ליותר מאדם אחד.</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>בעלות על צוללות צבעוניות</td>\n",
-    "            <td>בעל הצוללות</td>\n",
-    "            <td>צבע הצוללות</td>\n",
-    "            <td>יכול להיות שגם לקווין וגם לג'ני יש צוללות בצבעים זהים. ג'ני, קווין ואני הם אנשים ספציפיים, שאין יותר מ־1 מהם בעולם (עד שנמציא דרך לשבט אנשים).</td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>מוצרים ומחיריהם</td>\n",
-    "            <td>שם המוצר</td>\n",
-    "            <td>מחיר המוצר</td>\n",
-    "            <td>לכל מוצר מחיר נקוב. עבור שני מוצרים שונים בחנות יכול להיות מחיר זהה.</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">המשותף לאוספים</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>אוסף</th>\n",
+    "<th>הערך הקושר (קבוצה ראשונה)</th>\n",
+    "<th>הערך המתאים לו (קבוצה שנייה)</th>\n",
+    "<th>הסבר</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td>מוצרים והמלאי שלהם בחנות</td>\n",
+    "<td>המוצר שנמכר בחנות</td>\n",
+    "<td>המלאי מאותו מוצר</td>\n",
+    "<td>יכולים להיות בחנות 5 תפוזים ו־5 תפוחים, אבל אין משמעות לחנות שיש בה 5 תפוחים וגם 3 תפוחים.</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>מספרי הזהות של אזרחים</td>\n",
+    "<td>תעודת הזהות</td>\n",
+    "<td>השם של בעל מספר הזהות</td>\n",
+    "<td>יכולים להיות הרבה אזרחים העונים לשם משה לוי, ולכל אחד מהם יהיה מספר זהות שונה. לא ייתכן שמספר זהות מסוים ישויך ליותר מאדם אחד.</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>בעלות על צוללות צבעוניות</td>\n",
+    "<td>בעל הצוללות</td>\n",
+    "<td>צבע הצוללות</td>\n",
+    "<td>יכול להיות שגם לקווין וגם לג'ני יש צוללות בצבעים זהים. ג'ני, קווין ואני הם אנשים ספציפיים, שאין יותר מ־1 מהם בעולם (עד שנמציא דרך לשבט אנשים).</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>מוצרים ומחיריהם</td>\n",
+    "<td>שם המוצר</td>\n",
+    "<td>מחיר המוצר</td>\n",
+    "<td>לכל מוצר מחיר נקוב. עבור שני מוצרים שונים בחנות יכול להיות מחיר זהה.</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -151,16 +151,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מיפוי ערכים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מיפוי ערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמו שראינו בדוגמאות, מצב נפוץ במיוחד הוא הצורך לאחסן <em>מיפוי בין ערכים</em>.<br>\n",
-    "    נחשוב על המיפוי בחנות של קשטן, שבה הוא סופר את המלאי עבור כל מוצר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמו שראינו בדוגמאות, מצב נפוץ במיוחד הוא הצורך לאחסן <em>מיפוי בין ערכים</em>.<br/>\n",
+    "    נחשוב על המיפוי בחנות של קשטן, שבה הוא סופר את המלאי עבור כל מוצר.<br/>\n",
     "    נוכל לייצג את מלאי המוצרים בחנות של קשטן באמצעות הידע שכבר יש לנו. נשתמש בקוד הבא:\n",
     "</p>"
    ]
@@ -179,9 +179,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עבור כל תא ברשימת <var>items</var>, שמרנו במקום התואם ברשימת <var>stock</var> את הכמות שנמצאת ממנו בחנות.<br>\n",
-    "    יש 4 גזרים, 3 תפוחים ו־2 בננות על המדף בחנות של אדון קשטן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עבור כל תא ברשימת <var>items</var>, שמרנו במקום התואם ברשימת <var>stock</var> את הכמות שנמצאת ממנו בחנות.<br/>\n",
+    "    יש 4 גזרים, 3 תפוחים ו־2 בננות על המדף בחנות של אדון קשטן.<br/>\n",
     "    שליפה של כמות המלאי עבור מוצר כלשהו בחנות תתבצע בצורה הבאה:\n",
     "</p>"
    ]
@@ -202,10 +202,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורה הראשונה בגוף הפונקציה מצאנו את מיקום המוצר שאנחנו מחפשים במלאי. נניח, \"תפוח\" מוחזק במקום 1 ברשימה.<br>\n",
-    "    בשורה השנייה פנינו לרשימה השנייה, זו שמאחסנת את המלאי עבור כל מוצר, ומצאנו את המלאי שנמצא באותו מיקום.<br>\n",
-    "    כמות היחידות של מוצר מאוחסנת במספר תא מסוים, התואם למספר התא ברשימה של שמות המוצרים. זו הסיבה לכך שהרעיון עובד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורה הראשונה בגוף הפונקציה מצאנו את מיקום המוצר שאנחנו מחפשים במלאי. נניח, \"תפוח\" מוחזק במקום 1 ברשימה.<br/>\n",
+    "    בשורה השנייה פנינו לרשימה השנייה, זו שמאחסנת את המלאי עבור כל מוצר, ומצאנו את המלאי שנמצא באותו מיקום.<br/>\n",
+    "    כמות היחידות של מוצר מאוחסנת במספר תא מסוים, התואם למספר התא ברשימה של שמות המוצרים. זו הסיבה לכך שהרעיון עובד.<br/>\n",
     "</p>"
    ]
   },
@@ -222,7 +222,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    צורה נוספת למימוש אותו רעיון תהיה שמירה של זוגות סדורים בתוך רשימה של tuple־ים:\n",
     "</p>"
    ]
@@ -240,7 +240,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ברשימה הזו הרעיון נראה מובן יותר. בואו נממש דרך לחלץ איבר מסוים מתוך הרשימה:\n",
     "</p>"
    ]
@@ -263,9 +263,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עבור כל tuple ברשימה, בדקנו אם שם הפריט שהוא מכיל תואם לשם הפריט שחיפשנו.<br>\n",
-    "    אם כן, החזרנו את הכמות של אותו פריט במלאי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עבור כל tuple ברשימה, בדקנו אם שם הפריט שהוא מכיל תואם לשם הפריט שחיפשנו.<br/>\n",
+    "    אם כן, החזרנו את הכמות של אותו פריט במלאי.<br/>\n",
     "    שימוש בפונקציה הזו נראה כך:\n",
     "</p>"
    ]
@@ -283,21 +283,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            השתמשו ב־unpacking שלמדנו במחברת הקודמת כדי לפשט את לולאת ה־<code>for</code> בקוד של <code>get_stock</code>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -305,22 +305,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            שני קטעי הקוד שנתנו כדוגמה פישטו את המצב יתר על המידה, והם אינם מתייחסים למצב שבו הפריט חסר במלאי.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            שני קטעי הקוד שנתנו כדוגמה פישטו את המצב יתר על המידה, והם אינם מתייחסים למצב שבו הפריט חסר במלאי.<br/>\n",
     "            הרחיבו את הפונקציות <code>get_stock</code> כך שיחזירו 0 אם הפריט חסר במלאי.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -328,24 +328,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה זה מילון?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מה זה מילון?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מילון הוא סוג ערך בפייתון.<br>\n",
-    "תכליתו היא ליצור קשר בין סדרה של נתונים שנקראת <dfn>מפתחות</dfn>, לבין סדרה אחרת של נתונים שנקראת <dfn>ערכים</dfn>.<br>\n",
-    "לכל מפתח יש ערך שעליו הוא מצביע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מילון הוא סוג ערך בפייתון.<br/>\n",
+    "תכליתו היא ליצור קשר בין סדרה של נתונים שנקראת <dfn>מפתחות</dfn>, לבין סדרה אחרת של נתונים שנקראת <dfn>ערכים</dfn>.<br/>\n",
+    "לכל מפתח יש ערך שעליו הוא מצביע.<br/>\n",
     "</p>"
    ]
   },
@@ -353,13 +353,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ישנן דוגמאות אפשריות רבות לקשרים כאלו:\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>קשר בין ערים בעולם לבין מספר האנשים שחיים בהן.</li>\n",
-    "    <li>קשר בין ברקוד של מוצרים בחנות לבין מספר הפריטים במלאי מכל מוצר.</li> \n",
-    "    <li>קשר בין מילים לבין רשימת הפירושים שלהן במילון אבן־שושן.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>קשר בין ערים בעולם לבין מספר האנשים שחיים בהן.</li>\n",
+    "<li>קשר בין ברקוד של מוצרים בחנות לבין מספר הפריטים במלאי מכל מוצר.</li>\n",
+    "<li>קשר בין מילים לבין רשימת הפירושים שלהן במילון אבן־שושן.</li>\n",
     "</ol>"
    ]
   },
@@ -367,13 +367,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לערך המצביע נקרא <dfn>מפתח</dfn> (<dfn>key</dfn>). זה האיבר מבין זוג האיברים שעל פיו נשמע הגיוני יותר לעשות חיפוש:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לערך המצביע נקרא <dfn>מפתח</dfn> (<dfn>key</dfn>). זה האיבר מבין זוג האיברים שעל פיו נשמע הגיוני יותר לעשות חיפוש:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>העיר שאנחנו רוצים לדעת את מספר התושבים בה.</li>\n",
-    "    <li>הברקוד שאנחנו רוצים לדעת כמה פריטים ממנו קיימים במלאי.</li>\n",
-    "    <li>המילה שאת הפירושים שלה אנחנו רוצים למצוא.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>העיר שאנחנו רוצים לדעת את מספר התושבים בה.</li>\n",
+    "<li>הברקוד שאנחנו רוצים לדעת כמה פריטים ממנו קיימים במלאי.</li>\n",
+    "<li>המילה שאת הפירושים שלה אנחנו רוצים למצוא.</li>\n",
     "</ol>"
    ]
   },
@@ -381,13 +381,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לערך השני מבין שני הערכים בזוג, נקרא... ובכן, <dfn>ערך</dfn> (<dfn>value</dfn>). זה הנתון שנרצה למצוא לפי המפתח:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לערך השני מבין שני הערכים בזוג, נקרא... ובכן, <dfn>ערך</dfn> (<dfn>value</dfn>). זה הנתון שנרצה למצוא לפי המפתח:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מספר התושבים בעיר.</li>\n",
-    "    <li>מספר הפריטים הקיימים במלאי עבור ברקוד מסוים.</li>\n",
-    "    <li>הפירושים של המילה במילון.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מספר התושבים בעיר.</li>\n",
+    "<li>מספר הפריטים הקיימים במלאי עבור ברקוד מסוים.</li>\n",
+    "<li>הפירושים של המילה במילון.</li>\n",
     "</ol>"
    ]
   },
@@ -395,7 +395,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם כך, מילון הוא בסך הכול אוסף של זוגות שכאלו: מפתחות וערכים.</p>"
    ]
   },
@@ -403,21 +403,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבסיס</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבסיס</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מילון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מילון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ניצור מילון חדש:</p>"
    ]
   },
@@ -434,8 +434,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במילון הזה ישנם שלושה ערכים: הגיל של ים, של מתושלח ושל בייבי־גרוט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במילון הזה ישנם שלושה ערכים: הגיל של ים, של מתושלח ושל בייבי־גרוט.<br/>\n",
     "המפתחות במילון הזה הם <em>Yam</em> (הערך הקשור למפתח הזה הוא 27), <em>Methuselah</em> (עם הערך 969) ו־<em>Baby Groot</em> (אליו הוצמד הערך 3).\n",
     "</p>"
    ]
@@ -444,7 +444,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "יצרנו את המילון כך:\n",
     "</p>"
    ]
@@ -453,16 +453,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>פתחנו סוגריים מסולסלים.</li>\n",
-    "    <li>יצרנו זוגות של מפתחות וערכים, מופרדים בפסיק:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>פתחנו סוגריים מסולסלים.</li>\n",
+    "<li>יצרנו זוגות של מפתחות וערכים, מופרדים בפסיק:\n",
     "        <ol>\n",
-    "            <li>המפתח.</li>\n",
-    "            <li>הפרדה בנקודתיים.</li>\n",
-    "            <li>הערך.</li>\n",
-    "        </ol>\n",
-    "    </li>\n",
-    "    <li>סגרנו סוגריים מסולסלים.</li>\n",
+    "<li>המפתח.</li>\n",
+    "<li>הפרדה בנקודתיים.</li>\n",
+    "<li>הערך.</li>\n",
+    "</ol>\n",
+    "</li>\n",
+    "<li>סגרנו סוגריים מסולסלים.</li>\n",
     "</ol>"
    ]
   },
@@ -471,8 +471,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/dictionary.svg?v=2\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה מופיעים 3 ריבועים בימין ו־3 ריבועים בשמאל. הריבועים בימין, שמתויגים כ'מפתח', מצביעים על הריבועים בשמאל שמתויגים כ'ערך'. כל ריבוע בימין מצביע לריבוע בשמאל. בריבוע הימני העליון כתוב Yam, והוא מצביע על ריבוע בו כתוב 27. כך גם עבור ריבוע שבו כתוב Methuselah ומצביע לריבוע בו כתוב 969, וריבוע בו כתוב Baby Groot ומצביע לריבוע בו כתוב 3.\"/>\n",
-    "    <figcaption style=\"text-align: center; direction: rtl;\">המחשה למילון שבו 3 מפתחות ו־3 ערכים.</figcaption>\n",
+    "<img alt=\"בתמונה מופיעים 3 ריבועים בימין ו־3 ריבועים בשמאל. הריבועים בימין, שמתויגים כ'מפתח', מצביעים על הריבועים בשמאל שמתויגים כ'ערך'. כל ריבוע בימין מצביע לריבוע בשמאל. בריבוע הימני העליון כתוב Yam, והוא מצביע על ריבוע בו כתוב 27. כך גם עבור ריבוע שבו כתוב Methuselah ומצביע לריבוע בו כתוב 969, וריבוע בו כתוב Baby Groot ומצביע לריבוע בו כתוב 3.\" src=\"images/dictionary.svg?v=2\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">המחשה למילון שבו 3 מפתחות ו־3 ערכים.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -480,7 +480,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אפשר ליצור מילון ריק בעזרת פתיחה וסגירה של סוגריים מסולסלים:</p>"
    ]
   },
@@ -497,21 +497,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            צרו מילון עבור המלאי בחנות של אדון קשטן.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -519,14 +519,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אחזור ערך</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אחזור ערך</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ניזכר כיצד מאחזרים ערך מתוך רשימה:\n",
     "</p>"
    ]
@@ -544,7 +544,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי לחלץ את הערך שנמצא <em>במקום 2</em> ברשימה <var>names</var>, נכתוב:\n",
     "</p>"
    ]
@@ -562,8 +562,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עד כאן הכול מוכר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עד כאן הכול מוכר.<br/>\n",
     "ניקח את המילון שמייצג את המלאי בחנות של אדון קשטן:\n",
     "</p>"
    ]
@@ -581,7 +581,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כדי לחלץ את ערך המלאי שנמצא <em>במקום שבו המפתח הוא 'banana'</em>, נרשום את הביטוי הבא:\n",
     "</p>"
    ]
@@ -599,7 +599,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כיוון שבמילון המפתח הוא זה שמצביע על הערך ולא להפך, אפשר לאחזר ערך לפי מפתח, אבל אי־אפשר לאחזר מפתח לפי ערך.</p>"
    ]
   },
@@ -607,16 +607,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            ביום־יום, השתמשו במילה \"בְּמָקוֹם\" (b'e-ma-qom) כתחליף למילים סוגריים מרובעים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            ביום־יום, השתמשו במילה \"בְּמָקוֹם\" (b'e-ma-qom) כתחליף למילים סוגריים מרובעים.<br/>\n",
     "            לדוגמה: עבור שורת הקוד האחרונה, אימרו <em><q>items במקום banana</q></em>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -624,16 +624,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספה ועדכון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוספה ועדכון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אפשר להוסיף מפתח וערך למילון, באמצעות השמת הערך אל המילון במקום של המפתח.<br>\n",
-    "ניקח כדוגמה מקרה שבו יש לנו במלאי מלון אחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אפשר להוסיף מפתח וערך למילון, באמצעות השמת הערך אל המילון במקום של המפתח.<br/>\n",
+    "ניקח כדוגמה מקרה שבו יש לנו במלאי מלון אחד.<br/>\n",
     "המפתח הוא <em>melon</em> והערך הוא <em>1</em>, ולכן נשתמש בהשמה הבאה: \n",
     "</p>"
    ]
@@ -651,7 +651,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אם הגיעו עוד 4 מלונים לחנות של אדון קשטן, נוכל לעדכן את מלאי המלונים באמצעות השמה למקום הנכון במילון:\n",
     "</p>"
    ]
@@ -669,17 +669,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כללי המשחק</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כללי המשחק</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>לא יכולים להיות 2 מפתחות זהים במילון.</li>\n",
-    "    <li>המפתחות במילון חייבים להיות immutables.</li>\n",
-    "    <li>אנחנו נתייחס למילון כאל מבנה ללא סדר מסוים (אין \"איבר ראשון\" או \"איבר אחרון\").</li> \n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>לא יכולים להיות 2 מפתחות זהים במילון.</li>\n",
+    "<li>המפתחות במילון חייבים להיות immutables.</li>\n",
+    "<li>אנחנו נתייחס למילון כאל מבנה ללא סדר מסוים (אין \"איבר ראשון\" או \"איבר אחרון\").</li>\n",
     "</ul>"
    ]
   },
@@ -687,16 +687,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\" alt=\"העמקה\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            בגרסאות האחרונות של פייתון הפך מילון להיות מבנה סדור, שבו סדר האיברים הוא סדר ההכנסה שלהם למילון.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"העמקה\" height=\"50px\" src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            בגרסאות האחרונות של פייתון הפך מילון להיות מבנה סדור, שבו סדר האיברים הוא סדר ההכנסה שלהם למילון.<br/>\n",
     "            למרות זאת, רק במצבים נדירים נצטרך להתייחס לסדר שבו האיברים מסודרים במילון, ובשלב זה נעדיף שלא להתייחס לתכונה הזו.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -704,18 +704,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום ביניים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום ביניים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מילון הוא מבנה שבנוי זוגות־זוגות: יש ערכים ומפתחות, ולכל מפתח יש ערך אחד שעליו הוא מצביע.</li>\n",
-    "    <li>נתייחס למילון כאל מבנה ללא סדר מסוים. אין \"איבר ראשון\" או \"איבר אחרון\".</li> \n",
-    "    <li>בניגוד לרשימה, כאן ה\"מקום\" שאליו אנחנו פונים כדי לאחזר ערך הוא המפתח, ולא מספר שמייצג את המקום הסידורי של התא.</li>\n",
-    "    <li>בעזרת מפתח אפשר להגיע לערך המוצמד אליו, אבל לא להפך.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מילון הוא מבנה שבנוי זוגות־זוגות: יש ערכים ומפתחות, ולכל מפתח יש ערך אחד שעליו הוא מצביע.</li>\n",
+    "<li>נתייחס למילון כאל מבנה ללא סדר מסוים. אין \"איבר ראשון\" או \"איבר אחרון\".</li>\n",
+    "<li>בניגוד לרשימה, כאן ה\"מקום\" שאליו אנחנו פונים כדי לאחזר ערך הוא המפתח, ולא מספר שמייצג את המקום הסידורי של התא.</li>\n",
+    "<li>בעזרת מפתח אפשר להגיע לערך המוצמד אליו, אבל לא להפך.</li>\n",
     "</ul>"
    ]
   },
@@ -723,16 +723,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            חדי העין שמו לב שאנחנו מצליחים להוסיף ערכים למילון, ולשנות בו ערכים קיימים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            חדי העין שמו לב שאנחנו מצליחים להוסיף ערכים למילון, ולשנות בו ערכים קיימים.<br/>\n",
     "            מהתכונה הזו אנחנו למדים שמילון הוא mutable.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -740,22 +740,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מעבר על מילון</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מעבר על מילון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאת for</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאת for</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כיוון שמילון הוא iterable, דרך מקובלת לעבור עליו היא באמצעות לולאת <code>for</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כיוון שמילון הוא iterable, דרך מקובלת לעבור עליו היא באמצעות לולאת <code>for</code>.<br/>\n",
     "ננסה להשתמש בלולאת <code>for</code> על מילון, ונראה מה התוצאות:\n",
     "</p>"
    ]
@@ -775,8 +775,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה שקיבלנו רק את המפתחות, בלי הערכים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה שקיבלנו רק את המפתחות, בלי הערכים.<br/>\n",
     "    נסיק מכאן שמילון הוא אמנם iterable, אך בכל איטרציה הוא מחזיר לנו רק את המפתח, בלי הערך.\n",
     "</p>"
    ]
@@ -785,8 +785,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אנחנו כבר יודעים איך מחלצים את הערך של מפתח מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אנחנו כבר יודעים איך מחלצים את הערך של מפתח מסוים.<br/>\n",
     "    נוכל להשתמש בידע הזה כדי לקבל בכל חזרור גם את המפתח, וגם את הערך:\n",
     "</p>"
    ]
@@ -808,7 +808,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אבל הפתרון הזה לא נראה אלגנטי במיוחד, ונראה שנוכל למצוא אחד טוב יותר.\n",
     "</p>"
    ]
@@ -817,8 +817,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לעזרתנו נחלצת הפעולה <code>items</code>, השייכת לערכים מסוג מילון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לעזרתנו נחלצת הפעולה <code>items</code>, השייכת לערכים מסוג מילון.<br/>\n",
     "הפעולה הזו מחזירה זוגות איברים, כאשר בכל זוג האיבר הראשון הוא המפתח והאיבר השני הוא הערך.\n",
     "</p>"
    ]
@@ -836,7 +836,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מאחר שמדובר באיברים שבאים בזוגות, נוכל להשתמש בפירוק איברים כפי שלמדנו בשיעור על לולאות <code>for</code>:\n",
     "</p>"
    ]
@@ -856,9 +856,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בלולאה שמופיעה למעלה ניצלנו את העובדה שהפעולה <code>items</code> מחזירה לנו איברים בזוגות: מפתח וערך.<br>\n",
-    "בכל חזרור, אנחנו מכניסים למשתנה <var>key</var> את האיבר הראשון בזוג, ולמשתנה <var>value</var> את האיבר השני בזוג.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בלולאה שמופיעה למעלה ניצלנו את העובדה שהפעולה <code>items</code> מחזירה לנו איברים בזוגות: מפתח וערך.<br/>\n",
+    "בכל חזרור, אנחנו מכניסים למשתנה <var>key</var> את האיבר הראשון בזוג, ולמשתנה <var>value</var> את האיבר השני בזוג.<br/>\n",
     "נוכל להיות אפילו אלגנטיים יותר ולתת למשתנים הללו שמות ראויים:\n",
     "</p>"
    ]
@@ -878,15 +878,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו פונקציה שמקבלת מילון ומדפיסה עבור כל מפתח את האורך של הערך המוצמד אליו.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -894,24 +894,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מפתחות שלא קיימים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מפתחות שלא קיימים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבעיה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבעיה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מילונים הם טיפוסים קצת רגישים. הם לא אוהבים כשמזכירים להם מה אין בהם.<br>\n",
-    "אם ננסה לפנות למילון ולבקש ממנו מפתח שאין לו, נקבל הודעת שגיאה.<br>\n",
-    "בפעמים הראשונות שתתעסקו עם מילונים, יש סיכוי לא מבוטל שתקבלו <code>KeyError</code> שנראה כך:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מילונים הם טיפוסים קצת רגישים. הם לא אוהבים כשמזכירים להם מה אין בהם.<br/>\n",
+    "אם ננסה לפנות למילון ולבקש ממנו מפתח שאין לו, נקבל הודעת שגיאה.<br/>\n",
+    "בפעמים הראשונות שתתעסקו עם מילונים, יש סיכוי לא מבוטל שתקבלו <code>KeyError</code> שנראה כך:<br/>\n",
     "</p>"
    ]
   },
@@ -929,15 +929,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\"><code>in</code> במילונים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\"><code>in</code> במילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "יש כמה דרכים לפתור בעיה זו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "יש כמה דרכים לפתור בעיה זו.<br/>\n",
     "דרך אפשרית אחת היא לבדוק שהמפתח קיים לפני שאנחנו ניגשים אליו:</p>"
    ]
   },
@@ -955,8 +955,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כאן השתמשנו באופרטור <code>in</code> כדי לבדוק אם מפתח מסוים נמצא במילון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כאן השתמשנו באופרטור <code>in</code> כדי לבדוק אם מפתח מסוים נמצא במילון.<br/>\n",
     "נוכל גם לבקש את הערך לאחר שבדקנו שהוא קיים:\n",
     "</p>"
    ]
@@ -981,9 +981,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בקוד שלמעלה, השתמשנו באופרטור ההשוואה <code>in</code> כדי לבדוק אם מפתח מסוים (\"אכילס\") קיים בתוך המילון שיצרנו בשורה הראשונה.<br>\n",
-    "אם הוא נמצא שם, חילצנו את הערך שמוצמד לאותו מפתח (ל\"אכילס\"). אם לא, המצאנו ערך משלנו – \"פוני\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בקוד שלמעלה, השתמשנו באופרטור ההשוואה <code>in</code> כדי לבדוק אם מפתח מסוים (\"אכילס\") קיים בתוך המילון שיצרנו בשורה הראשונה.<br/>\n",
+    "אם הוא נמצא שם, חילצנו את הערך שמוצמד לאותו מפתח (ל\"אכילס\"). אם לא, המצאנו ערך משלנו – \"פוני\".<br/>\n",
     "</p>"
    ]
   },
@@ -991,16 +991,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            מעבר על מילון יחזיר בכל חזרור מפתח מהמילון, ללא הערך הקשור אליו.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            מעבר על מילון יחזיר בכל חזרור מפתח מהמילון, ללא הערך הקשור אליו.<br/>\n",
     "            מסיבה זו, אופרטור ההשוואה <code>in</code> יבדוק רק אם קיים <em>מפתח</em> מסוים במילון, ולא יבדוק אם ערך שכזה קיים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1008,23 +1008,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת שלושה פרמטרים: מילון, מפתח וערך ברירת מחדל.<br>\n",
-    "            הפונקציה תחפש את המפתח במילון, ואם הוא קיים תחזיר את הערך שלו.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת שלושה פרמטרים: מילון, מפתח וערך ברירת מחדל.<br/>\n",
+    "            הפונקציה תחפש את המפתח במילון, ואם הוא קיים תחזיר את הערך שלו.<br/>\n",
     "            אם המפתח לא קיים במילון, הפונקציה תחזיר את ערך ברירת המחדל.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1032,7 +1032,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ננסה לכתוב את הרעיון בקוד שלמעלה כפונקציה כללית:\n",
     "</p>"
    ]
@@ -1054,9 +1054,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הפונקציה שלמעלה מקבלת מילון, מפתח וערך ברירת מחדל.<br>\n",
-    "אם היא מוצאת את המפתח במילון, היא מחזירה את הערך של אותו מפתח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הפונקציה שלמעלה מקבלת מילון, מפתח וערך ברירת מחדל.<br/>\n",
+    "אם היא מוצאת את המפתח במילון, היא מחזירה את הערך של אותו מפתח.<br/>\n",
     "אם היא לא מוצאת את המפתח במילון, היא מחזירה את ערך ברירת המחדל שנקבע.\n",
     "</p>"
    ]
@@ -1065,7 +1065,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נבדוק שהפונקציה עובדת:\n",
     "</p>"
    ]
@@ -1085,7 +1085,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ובכן, זו פונקציה כייפית. כמה נוח היה לו היא הייתה פעולה של מילון.</p>"
    ]
   },
@@ -1093,15 +1093,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>get</code> במילונים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>get</code> במילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מי היה מאמין, יש פעולה כזו במילונים! ננסה להפעיל אותה על המילון שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מי היה מאמין, יש פעולה כזו במילונים! ננסה להפעיל אותה על המילון שלנו.<br/>\n",
     "שימו לב לצורת הקריאה לפעולה, ששונה מהקריאה לפונקציה שכתבנו למעלה – שם המשתנה של המילון בא לפני שם הפעולה. מדובר בפעולה, ולא בפונקציה:\n",
     "</p>"
    ]
@@ -1121,9 +1121,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "טריק קסום אחרון שנראה הוא שהפעולה <code>get</code> סלחנית ממש, ומתפקדת גם אם לא נותנים לה ערך ברירת מחדל.<br>\n",
-    "אם תספקו רק את שם המפתח שממנו תרצו לאחזר ערך, היא תחפש אותו ותחזיר את הערך שלו, אם הוא קיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "טריק קסום אחרון שנראה הוא שהפעולה <code>get</code> סלחנית ממש, ומתפקדת גם אם לא נותנים לה ערך ברירת מחדל.<br/>\n",
+    "אם תספקו רק את שם המפתח שממנו תרצו לאחזר ערך, היא תחפש אותו ותחזיר את הערך שלו, אם הוא קיים.<br/>\n",
     "אם המפתח לא קיים ולא סופק ערך ברירת מחדל, היא תחזיר את הערך <code>None</code>:\n",
     "</p>"
    ]
@@ -1143,16 +1143,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/recall.svg\" style=\"height: 50px !important;\" alt=\"תזכורת\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הערך המיוחד <code>None</code> הוא דרך פייתונית להגיד \"כלום\".<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"תזכורת\" height=\"50px\" src=\"images/recall.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הערך המיוחד <code>None</code> הוא דרך פייתונית להגיד \"כלום\".<br/>\n",
     "            אפשר לדמיין אותו כמו רִיק (וָקוּם). לא הערך המספרי אפס, לא <code>False</code>. פשוט כלום.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1160,42 +1160,42 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>מילון</dt><dd>טיפוס פייתוני שמאפשר לנו לשמור זוגות סדורים של מפתחות וערכים, שבהם כל מפתח מצביע על ערך.</dd>\n",
     "<dt>מפתח</dt><dd>הנתון שלפיו נחפש את הערך הרצוי במילון, ויופיע כאיבר הראשון בזיווג שבין מפתח לערך.</dd>\n",
     "<dt>ערך</dt><dd>הנתון שעליו מצביע המפתח במילון, יתקבל כאשר נחפש במילון לפי אותו מפתח. יופיע כאיבר השני בזיווג שבין מפתח לערך.<dd>\n",
     "<dt>זוג סדור</dt><dd>זוג של שני איברים הקשורים זה לזה. במקרה של מילון, מפתח וערך.</dd>\n",
-    "</dl>"
+    "</dd></dd></dl>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">מסר של יום טוב</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מסר של יום טוב</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "יוגב נבו קיבל מסר מוצפן מאדון יום טוב, והצליח לשים את ידו על שיטה לפענוח המסר.<br>\n",
-    "כדי לפענח את המסר, החליפו כל אות במסר הסודי באות התואמת לה, לפי המילון המופיע למטה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "יוגב נבו קיבל מסר מוצפן מאדון יום טוב, והצליח לשים את ידו על שיטה לפענוח המסר.<br/>\n",
+    "כדי לפענח את המסר, החליפו כל אות במסר הסודי באות התואמת לה, לפי המילון המופיע למטה.<br/>\n",
     "לדוגמה, דאגו שכל המופעים של האות O במסר <var>SONG</var> יוחלפו באות A.\n",
     "</p>"
    ]
@@ -1232,24 +1232,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">מראה מראה שעל הקיר</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מראה מראה שעל הקיר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "חברו של יום טוב, חיים, שלח ליום טוב מסר מוצפן.<br>\n",
-    "למרבה הצער יוגב שם את ידיו רק על מפת ההצפנה, ולא על מפת הפענוח.<br>\n",
-    "צרו ממילון ההצפנה מילון פענוח, שבו:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "חברו של יום טוב, חיים, שלח ליום טוב מסר מוצפן.<br/>\n",
+    "למרבה הצער יוגב שם את ידיו רק על מפת ההצפנה, ולא על מפת הפענוח.<br/>\n",
+    "צרו ממילון ההצפנה מילון פענוח, שבו:<br/>\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הערכים במילון הפענוח שתיצרו הם המפתחות ממילון ההצפנה.</li>\n",
-    "    <li>המפתחות במילון הפענוח שתיצרו הם הערכים ממילון ההצפנה.</li> \n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הערכים במילון הפענוח שתיצרו הם המפתחות ממילון ההצפנה.</li>\n",
+    "<li>המפתחות במילון הפענוח שתיצרו הם הערכים ממילון ההצפנה.</li>\n",
     "</ul>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לדוגמה, המילון <code dir=\"ltr\" style=\"direction: ltr;\">{'a': '1', 'b': 2}</code> יהפוך למילון <code dir=\"ltr\" style=\"direction: ltr;\">{'1': 'a', '2': 'b'}</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לדוגמה, המילון <code dir=\"ltr\" style=\"direction: ltr;\">{'a': '1', 'b': 2}</code> יהפוך למילון <code dir=\"ltr\" style=\"direction: ltr;\">{'1': 'a', '2': 'b'}</code>.<br/>\n",
     "השתמשו במילון הפענוח שיצרתם כדי לפענח את המסר שנשלח.\n",
     "</p>"
    ]
@@ -1287,16 +1287,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">פטנט, או ברונו הפיל?</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">פטנט, או ברונו הפיל?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "בספרו המפורסם של טולסטוי \"מלחמה ושלום\" העלילה מתרחשת בתקופת הפלישה של נפוליאון לרוסיה.<br>\n",
-    "אלכנדרוס הראשן התערב עם ברונו הפיל שהוא המציא פטנט, שבעזרתו הוא יכול למצוא את המספר שהופיע הכי הרבה פעמים בכל ספר שהוא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "בספרו המפורסם של טולסטוי \"מלחמה ושלום\" העלילה מתרחשת בתקופת הפלישה של נפוליאון לרוסיה.<br/>\n",
+    "אלכנדרוס הראשן התערב עם ברונו הפיל שהוא המציא פטנט, שבעזרתו הוא יכול למצוא את המספר שהופיע הכי הרבה פעמים בכל ספר שהוא.<br/>\n",
     "השתמשו בקובץ המצורף war-and-peace.txt שנמצא בתיקיית resources, ועזרו לברונו הפיל למצוא את השנה שמוזכרת הכי הרבה פעמים בספר.\n",
     "</p>"
    ]
diff --git a/week4/3_Dictionaries_part2.ipynb b/week4/3_Dictionaries_part2.ipynb
index a9885b7..beaa8b9 100644
--- a/week4/3_Dictionaries_part2.ipynb
+++ b/week4/3_Dictionaries_part2.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">מילונים – חלק שני</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מילונים – חלק שני</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "במחברת האחרונה למדנו שבפייתון ישנו סוג נתונים שנקרא \"מילון\", שמשמש אותנו לאחסון של זוגות נתונים: מפתח וערך.<br>\n",
-    "המילון מאפשר לנו לפנות למפתח מסוים, ולאחזר לפיו את הערך שמוצמד אליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "במחברת האחרונה למדנו שבפייתון ישנו סוג נתונים שנקרא \"מילון\", שמשמש אותנו לאחסון של זוגות נתונים: מפתח וערך.<br/>\n",
+    "המילון מאפשר לנו לפנות למפתח מסוים, ולאחזר לפיו את הערך שמוצמד אליו.<br/>\n",
     "במחברת זו נלמד על פעולות נוספות שאפשר לבצע על מילונים, ועל השילוב של מילונים עם טיפוסי נתונים אחרים.\n",
     "</p>"
    ]
@@ -36,22 +36,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על מילונים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות על מילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערכים ומפתחות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערכים ומפתחות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפעמים נרצה לעבור רק על הערכים שנמצאים במילון, בלי המפתחות שמצביעים עליהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפעמים נרצה לעבור רק על הערכים שנמצאים במילון, בלי המפתחות שמצביעים עליהם.<br/>\n",
     "    לצורך כך נוכל להשתמש בפעולה <code dir=\"ltr\" style=\"direction: ltr;\">values</code>, בצורה הזו:\n",
     "</p>"
    ]
@@ -70,7 +70,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הערך שהפעולה מחזירה הוא iterable, ולכן קל לרוץ עליו בעזרת לולאה:  \n",
     "</p>"
    ]
@@ -89,8 +89,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפעולה המקבילה ל־<code>values</code> שמחזירה לנו רק את המפתחות נקראת <code>keys</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפעולה המקבילה ל־<code>values</code> שמחזירה לנו רק את המפתחות נקראת <code>keys</code>.<br/>\n",
     "    יחסית נדיר לראות אותה בקוד, בין היתר כיוון שאפשר לרוץ על מפתחות המילון בלולאה גם בלי להשתמש בפעולה <code>keys</code>:\n",
     "</p>"
    ]
@@ -109,16 +109,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מילת המפתח <code>del</code></span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מילת המפתח <code>del</code></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לפעמים עולה צורך למחוק ממילון מפתח ואת הערך שקשור אליו.<br>\n",
-    "כפי שאולי ניחשתם, אין אפשרות למחוק רק את המפתח או רק את הערך – הם באים יחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לפעמים עולה צורך למחוק ממילון מפתח ואת הערך שקשור אליו.<br/>\n",
+    "כפי שאולי ניחשתם, אין אפשרות למחוק רק את המפתח או רק את הערך – הם באים יחד.<br/>\n",
     "נרצה למחוק מפתח וערך מהמילון כשחשוב לנו לחסוך מקום בזיכרון המחשב, או כשהם כבר לא רלוונטיים ומפריעים לנו.\n",
     "</p>"
    ]
@@ -127,9 +127,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הדרך הראשונה למחוק מפתח וערך ממילון היא להשתמש במילת המפתח <code>del</code>, שטרם הכרנו.<br>\n",
-    "מילת המפתח <code>del</code> נגזרת מהמילה <em>delete</em> (למחוק).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הדרך הראשונה למחוק מפתח וערך ממילון היא להשתמש במילת המפתח <code>del</code>, שטרם הכרנו.<br/>\n",
+    "מילת המפתח <code>del</code> נגזרת מהמילה <em>delete</em> (למחוק).<br/>\n",
     "נציין את שם המילון ואת המפתח שנרצה למחוק:\n",
     "</p>"
    ]
@@ -149,7 +149,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אפשר להשתמש במילת המפתח <code>del</code> גם כדי למחוק תאים מרשימה או למחוק משתנים, אף על פי שהשימושים הללו נדירים למדי.\n",
     "</p>"
    ]
@@ -158,16 +158,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>pop</code></span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>pop</code></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "פעמים רבות נרצה לקבל את הערך המשויך למפתח שאנחנו מוחקים.<br>\n",
-    "חיסרון מובהק של <code>del</code> הוא שבשימוש בה, המפתח והערך יימחקו בלי להחזיר שום מידע על הנתונים שנמחקו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "פעמים רבות נרצה לקבל את הערך המשויך למפתח שאנחנו מוחקים.<br/>\n",
+    "חיסרון מובהק של <code>del</code> הוא שבשימוש בה, המפתח והערך יימחקו בלי להחזיר שום מידע על הנתונים שנמחקו.<br/>\n",
     "נוכל לקבל את הערך שנמחק בכל זאת בעזרת הפעולה <code>pop</code>, שחוץ מלמחוק זוג של מפתח וערך לפי המפתח, גם מחזירה את הערך שמחקה:\n",
     "</p>"
    ]
@@ -188,22 +188,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת מילון, ומחזירה מילון הפוך, שבו הערכים הופכים למפתחות והמפתחות לערכים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת מילון, ומחזירה מילון הפוך, שבו הערכים הופכים למפתחות והמפתחות לערכים.<br/>\n",
     "            היעזרו בפעולות שלמדתם על מילון.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -211,15 +211,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>update</code></span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>update</code></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הוספה של ערכים מרובים למילון עלולה להיות לא נוחה במבט ראשון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הוספה של ערכים מרובים למילון עלולה להיות לא נוחה במבט ראשון.<br/>\n",
     "    נביט בשני המילונים הבאים, שבהם כל ערך הוא המפתח התואם לו, שהועלה בחזקה שנייה.\n",
     "</p>"
    ]
@@ -238,7 +238,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם נרצה למזג את <var>high_powers_of_two</var> לתוך <var>powers_of_two</var>, נצטרך לכתוב את הקוד הבא:\n",
     "</p>"
    ]
@@ -259,9 +259,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אף שהקוד למעלה מובן למדי, הוא מסורבל יחסית לפעולה הפשוטה שהוא מבצע.<br>\n",
-    "    כמו שאולי ניחשתם, החברים שיצרו את פייתון כבר חשבו על פעולה כזו למיזוג מילונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אף שהקוד למעלה מובן למדי, הוא מסורבל יחסית לפעולה הפשוטה שהוא מבצע.<br/>\n",
+    "    כמו שאולי ניחשתם, החברים שיצרו את פייתון כבר חשבו על פעולה כזו למיזוג מילונים.<br/>\n",
     "    נפעיל אותה על המילון שאליו אנחנו רוצים למזג, ונעביר לפעולה כארגומנט את הרשימה שממנה נרצה למזג:\n",
     "</p>"
    ]
@@ -290,22 +290,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מה יקרה אם ישנו מפתח שנמצא בשני המילונים?<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מה יקרה אם ישנו מפתח שנמצא בשני המילונים?<br/>\n",
     "            בנו מקרה שכזה ונסו בעצמכם.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -313,15 +313,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מבנים מורכבים נפוצים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מבנים מורכבים נפוצים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "העולם לעיתים מורכב, וניסיון לארגן מידע רב יכול ליצור מבני נתונים שנראים מסובכים במבט ראשון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "העולם לעיתים מורכב, וניסיון לארגן מידע רב יכול ליצור מבני נתונים שנראים מסובכים במבט ראשון.<br/>\n",
     "</p>"
    ]
   },
@@ -329,14 +329,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">רשימת מילונים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">רשימת מילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נראה, לדוגמה, דרך לייצג מאגר קטן של משתמשים:\n",
     "</p>"
    ]
@@ -358,16 +358,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            כדי לסגנן את הקוד שלנו, הרבה פעמים נרד שורה גם כשלא חייבים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            כדי לסגנן את הקוד שלנו, הרבה פעמים נרד שורה גם כשלא חייבים.<br/>\n",
     "            נפוץ מאוד לרדת שורה במבנים ארוכים אחרי שפתחנו סוגריים – פייתון מבינה שמדובר באותה שורה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -375,8 +375,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "למעלה מוצגת רשימה שמכילה 3 מילונים. אפשר למנות את האיברים שבה בעזרת לולאה, כמו בכל רשימה אחרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "למעלה מוצגת רשימה שמכילה 3 מילונים. אפשר למנות את האיברים שבה בעזרת לולאה, כמו בכל רשימה אחרת.<br/>\n",
     "נדפיס את השמות של כל אחד מהמשתמשים:\n",
     "</p>"
    ]
@@ -395,8 +395,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "ניזהר במקרה שיש מפתח שעלול לא להופיע באחד המילונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "ניזהר במקרה שיש מפתח שעלול לא להופיע באחד המילונים.<br/>\n",
     "לדוגמה, לסקרלט ג'והנסון אין בן־זוג, ולכן כשהלולאה הבאה תגיע אליה היא תקפיץ שגיאה:\n",
     "</p>"
    ]
@@ -415,7 +415,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נראה דוגמה לטיפול במקרה שכזה בעולם האמיתי:\n",
     "</p>"
    ]
@@ -437,7 +437,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "או ש\"נרמה\" קצת בעזרת הפעולה <code>get</code>:\n",
     "</p>"
    ]
@@ -457,23 +457,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">ערכים מרובים במפתח אחד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ערכים מרובים במפתח אחד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">מילון שערכיו הם רשימות</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מילון שערכיו הם רשימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אנחנו רוצים ליצור תוכנה לניהול ספרייה, שבה אפשר למצוא ספרים לפי שם המחבר.<br>\n",
-    "בשלב הנוכחי ביקשו מאיתנו לשמור עבור כל ספר רק את שמו, ללא פרטים נוספים, כמו מלאי או שנת הוצאה לאור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אנחנו רוצים ליצור תוכנה לניהול ספרייה, שבה אפשר למצוא ספרים לפי שם המחבר.<br/>\n",
+    "בשלב הנוכחי ביקשו מאיתנו לשמור עבור כל ספר רק את שמו, ללא פרטים נוספים, כמו מלאי או שנת הוצאה לאור.<br/>\n",
     "נצטרך לתכנת את האפשרות לשלוף את שמות הספרים לפי שם המחבר, ולהוסיף ולהסיר ספרים בקלות מרשימת ספריו של כל מחבר.\n",
     "</p>"
    ]
@@ -482,22 +482,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            השקיעו 5 דקות וחשבו איך הייתם מממשים ספרייה שכזו בעזרת סוגי הנתונים שלמדתם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            השקיעו 5 דקות וחשבו איך הייתם מממשים ספרייה שכזו בעזרת סוגי הנתונים שלמדתם.<br/>\n",
     "            בונוס: כתבו כיצד אפשר לממש ספרייה שכזו, וממשו פונקציה שמאפשרת להוסיף ולהסיר ספרים עבור כל מחבר.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -505,7 +505,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נסכם לפנינו את הדרישות:\n",
     "</p>"
    ]
@@ -514,9 +514,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מציאת רשימת הספרים לפי שם המחבר.</li>\n",
-    "    <li>עריכת הספרים הקיימים עבור כל מחבר – הוספה והסרה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מציאת רשימת הספרים לפי שם המחבר.</li>\n",
+    "<li>עריכת הספרים הקיימים עבור כל מחבר – הוספה והסרה.</li>\n",
     "</ol>"
    ]
   },
@@ -524,8 +524,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "עבור הדרישה הראשונה, נראה שהמבנה המתאים ביותר הוא מילון שמקשר את שם המחבר לרשימת הספרים שלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "עבור הדרישה הראשונה, נראה שהמבנה המתאים ביותר הוא מילון שמקשר את שם המחבר לרשימת הספרים שלו.<br/>\n",
     "עבור הדרישה השנייה, נראה שהמבנה המתאים ביותר הוא רשימה – סוג גמיש שקל לערוך את האיברים שבו (לעומת tuple, נניח).\n",
     "</p>"
    ]
@@ -534,7 +534,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נבנה מילון שכזה לדוגמה:\n",
     "</p>"
    ]
@@ -562,7 +562,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בהינתן המימוש המוצלח שלנו לדרישות, ראו כמה קל לתפעל את הספרייה:</p>"
    ]
   },
@@ -592,15 +592,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right;\">מילון שערכיו הם מילונים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מילון שערכיו הם מילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הדרישות של בעלי הספרייה השתנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הדרישות של בעלי הספרייה השתנו.<br/>\n",
     "הם מבקשים שהפעם, בזמן שאנחנו שומרים על הסידור לפי שמות הסופרים, נוסיף על שם הספר גם את הפרטים הבאים:\n",
     "</p>\n"
    ]
@@ -609,10 +609,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תאריך ההוצאה לאור</li>\n",
-    "    <li>רשימת הסוגות</li>\n",
-    "    <li>כמות במלאי</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תאריך ההוצאה לאור</li>\n",
+    "<li>רשימת הסוגות</li>\n",
+    "<li>כמות במלאי</li>\n",
     "</ul>"
    ]
   },
@@ -620,8 +620,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "נציץ על שלוש צורות לממש מבני נתונים שיכולים לשמש את הספרייה המדוברת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "נציץ על שלוש צורות לממש מבני נתונים שיכולים לשמש את הספרייה המדוברת.<br/>\n",
     "נשאיר את בחינת נוחות השימוש בכל אחת מהן ואת כתיבת קוד להוספת ספרים ולהסרתם כתרגיל לקורא.\n",
     "</p>"
    ]
@@ -696,22 +696,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מה היתרונות שנובעים מהבחירה שלנו לייצג הנתונים בכל אחת מהדרכים? מה החסרונות?<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מה היתרונות שנובעים מהבחירה שלנו לייצג הנתונים בכל אחת מהדרכים? מה החסרונות?<br/>\n",
     "            אם הייתה לכם ספרייה משלכם, כיצד הייתם מסדרים את הנתונים ומייצגים אותם?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -719,22 +719,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">מילים של אבן ספיר בהווה</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מילים של אבן ספיר בהווה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קבלו רשימה של מילונים, ואחדו את כל המילונים שנמצאים ברשימה למילון אחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קבלו רשימה של מילונים, ואחדו את כל המילונים שנמצאים ברשימה למילון אחד.<br/>\n",
     "    ודאו שאינכם משנים את המילונים הנמצאים ברשימה.\n",
     "</p>"
    ]
@@ -743,8 +743,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה, עבור הרשימה: <code dir=\"ltr\" style=\"direction: ltr;\">[{'a': 1}, {'b': 2, 'c': 3}, {'d': 4}]</code><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה, עבור הרשימה: <code dir=\"ltr\" style=\"direction: ltr;\">[{'a': 1}, {'b': 2, 'c': 3}, {'d': 4}]</code><br/>\n",
     "    החזירו: <samp><code dir=\"ltr\" style=\"direction: ltr;\">{'a': 1, 'b': 2, 'c': 3, 'd': 4}</code></samp>\n",
     "</p>"
    ]
@@ -753,16 +753,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">עוד לבנה בחומה</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">עוד לבנה בחומה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המורה רוג'רס מעניק ציון לכל תלמיד על פי הציונים שלו במבחנים ובשיעורי הבית.<br>\n",
-    "    צרו מבנה נתונים שייצג את הציונים של כל התלמידים, ולאחר מכן השתמשו בו כדי לחשב את הציון הסופי של כל תלמיד ולהדפיסו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המורה רוג'רס מעניק ציון לכל תלמיד על פי הציונים שלו במבחנים ובשיעורי הבית.<br/>\n",
+    "    צרו מבנה נתונים שייצג את הציונים של כל התלמידים, ולאחר מכן השתמשו בו כדי לחשב את הציון הסופי של כל תלמיד ולהדפיסו.<br/>\n",
     "    ציון התלמידים הסופי מורכב מ־20% ממוצע הציונים בשיעורי בית, ועוד 80% ממוצע הציונים במבחנים:\n",
     "</p>"
    ]
@@ -778,31 +778,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>ניק\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>ניק\n",
     "        <ul>\n",
-    "            <li>ציוני מבחנים: 80, 78, 90, 64</li>\n",
-    "            <li>ציוני שיעורי בית: 46, 99, 85, 90, 100</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>ריצ'ארד\n",
+    "<li>ציוני מבחנים: 80, 78, 90, 64</li>\n",
+    "<li>ציוני שיעורי בית: 46, 99, 85, 90, 100</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>ריצ'ארד\n",
     "        <ul>\n",
-    "            <li>ציוני מבחנים: 90, 92, 87, 99</li>\n",
-    "            <li>ציוני שיעורי בית: 88, 77, 94, 66, 96</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>סיד\n",
+    "<li>ציוני מבחנים: 90, 92, 87, 99</li>\n",
+    "<li>ציוני שיעורי בית: 88, 77, 94, 66, 96</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>סיד\n",
     "        <ul>\n",
-    "            <li>ציוני מבחנים: 66, 6, 66, 6</li>\n",
-    "            <li>ציוני שיעורי בית: 100, 100, 100, 100, 100</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>דוד\n",
+    "<li>ציוני מבחנים: 66, 6, 66, 6</li>\n",
+    "<li>ציוני שיעורי בית: 100, 100, 100, 100, 100</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>דוד\n",
     "        <ul>\n",
-    "            <li>ציוני מבחנים: 96, 92, 91, 78</li>\n",
-    "            <li>ציוני שיעורי בית: 80, 77, 74, 71, 68</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
+    "<li>ציוני מבחנים: 96, 92, 91, 78</li>\n",
+    "<li>ציוני שיעורי בית: 80, 77, 74, 71, 68</li>\n",
+    "</ul>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -810,12 +810,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה, הציון של דוד יחושב כך:\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממוצע ציוני המבחנים ($\\frac{96+92+91+78}{4}$, ששווה ל־$89.25$) במשקל של 80% ($\\frac{89.25\\cdot80}{100}$, ששווה ל־$71.4$).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממוצע ציוני המבחנים ($\\frac{96+92+91+78}{4}$, ששווה ל־$89.25$) במשקל של 80% ($\\frac{89.25\\cdot80}{100}$, ששווה ל־$71.4$).<br/>\n",
     "    ועוד ממוצע ציוני שיעורי הבית ($\\frac{68+71+74+77+80}{5}$, ששווה ל־$74$) במשקל של 20% ($\\frac{74\\cdot20}{100}$, ששווה ל־$14.8$).\n",
     "</p>"
    ]
diff --git a/week4/4_Unpacking.ipynb b/week4/4_Unpacking.ipynb
index 60eed6a..a535ed2 100644
--- a/week4/4_Unpacking.ipynb
+++ b/week4/4_Unpacking.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">Unpacking</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Unpacking</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה שורה שתיראה לנו קצת שונה תחבירית מכל מה שהכרנו עד עכשיו:\n",
     "</p>"
    ]
@@ -43,9 +43,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בצד ימין יש tuple שמכיל שני איברים, ואנחנו מבצעים השמה לשני משתנים ששמותיהם <var>country</var> ו־<var>population</var>.<br>\n",
-    "    אומנם לא הייתי מעניק לפיסת הקוד הזו את תואר פיסת הקוד הנאה בעולם, אבל נראה שפייתון יודעת להריץ אותה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בצד ימין יש tuple שמכיל שני איברים, ואנחנו מבצעים השמה לשני משתנים ששמותיהם <var>country</var> ו־<var>population</var>.<br/>\n",
+    "    אומנם לא הייתי מעניק לפיסת הקוד הזו את תואר פיסת הקוד הנאה בעולם, אבל נראה שפייתון יודעת להריץ אותה:<br/>\n",
     "</p>"
    ]
   },
@@ -62,9 +62,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חזינו כאן במעין השמה כפולה שפייתון מאפשרת לנו לבצע:<br>\n",
-    "    את האיבר הראשון בצד ימין היא הכניסה לאיבר הראשון בצד שמאל, ואת האיבר השני בצד ימין היא הכניסה לאיבר השני בצד שמאל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חזינו כאן במעין השמה כפולה שפייתון מאפשרת לנו לבצע:<br/>\n",
+    "    את האיבר הראשון בצד ימין היא הכניסה לאיבר הראשון בצד שמאל, ואת האיבר השני בצד ימין היא הכניסה לאיבר השני בצד שמאל.<br/>\n",
     "</p>"
    ]
   },
@@ -72,14 +72,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/unpacking.svg?v=3\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"ארבע ריבועים, שניים בימין בצבע אפור ושניים בשמאל בצבע כתום. בין הריבועים האפורים לכתומים מפריד סימן שווה. בתוך הריבוע השמאלי ביותר כתוב country, ואליו יוצא חץ מהריבוע האפור, השלישי משמאל, שבו כתוב Israel. אל הריבוע הכתום השני, שממוקם כריבוע השני משמאל ובו כתוב population, יוצא חץ מהריבוע האפור, הממוקם כרביעי משמאל, שבו כתוב 8712000. בין הריבועים האפורים יש פסיק, וכך גם בין הריבועים הכתומים.\">"
+    "<img alt=\"ארבע ריבועים, שניים בימין בצבע אפור ושניים בשמאל בצבע כתום. בין הריבועים האפורים לכתומים מפריד סימן שווה. בתוך הריבוע השמאלי ביותר כתוב country, ואליו יוצא חץ מהריבוע האפור, השלישי משמאל, שבו כתוב Israel. אל הריבוע הכתום השני, שממוקם כריבוע השני משמאל ובו כתוב population, יוצא חץ מהריבוע האפור, הממוקם כרביעי משמאל, שבו כתוב 8712000. בין הריבועים האפורים יש פסיק, וכך גם בין הריבועים הכתומים.\" src=\"images/unpacking.svg?v=3\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    התחביר שמאפשר לפייתון לפרק מבנה ולבצע השמה של האיברים שבו לכמה שמות משתנים בו־זמנית, קיבל את השם <dfn>unpacking</dfn>.\n",
     "</p>"
    ]
@@ -88,22 +88,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Unpacking לתוך משתנים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Unpacking לתוך משתנים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">המקרה הקלאסי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">המקרה הקלאסי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מתכנתים רבים מנצלים את הנוחות שב־unpacking, ולכן תמצאו שהוא מופיע פעמים רבות בקוד \"בעולם האמיתי\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מתכנתים רבים מנצלים את הנוחות שב־unpacking, ולכן תמצאו שהוא מופיע פעמים רבות בקוד \"בעולם האמיתי\".<br/>\n",
     "    אפשר לבצע השמה לכמה משתנים שנרצה בו־זמנית:\n",
     "</p>"
    ]
@@ -121,7 +121,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הטכניקה הזו עובדת גם עבור טיפוסים אחרים שמוגדרים כ־iterable:\n",
     "</p>"
    ]
@@ -139,7 +139,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ואפילו בלי סוגריים (זה לא קסם – בצד ימין נוצר בפועל tuple):\n",
     "</p>"
    ]
@@ -157,7 +157,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    או כ\"חילוץ איברים\" מתוך משתנה קיים לתוך כמה משתנים נפרדים:\n",
     "</p>"
    ]
@@ -177,8 +177,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה האחרונה יצרנו בשורה הראשונה משתנה שמצביע ל־tuple. ב־tuple ישנם שני מספרים מסוג float.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה האחרונה יצרנו בשורה הראשונה משתנה שמצביע ל־tuple. ב־tuple ישנם שני מספרים מסוג float.<br/>\n",
     "    בשורה השנייה פירקנו את ה־tuple – הערך הראשון שלו הוכנס לתוך המשתנה <var>x</var> והערך השני שלו הוכנס לתוך המשתנה <var>y</var>. \n",
     "</p>"
    ]
@@ -187,15 +187,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking בלולאות for</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking בלולאות for</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימוש מקובל מאוד ל־unpacking, שאותו כבר הספקתם לראות בעבר, מתרחש בלולאות for.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימוש מקובל מאוד ל־unpacking, שאותו כבר הספקתם לראות בעבר, מתרחש בלולאות for.<br/>\n",
     "    ניצור רשימה של tuple־ים, שבה כל tuple ייצג מדינה ואת מספר האנשים החיים בה:\n",
     "</p>"
    ]
@@ -218,7 +218,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בעולם ללא unpacking, היינו צריכים לכתוב כך:\n",
     "</p>"
    ]
@@ -239,7 +239,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אבל כיוון שאנחנו חיים בעולם טוב יותר, פייתון מאפשרת לנו לעשות את הטריק הבא:\n",
     "</p>"
    ]
@@ -259,95 +259,95 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <caption style=\"direction: rtl; text-align: center;\">תצוגה של המשתנה <var>countries_with_population</var> ושל צורת הפירוק שלו</caption>\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "<caption dir=\"rtl\" style=\"direction: rtl; text-align: center;\">תצוגה של המשתנה <var>countries_with_population</var> ושל צורת הפירוק שלו</caption>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Cyprus\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">1198575</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Cyprus\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">1198575</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Eswatini\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">1148130</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
-    "</table>            \n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Eswatini\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">1148130</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
+    "</table>\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Djibouti\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">973560</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Djibouti\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">973560</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
+    "</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\n",
     "<table style=\"font-size: 1.5rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Fiji\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">889953</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #FF8578;\">\"Fiji\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background-color: #98FB98;\">889953</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "            </td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -355,8 +355,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באיור למעלה, התאים האדומים מפורקים לתוך המשתנה <var>country</var> והתאים הירוקים לתוך המשתנה <var>population</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באיור למעלה, התאים האדומים מפורקים לתוך המשתנה <var>country</var> והתאים הירוקים לתוך המשתנה <var>population</var>.<br/>\n",
     "    כל איטרציה של הלולאה תגרום לפירוק של צמד אחד מתוך הרשימה, ולהשמתו בהתאמה לתוך צמד המשתנים שבראש לולאת ה־for.\n",
     "</p>"
    ]
@@ -365,15 +365,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">במילונים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">במילונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרעיון של unpacking נעשה שימושי מאוד כשאנחנו רוצים לעבור בו־זמנית על המפתח ועל הערך של מילון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרעיון של unpacking נעשה שימושי מאוד כשאנחנו רוצים לעבור בו־זמנית על המפתח ועל הערך של מילון.<br/>\n",
     "    כל שנצטרך לעשות כדי לקבל את המפתח לצד הערך בכל איטרציה, זה להשתמש בפעולה <code>items</code> על המילון:\n",
     "</p>"
    ]
@@ -406,16 +406,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לערכי חזרה מפונקציה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לערכי חזרה מפונקציה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המקרה הזה לא שונה מהמקרים הקודמים שראינו, אבל חשבתי שיהיה נחמד לראות אותו מפורשות.<br>\n",
-    "    הפעם ניקח פונקציה שמחזירה tuple, ונשתמש ב־unpacking כדי לפרק את הערכים שהיא מחזירה למשתנים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המקרה הזה לא שונה מהמקרים הקודמים שראינו, אבל חשבתי שיהיה נחמד לראות אותו מפורשות.<br/>\n",
+    "    הפעם ניקח פונקציה שמחזירה tuple, ונשתמש ב־unpacking כדי לפרק את הערכים שהיא מחזירה למשתנים.<br/>\n",
     "</p>"
    ]
   },
@@ -435,7 +435,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשתמש בפונקציה:\n",
     "</p>"
    ]
@@ -453,7 +453,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והרי שאם מוחזר לנו tuple, אפשר לעשות לו unpacking:\n",
     "</p>"
    ]
@@ -472,15 +472,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Unpacking לארגומנטים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Unpacking לארגומנטים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נבחן את הקוד הפשוט הבא:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נבחן את הקוד הפשוט הבא:<br/>\n",
     "</p>"
    ]
   },
@@ -501,9 +501,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הגדרנו פונקציה שמדפיסה לנו יפה מיקומים לפי x ו־y שהיא מקבלת.<br>\n",
-    "    המימוש הגיוני, אבל אוי א בראך! השימוש לא מאוד נוח!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הגדרנו פונקציה שמדפיסה לנו יפה מיקומים לפי x ו־y שהיא מקבלת.<br/>\n",
+    "    המימוש הגיוני, אבל אוי א בראך! השימוש לא מאוד נוח!<br/>\n",
     "    בכל פעם אנחנו צריכים לפרק את ה־tuple שמכיל את המיקום ל־2 איברים, ולשלוח כל אחד מהם בנפרד.\n",
     "</p>"
    ]
@@ -512,14 +512,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לארגומנטים לפי מיקום</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לארגומנטים לפי מיקום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כפתרון למצב, פייתון מאפשרת לנו לעשות את הקסם הנפלא הבא:\n",
     "</p>"
    ]
@@ -541,8 +541,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה מוזר? זו לא טעות, זהו באמת תחביר שעדיין לא ראינו!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה מוזר? זו לא טעות, זהו באמת תחביר שעדיין לא ראינו!<br/>\n",
     "    הכוכבית מפרקת את ה־tuple שהגדרנו, <var>treasure_location</var>, ושולחת לארגומנט <var>x</var> את הערך הראשון ולארגומנט <var>y</var> את הערך השני.\n",
     "</p>"
    ]
@@ -551,7 +551,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם היו לנו ערכים רבים, היינו יכולים להשתמש באותו טריק בלולאה:\n",
     "</p>"
    ]
@@ -587,7 +587,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אבל נזכור שאנחנו יכולים להשתמש גם בתעלול שלמדנו על unpacking בתוך for:\n",
     "</p>"
    ]
@@ -609,14 +609,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לארגומנטים לפי שם הארגומנט</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">unpacking לארגומנטים לפי שם הארגומנט</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מצוידים בפונקציה להדפסת המיקום, אנחנו מקבלים את רשימת המילונים הבאה:\n",
     "</p>"
    ]
@@ -639,7 +639,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אין מנוס, דנו אותנו לחיי עבדות של פירוק מילונים ולשליחת ערכיהם לפונקציות! 😢\n",
     "</p>"
    ]
@@ -661,7 +661,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    או שאולי לא?\n",
     "</p>"
    ]
@@ -670,8 +670,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה המיוחד מאוד של מילון, אפשר לשלוח לפונקציה את הפרמטרים בעזרת unpacking עם שתי כוכביות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה המיוחד מאוד של מילון, אפשר לשלוח לפונקציה את הפרמטרים בעזרת unpacking עם שתי כוכביות.<br/>\n",
     "    המפתחות של המילון צריכים לציין את שם הפרמטרים של הפונקציה, והערכים במילון יהיו הערך שיועבר לאותם פרמטרים:\n",
     "</p>"
    ]
@@ -700,10 +700,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה קרה פה?<br>\n",
-    "    באיטרציה הראשונה <var>location</var> היה <code>{'x': 36.671111, 'y': 65.808056}</code>.<br>\n",
-    "    הפונקציה <code>print_treasure_locations</code> מחכה שיעבירו לה ערך לפרמטר <var>x</var> ולפרמטר <var>y</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה קרה פה?<br/>\n",
+    "    באיטרציה הראשונה <var>location</var> היה <code>{'x': 36.671111, 'y': 65.808056}</code>.<br/>\n",
+    "    הפונקציה <code>print_treasure_locations</code> מחכה שיעבירו לה ערך לפרמטר <var>x</var> ולפרמטר <var>y</var>.<br/>\n",
     "    ה־unpacking שעשינו בעזרת שתי הכוכביות העביר את הערך של המפתח <code>'x'</code> במילון לפרמטר <var>x</var>, ואת הערך של המפתח <code>'y'</code> במילון לפרמטר <var>y</var>.\n",
     "</p>"
    ]
@@ -712,7 +712,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה דוגמה נוספת לפונקציה שמקבלת שנה, חודש ויום ומחזירה לנו תאריך כמחרוזת:\n",
     "</p>"
    ]
@@ -734,15 +734,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שגיאות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שגיאות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אנחנו רגילים שפייתון די סובלנית, אבל על unpacking תקין היא לא מוותרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אנחנו רגילים שפייתון די סובלנית, אבל על unpacking תקין היא לא מוותרת.<br/>\n",
     "    בדוגמה הבאה אנחנו מנסים לחלץ שני איברים לתוך שלושה משתנים, וזה לא נגמר טוב:\n",
     "</p>"
    ]
@@ -760,7 +760,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נקבל שגיאה דומה, אך שונה, כשננסה לחלץ מספר לא נכון של ארגומנטים לתוך פונקציה:\n",
     "</p>"
    ]
@@ -782,7 +782,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ננסה לעשות unpacking לאיבר שאינו iterable, תתקבל השגיאה הבאה:\n",
     "</p>"
    ]
@@ -800,16 +800,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">קוד לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">קוד לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "סדרת פיבונאצ'י היא סדרה שמתחילה באיברים 1 ו־1, וכל איבר בה הוא סכום שני האיברים הקודמים לו.<br>\n",
-    "האיברים הראשונים בסדרה, הם (מימין לשמאל) 1, 1, 2, 3, 5, 8, וכך הסדרה ממשיכה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "סדרת פיבונאצ'י היא סדרה שמתחילה באיברים 1 ו־1, וכל איבר בה הוא סכום שני האיברים הקודמים לו.<br/>\n",
+    "האיברים הראשונים בסדרה, הם (מימין לשמאל) 1, 1, 2, 3, 5, 8, וכך הסדרה ממשיכה.<br/>\n",
     "במימוש פונקציה שמקבלת מספר ומחזירה את סכום כל איברי הסדרה עד אותו מספר, נוכל להשתמש ב־unpacking כדי לשפר את הקריאות של הפונקציה:\n",
     "</p>"
    ]
@@ -818,7 +818,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפונקציה בלי unpacking:\n",
     "</p>"
    ]
@@ -845,7 +845,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפונקציה עם unpacking:\n",
     "</p>"
    ]
@@ -871,25 +871,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אליבי לרוצחים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אליבי לרוצחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם tuple המכיל כמה מילונים, כאשר כל מילון מייצג דמות חשודה ברצח.<br>\n",
-    "    בתוך כל אחד מהמילונים, תחת המפתח <em>evidences</em>, ישנו tuple שבו שני איברים.<br>\n",
-    "    האיבר הראשון הוא הנשק שתפסה המשטרה, והאיבר השני הוא המיקום המרכזי שבו הייתה הדמות באותו היום.<br>\n",
-    "    בהינתן שהרוצח השתמש באקדח דרינגר (derringer) ב־Petersen House, הדפיסו רק את שמות האנשים שעדיין חשודים ברצח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם tuple המכיל כמה מילונים, כאשר כל מילון מייצג דמות חשודה ברצח.<br/>\n",
+    "    בתוך כל אחד מהמילונים, תחת המפתח <em>evidences</em>, ישנו tuple שבו שני איברים.<br/>\n",
+    "    האיבר הראשון הוא הנשק שתפסה המשטרה, והאיבר השני הוא המיקום המרכזי שבו הייתה הדמות באותו היום.<br/>\n",
+    "    בהינתן שהרוצח השתמש באקדח דרינגר (derringer) ב־Petersen House, הדפיסו רק את שמות האנשים שעדיין חשודים ברצח.<br/>\n",
     "    השתדלו להשתמש ב־unpacking לפחות פעמיים.\n",
     "</p>"
    ]
@@ -911,7 +911,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לנוחיותכם, הנה פונקציה שמקבלת כלי נשק ומיקום, ובודקת אם הראיות תואמות:\n",
     "</p>"
    ]
diff --git a/week4/5_Builtins.ipynb b/week4/5_Builtins.ipynb
index 48aaaf0..3295761 100644
--- a/week4/5_Builtins.ipynb
+++ b/week4/5_Builtins.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">פונקציות מובנות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פונקציות מובנות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     " אנו פוגשים הרבה בעיות בתכנות לעיתים קרובות ובמגוון מצבים:\n",
     "</p>"
    ]
@@ -34,11 +34,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מציאת הערך הקטן או הגדול ביותר ברשימת ערכים.</li>\n",
-    "    <li>יצירת רשימת מספרים המתחילה בערך מסוים ומסתיימת בערך אחר.</li>\n",
-    "    <li>שינוי מיקום הערכים לפי סדר מסוים.</li>\n",
-    "    <li>המרה של ערך כלשהו למספר, למחרוזת, לבוליאני או לרשימה (נשמע מוכר?)</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מציאת הערך הקטן או הגדול ביותר ברשימת ערכים.</li>\n",
+    "<li>יצירת רשימת מספרים המתחילה בערך מסוים ומסתיימת בערך אחר.</li>\n",
+    "<li>שינוי מיקום הערכים לפי סדר מסוים.</li>\n",
+    "<li>המרה של ערך כלשהו למספר, למחרוזת, לבוליאני או לרשימה (נשמע מוכר?)</li>\n",
     "</ul>"
    ]
   },
@@ -46,9 +46,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי שלא נצטרך לכתוב שוב ושוב את אותו פתרון, שפות רבות מצוידות בכלים מוכנים מראש שמטרתם לפתור בעיות נפוצות.<br>\n",
-    "    פייתון מתגאה בכך שהיא שפה ש\"הבטריות בה כלולות\" (batteries included), היגד שנועד לתאר את העובדה שהיא מכילה פתרונות מוכנים לאותן בעיות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי שלא נצטרך לכתוב שוב ושוב את אותו פתרון, שפות רבות מצוידות בכלים מוכנים מראש שמטרתם לפתור בעיות נפוצות.<br/>\n",
+    "    פייתון מתגאה בכך שהיא שפה ש\"הבטריות בה כלולות\" (batteries included), היגד שנועד לתאר את העובדה שהיא מכילה פתרונות מוכנים לאותן בעיות.<br/>\n",
     "    במחברת זו נכיר חלק מהפונקציות שפייתון מספקת לנו במטרה להקל על חיינו.\n",
     "</p>"
    ]
@@ -57,7 +57,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השם הנפוץ עבור הפונקציות הללו הוא <dfn>builtins</dfn>, ואפשר למצוא את התיעוד של כולן <a href=\"https://docs.python.org/3/library/functions.html\">כאן</a>. \n",
     "</p>"
    ]
@@ -66,22 +66,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            חשבו על פונקציות כאלו שאתם כבר מכירים משיעורים קודמים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            חשבו על פונקציות כאלו שאתם כבר מכירים משיעורים קודמים.<br/>\n",
     "            חלק מהפתרונות האפשריים: <span style=\"background: black;\">len, int, float, str, list, type</span>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -89,17 +89,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            בהמשך המחברת ישנן דוגמאות עבור כל פונקציה חדשה שנכיר.<br>\n",
-    "            למען הבהירות אני מדפיס דוגמה בודדת, ואז אני משתמש בלולאה כדי להדפיס כמה דוגמאות ברצף.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            בהמשך המחברת ישנן דוגמאות עבור כל פונקציה חדשה שנכיר.<br/>\n",
+    "            למען הבהירות אני מדפיס דוגמה בודדת, ואז אני משתמש בלולאה כדי להדפיס כמה דוגמאות ברצף.<br/>\n",
     "            הדוגמאות ירווחו בצורה מוזרה כדי שיהיה נוח להסתכל על הפלט. אל תשתמשו בריווחים כאלו בקוד שלכם.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -107,15 +107,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מתמטיקה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מתמטיקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנן פעולות מתמטיות שנצטרך לעיתים תכופות, שאת חלקן אפילו מימשנו שוב ושוב לאורך הקורס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנן פעולות מתמטיות שנצטרך לעיתים תכופות, שאת חלקן אפילו מימשנו שוב ושוב לאורך הקורס.<br/>\n",
     "    נראה מה יש לארגז הכלים של פייתון להציע לנו.\n",
     "</p>"
    ]
@@ -124,16 +124,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערך מוחלט</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערך מוחלט</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה <code>abs</code> מחזירה את הערך המוחלט של המספר שנעביר לה.<br>\n",
-    "    אם נעביר לה כארגומנט מספר שלם או עשרוני, היא תחזיר את המרחק של המספר מ־0 על ציר המספרים:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה <code>abs</code> מחזירה את הערך המוחלט של המספר שנעביר לה.<br/>\n",
+    "    אם נעביר לה כארגומנט מספר שלם או עשרוני, היא תחזיר את המרחק של המספר מ־0 על ציר המספרים:<br/>\n",
     "</p>"
    ]
   },
@@ -161,16 +161,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            המשמעות של <code dir=\"ltr\" style=\"direction: ltr\">:>6</code> ב־fstring היא \"דאג שיהיו לפחות 6 תווים, וישר את הערך לימין\".<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            המשמעות של <code dir=\"ltr\" style=\"direction: ltr\">:&gt;6</code> ב־fstring היא \"דאג שיהיו לפחות 6 תווים, וישר את הערך לימין\".<br/>\n",
     "            אפשר להחליף את <code dir=\"ltr\" style=\"direction: ltr\">&gt;</code> בתו <code dir=\"ltr\" style=\"direction: ltr\">^</code> לצורך יישור לאמצע, או בתו <code dir=\"ltr\" style=\"direction: ltr\">&lt;</code> לצורך יישור לשמאל.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -178,14 +178,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מקסימום ומינימום</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מקסימום ומינימום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפונקציות <code>max</code> ו־<code>min</code> מקבלות iterable, ומחזירות את האיבר הגבוה או הנמוך ביותר ב־iterable (בהתאמה).\n",
     "</p>"
    ]
@@ -217,17 +217,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            מחרוזות בפייתון מושוות לפי הערך המספרי של התווים שמהם הן מורכבות.<br>\n",
-    "    כשמדובר ב־iterable שיש בו מחרוזות, פייתון מוצאת את הערך המרבי או המזערי לפי הייצוג המספרי של האותיות באותן מחרוזות.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            מחרוזות בפייתון מושוות לפי הערך המספרי של התווים שמהם הן מורכבות.<br/>\n",
+    "    כשמדובר ב־iterable שיש בו מחרוזות, פייתון מוצאת את הערך המרבי או המזערי לפי הייצוג המספרי של האותיות באותן מחרוזות.<br/>\n",
     "    מהסיבה הזו, הסידור האלפבתי לא יחזיר את הערך הרצוי במצב שבו יש גם אותיות גדולות וגם אותיות וקטנות: \n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -245,8 +245,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה קורה כיוון שהערכים המספריים של אותיות גדולות קטנים מאלו של אותיות קטנות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה קורה כיוון שהערכים המספריים של אותיות גדולות קטנים מאלו של אותיות קטנות.<br/>\n",
     "    הערך המספרי של Z במילה <em>ZEBRA</em> הוא 90, והערך המספרי של a (במילה <em>apple</em>, שציפינו שתיחשב כקטנה ביותר) הוא 97.\n",
     "</p>"
    ]
@@ -255,14 +255,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סכום</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר לחשב את סכום האיברים ב־iterable באמצעות הפונקציה <code>sum</code>: \n",
     "</p>"
    ]
@@ -294,14 +294,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">עיגול</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">עיגול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר גם לעגל מספרים בעזרת הפונקציה <code>round</code>: \n",
     "</p>"
    ]
@@ -331,7 +331,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ואפשר להחליט על מספר הספרות אחרי הנקודה שלפיו העיגול יתבצע: \n",
     "</p>"
    ]
@@ -364,15 +364,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טוב, על המרות (casting) כבר למדנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טוב, על המרות (casting) כבר למדנו.<br/>\n",
     "    אבל בואו בכל זאת נראה כמה דוגמאות מגניבות.\n",
     "</p>"
    ]
@@ -381,7 +381,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר להמיר מחרוזת לרשימה. הפעולה הזו תפריד כל אחת מהאותיות לתא נפרד ברשימה:\n",
     "</p>"
    ]
@@ -399,8 +399,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עוד פרט טריוויה נחמד הוא שלכל ערך בפייתון יש ערך בוליאני שקול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עוד פרט טריוויה נחמד הוא שלכל ערך בפייתון יש ערך בוליאני שקול.<br/>\n",
     "    בדרך כלל, ערכים ריקים שקולים ל־<code>False</code> וערכים שאינם ריקים שקולים ל־<code>True</code>:\n",
     "</p>"
    ]
@@ -423,16 +423,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            המשמעות של <code dir=\"ltr\" style=\"direction: ltr\">!r</code> ב־fstring היא \"הצג את הערך בתצורתו הגולמית\" (raw).<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            המשמעות של <code dir=\"ltr\" style=\"direction: ltr\">!r</code> ב־fstring היא \"הצג את הערך בתצורתו הגולמית\" (raw).<br/>\n",
     "            לדוגמה, מחרוזות יוצגו עם הגרשיים משני צידיהן.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -440,7 +440,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר להמיר ערכים בוליאניים למספר שלם:\n",
     "</p>"
    ]
@@ -459,8 +459,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה בנוגע לטריקים על מילונים?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה בנוגע לטריקים על מילונים?<br/>\n",
     "    אם יש לנו iterable שמכיל זוגות של ערכים, אפשר להפוך אותו למילון:\n",
     "</p>"
    ]
@@ -479,7 +479,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וכטיפ כללי, אפשר להמיר את סוג הערכים שלנו לטיפוס שונה, בעזרת הפונקציה שנקראת על שם הטיפוס שאליו אנחנו רוצים להמיר:\n",
     "</p>"
    ]
@@ -504,7 +504,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אבל צריך לזכור שלא כל טיפוס אפשר להמיר לטיפוס אחר:\n",
     "</p>"
    ]
@@ -522,14 +522,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאחורי הקלעים של פייתון</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאחורי הקלעים של פייתון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ישנן פונקציות מובנות רבות שמטרתן להנגיש לנו דברים שקורים מאחורי הקלעים של פייתון. במחברת זו נסביר על שלוש מהן.\n",
     "</p>"
    ]
@@ -538,17 +538,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">id</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">id</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על הפונקציה <code>id</code> כבר למדנו בעבר. היא מקבלת כארגומנט ערך, ומחזירה לנו את \"הזהות\" שלו – ערך אחר שמייצג רק את אותו.<br>\n",
-    "    בגרסת הפייתון שאנחנו משתמשים בה, מדובר בכתובת של הערך ב<a href=\"https://he.wikipedia.org/wiki/%D7%96%D7%99%D7%9B%D7%A8%D7%95%D7%9F_%D7%92%D7%99%D7%A9%D7%94_%D7%90%D7%A7%D7%A8%D7%90%D7%99%D7%AA\">זיכרון המחשב</a>.<br>\n",
-    "    כל אדם שיריץ את הקוד הבא יקבל ערכים שונים, אבל לעולם לא יודפסו לו 2 ערכים זהים באותה ריצה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על הפונקציה <code>id</code> כבר למדנו בעבר. היא מקבלת כארגומנט ערך, ומחזירה לנו את \"הזהות\" שלו – ערך אחר שמייצג רק את אותו.<br/>\n",
+    "    בגרסת הפייתון שאנחנו משתמשים בה, מדובר בכתובת של הערך ב<a href=\"https://he.wikipedia.org/wiki/%D7%96%D7%99%D7%9B%D7%A8%D7%95%D7%9F_%D7%92%D7%99%D7%A9%D7%94_%D7%90%D7%A7%D7%A8%D7%90%D7%99%D7%AA\">זיכרון המחשב</a>.<br/>\n",
+    "    כל אדם שיריץ את הקוד הבא יקבל ערכים שונים, אבל לעולם לא יודפסו לו 2 ערכים זהים באותה ריצה.<br/>\n",
     "    הסיבה לכך שתמיד יודפסו 4 ערכים שונים היא שכל הנתונים שמופיעים ברשימה <var>values</var> שונים זה מזה.\n",
     "</p>"
    ]
@@ -570,7 +570,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ניצור מצב שבו 2 שמות מצביעים על אותו ערך בדיוק, <code>id</code> תחזיר את אותה התוצאה עבור שני הערכים:\n",
     "</p>"
    ]
@@ -598,8 +598,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה הזו יכולה לסייע לנו להגיע לתובנות בנוגע לדרך שבה פייתון עובדת בכל מיני מצבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה הזו יכולה לסייע לנו להגיע לתובנות בנוגע לדרך שבה פייתון עובדת בכל מיני מצבים.<br/>\n",
     "    קשה להבין, לדוגמה, מה קורה בקוד הבא:\n",
     "</p>"
    ]
@@ -620,7 +620,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בדיקה בעזרת <code>id</code> תעזור לנו לראות שהרשימות הפנימיות בתוך <var>collections_of_numbers</var> מצביעות לאותו מקום:\n",
     "</p>"
    ]
@@ -640,22 +640,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            נסו לכתוב קוד של שורה אחת או יותר, שיחליף את השורה הראשונה בקוד שלמעלה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            נסו לכתוב קוד של שורה אחת או יותר, שיחליף את השורה הראשונה בקוד שלמעלה.<br/>\n",
     "            גרמו לכך שהקוד שמוסיף את הערך 100 לרשימה הראשונה לא ישפיע על שאר הרשימות.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -663,16 +663,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">dir</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">dir</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גם על הפונקציה <code>dir</code> כבר למדנו. ראיתם אותה לאחרונה במחברת שעסקה בדוקומנטציה.<br>\n",
-    "    הפונקציה <code>dir</code> תחזיר לנו את כל הפעולות שאפשר לבצע על משתנה מסוים או על טיפוס מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גם על הפונקציה <code>dir</code> כבר למדנו. ראיתם אותה לאחרונה במחברת שעסקה בדוקומנטציה.<br/>\n",
+    "    הפונקציה <code>dir</code> תחזיר לנו את כל הפעולות שאפשר לבצע על משתנה מסוים או על טיפוס מסוים.<br/>\n",
     "    נוכל להעביר לה כארגומנט את הערך שנרצה להבין מה הפעולות שאפשר לבצע עליו:\n",
     "</p>"
    ]
@@ -690,7 +690,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<span style=\"text-align: right; direction: rtl; float: right; clear: both;\">או שנוכל להעביר לה ממש שם של טיפוס:</span>"
+    "<span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">או שנוכל להעביר לה ממש שם של טיפוס:</span>"
    ]
   },
   {
@@ -706,15 +706,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">eval</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">eval</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על <code>eval</code> אנחנו מלמדים בעיקר כדי להזהיר ממנה –  זו פונקציה שאחראית למחדלי אבטחה בכל שפת תכנות שבה היא קיימת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על <code>eval</code> אנחנו מלמדים בעיקר כדי להזהיר ממנה –  זו פונקציה שאחראית למחדלי אבטחה בכל שפת תכנות שבה היא קיימת.<br/>\n",
     "    אתם לא אמורים להשתמש בה בקורס, וכדאי לזכור שכשהתשובה היא <code>eval</code>, ברוב המוחלט של המקרים שאלתם את השאלה הלא נכונה.\n",
     "</p>"
    ]
@@ -723,7 +723,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אחרי ההקדמה המלודרמטית, נספר לכם ש־<code>eval</code> (מלשון evaluation) פשוט מקבלת קוד כמחרוזת, ומריצה אותו בעזרת פייתון.\n",
     "</p>"
    ]
@@ -743,8 +743,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים קרובות הפיתוי להשתמש ב־<code>eval</code> הוא גדול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים קרובות הפיתוי להשתמש ב־<code>eval</code> הוא גדול.<br/>\n",
     "    אפשר לתכנת, לדוגמה, את המחשבון מהתרגול בשבוע השני בצורה הפשוטה הבאה:\n",
     "</p>"
    ]
@@ -763,9 +763,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל כשחושבים על זה – המשתמש שמתבקש להכניס תרגיל מתמטי, יכול להריץ כל קוד שיתחשק לו, והקוד הזה יבוצע!<br>\n",
-    "    הוא יכול לקרוא קבצים שנמצאים על מחשב או למחוק אותם, לחטט בסיסמאות, ולמעשה – לעשות ככל העולה על רוחו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל כשחושבים על זה – המשתמש שמתבקש להכניס תרגיל מתמטי, יכול להריץ כל קוד שיתחשק לו, והקוד הזה יבוצע!<br/>\n",
+    "    הוא יכול לקרוא קבצים שנמצאים על מחשב או למחוק אותם, לחטט בסיסמאות, ולמעשה – לעשות ככל העולה על רוחו.<br/>\n",
     "    לקריאה נוספת על הסכנות, חפשו על <a href=\"https://en.wikipedia.org/wiki/Code_injection\">code injection</a>.\n",
     "</p>"
    ]
@@ -774,22 +774,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כלים שימושיים נוספים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כלים שימושיים נוספים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טווח מספרים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טווח מספרים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פעמים רבות אנחנו נתקלים במצבים שבהם אנחנו רוצים לעבור על כל המספרים מ־0 ועד ערך מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פעמים רבות אנחנו נתקלים במצבים שבהם אנחנו רוצים לעבור על כל המספרים מ־0 ועד ערך מסוים.<br/>\n",
     "    לדוגמה, כך פתרנו את התרגיל שמחשב את סכום המספרים עד מספר שהתקבל כקלט:\n",
     "</p>"
    ]
@@ -816,8 +816,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מטרת הפונקציה <code>range</code> היא לפתור לנו את הבעיה הזו בקלות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מטרת הפונקציה <code>range</code> היא לפתור לנו את הבעיה הזו בקלות.<br/>\n",
     "    תנו ל־<code>range</code> מספר כארגומנט, והיא תחזיר לכם iterable שמכיל את כל המספרים הטבעיים עד המספר שנתתם לה, ללא המספר האחרון:\n",
     "</p>"
    ]
@@ -836,7 +836,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפונקציה יודעת גם לקבל ערך שממנו היא תתחיל לספור:\n",
     "</p>"
    ]
@@ -855,7 +855,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וגם ערך דילוג, שקובע על כמה מספרים <code>range</code> תדלג בכל פעם:\n",
     "</p>"
    ]
@@ -874,16 +874,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הפונקציה <code>range</code> מזכירה את פעולת החיתוך מהשבוע השלישי, שבה משתמשים בסוגריים מרובעים ובנקודתיים.<br>\n",
-    "            <code>range</code>, לעומת חיתוך, היא פונקציה – קוראים לה בעזרת סוגריים עגולים, ומפרידים בין הארגומנטים שנשלחים אליה בעזרת פסיקים.\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הפונקציה <code>range</code> מזכירה את פעולת החיתוך מהשבוע השלישי, שבה משתמשים בסוגריים מרובעים ובנקודתיים.<br/>\n",
+    "<code>range</code>, לעומת חיתוך, היא פונקציה – קוראים לה בעזרת סוגריים עגולים, ומפרידים בין הארגומנטים שנשלחים אליה בעזרת פסיקים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -891,22 +891,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו בעצמכם קוד שמחשב את סכום המספרים מ־0 ועד המספר שהתקבל כקלט.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו בעצמכם קוד שמחשב את סכום המספרים מ־0 ועד המספר שהתקבל כקלט.<br/>\n",
     "            השתמשו ב־<code>range</code>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -914,16 +914,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סידור</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כה ארגז הכלים שלנו כלל רק את פעולת הסידור ששייכת לרשימות, <code>sort</code>.<br>\n",
-    "    אף שמעשית רוב פעולות הסידור מבוצעות על רשימות, לפעמים יעלה הצורך לסדר טיפוסי נתונים אחרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כה ארגז הכלים שלנו כלל רק את פעולת הסידור ששייכת לרשימות, <code>sort</code>.<br/>\n",
+    "    אף שמעשית רוב פעולות הסידור מבוצעות על רשימות, לפעמים יעלה הצורך לסדר טיפוסי נתונים אחרים.<br/>\n",
     "    במקרים האלה נשתמש בפונקציה המובנית <code>sorted</code>:\n",
     "</p>"
    ]
@@ -941,8 +941,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <code>sorted</code> מקבלת iterable, ומחזירה רשימה מסודרת של האיברים ב־iterable.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<code>sorted</code> מקבלת iterable, ומחזירה רשימה מסודרת של האיברים ב־iterable.\n",
     "</p>"
    ]
   },
@@ -950,8 +950,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה דוגמה נוספת של סידור tuple.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה דוגמה נוספת של סידור tuple.<br/>\n",
     "    שימו לב שטיפוס הנתונים שמוחזר מ־<code>sorted</code> הוא תמיד רשימה:\n",
     "</p>"
    ]
@@ -970,8 +970,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גם ל־<code>sorted</code> וגם לפעולה <code>sort</code> שיכולה להתבצע על רשימות, יש 2 פרמטרים שלא למדנו עליהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גם ל־<code>sorted</code> וגם לפעולה <code>sort</code> שיכולה להתבצע על רשימות, יש 2 פרמטרים שלא למדנו עליהם.<br/>\n",
     "    לפרמטר הראשון קוראים <em>reverse</em>, והוא הפשוט להבנה מבין השניים – ברגע שמועבר אליו <var>True</var>, הוא מחזיר את הרשימה מסודרת בסדר יורד:</p>"
    ]
   },
@@ -988,9 +988,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפרמטר השני, <em>key</em>, מסובך קצת יותר להבנה.<br>\n",
-    "    כשנעביר לפרמטר הזה פונקציה, הסידור של איברי ה־iterable יתבצע לפי הערך שחוזר מהפונקציה הזו עבור כל אחד מהאיברים שצריך למיין.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפרמטר השני, <em>key</em>, מסובך קצת יותר להבנה.<br/>\n",
+    "    כשנעביר לפרמטר הזה פונקציה, הסידור של איברי ה־iterable יתבצע לפי הערך שחוזר מהפונקציה הזו עבור כל אחד מהאיברים שצריך למיין.<br/>\n",
     "    מבולבלים? נראה, לדוגמה, את הרשימה הבאה, שמורכבת משמות אנשי הסגל של אחד מהמחזורים הקודמים:\n",
     "</p>"
    ]
@@ -1009,29 +1009,29 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-5</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right;\">-5</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-4</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777; text-align: right; border-left: 1px solid #555555;\">-1</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -1039,7 +1039,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ארצה לסדר את הרשימה הזו לפי האורך (<code>len</code>) של שמות כל אחד מאנשי הסגל, אשתמש ב־key בצורה הבאה:\n",
     "</p>"
    ]
@@ -1058,8 +1058,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה קרה שם בפועל?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה קרה שם בפועל?<br/>\n",
     "    הפונקציה <code>len</code> הופעלה על כל אחד מהאיברים. התוצאות מופיעות בתרשים הבא:\n",
     "</p>"
    ]
@@ -1069,29 +1069,29 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5; color: black;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center;\"><strong>4</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5; color: black;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center;\"><strong>4</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -1099,8 +1099,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפועל, אנחנו מחזיקים עכשיו רשימה ראשית (שמות אנשי הסגל), ועוד רשימה משנית שבה מאוחסנים אורכי האיברים שברשימה הראשית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפועל, אנחנו מחזיקים עכשיו רשימה ראשית (שמות אנשי הסגל), ועוד רשימה משנית שבה מאוחסנים אורכי האיברים שברשימה הראשית.<br/>\n",
     "    פייתון תמיין את הרשימה המשנית, ובכל פעם שהיא תזיז את אחד האיברים בה, היא תזיז איתו את האיבר התואם ברשימה המקורית:\n",
     "</p>"
    ]
@@ -1110,55 +1110,54 @@
    "metadata": {},
    "source": [
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid; border-bottom: 1px solid; background: #d1d1d1;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5; color: black;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center;\"><strong>4</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid; border-bottom: 1px solid; background: #d1d1d1;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5; color: black;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center;\"><strong>4</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "\n",
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid; border-bottom: 1px solid; background: #d1d1d1;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5; color: black;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid; border-bottom: 1px solid; background: #d1d1d1;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Yam\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5; color: black;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>3</strong></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -1166,58 +1165,56 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הרשימה המשנית עדיין לא מסודרת. נמשיך:</span>\n",
-    "\n",
+    "<span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הרשימה המשנית עדיין לא מסודרת. נמשיך:</span>\n",
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555;;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; background: #d1d1d1;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-left: 2px solid #555555;\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Yam\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5; color: black;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 0px solid #555555;\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555;;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid; background: #d1d1d1;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-left: 2px solid #555555;\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1\">\"Yam\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5; color: black;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 0px solid #555555;\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>\n",
-    "\n",
     "<table style=\"font-size: 2rem; border: 0px solid black; border-spacing: 0px;\">\n",
-    "    <tr>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555; background: #d1d1d1;\">1</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
-    "        <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
-    "    </tr>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-left: 2px solid #555555;\">\"Ido\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1;\">\"Yam\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
-    "            <td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
-    "        </tr>\n",
-    "        <tr style=\"background: #f5f5f5; color: black;\">\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 0px solid #555555;\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
-    "            <td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid;\">0</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-bottom: 1px solid; border-left: 1px solid #555555; background: #d1d1d1;\">1</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">2</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">3</td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; color: #777;  text-align: left; border-left: 1px solid #555555; border-bottom: 1px solid;\">4</td>\n",
+    "</tr>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; border-left: 2px solid #555555;\">\"Ido\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid; background: #d1d1d1;\">\"Yam\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Dafi\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Efrat\"</td>\n",
+    "<td style=\"padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; vertical-align: bottom; border: 2px solid;\">\"Itamar\"</td>\n",
+    "</tr>\n",
+    "<tr style=\"background: #f5f5f5; color: black;\">\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 0px solid #555555;\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555; background: #d1d1d1\"><strong>3</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>4</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>5</strong></td>\n",
+    "<td style=\"padding-left: 4px; padding-top: 2px; padding-bottom: 3px; font-size: 1.3rem; text-align: center; border-left: 1px solid #555555;\"><strong>6</strong></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -1225,8 +1222,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עכשיו הרשימה המשנית מסודרת, ואפשר להפסיק את פעולת הסידור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עכשיו הרשימה המשנית מסודרת, ואפשר להפסיק את פעולת הסידור.<br/>\n",
     "    הקסם הוא שאפשר להכניס ל־<code>key</code> כל פונקציה, ולקבל iterable מסודר לפי ערכי ההחזרה של אותה פונקציה עבור הערכים ב־iterable.\n",
     "</p>"
    ]
@@ -1235,23 +1232,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        כתבו פונקציה שמקבלת כפרמטר את רשימת השמות של המשתתפות בכיתה.<br>\n",
-    "        הפונקציה תחזיר רשימה המורכבת מאותם שמות, מסודרים לפי סדר האלף־בית.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "        כתבו פונקציה שמקבלת כפרמטר את רשימת השמות של המשתתפות בכיתה.<br/>\n",
+    "        הפונקציה תחזיר רשימה המורכבת מאותם שמות, מסודרים לפי סדר האלף־בית.<br/>\n",
     "        סדרו נכונה גם מקרים שבהם חלק מהשמות מתחילים באות גדולה, וחלק – באות קטנה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1259,15 +1256,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">צימוד ערכים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">צימוד ערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרבה פעמים נגיע למצב שבו יש לנו 2 iterables ואנחנו מעוניינים לעבור על הערכים שלהם, זה לצד זה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרבה פעמים נגיע למצב שבו יש לנו 2 iterables ואנחנו מעוניינים לעבור על הערכים שלהם, זה לצד זה.<br/>\n",
     "    נניח שיש לנו רשימה של ציורים, ורשימה של הציירים שציירו אותם:\n",
     "</p>"
    ]
@@ -1286,7 +1283,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    צורה אחת לעבור על שתי הרשימות תהיה כזו:\n",
     "</p>"
    ]
@@ -1311,8 +1308,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אבל אפשר להסכים על כך שהדרך הזו לא נוחה במיוחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אבל אפשר להסכים על כך שהדרך הזו לא נוחה במיוחד.<br/>\n",
     "אפשרות אחרת היא להשתמש ב־<code>zip</code>, שיצמיד בין שני הערכים ויצור לנו את המבנה הבא:\n",
     "</p>"
    ]
@@ -1331,15 +1328,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            אם שתי הרשימות אינן זהות באורכן, <code>zip</code> לא יתייחס לאיברים העודפים של הרשימה הארוכה יותר.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1347,7 +1344,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אחד השימושים האפשריים ל־<code>zip</code> הוא unpacking בתוך לולאת <code>for</code>:\n",
     "</p>"
    ]
@@ -1366,7 +1363,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "והיא אפילו לא מוגבלת ל־2 ארגומנטים בלבד:\n",
     "</p>"
    ]
@@ -1389,21 +1386,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            יש טיפוס נתונים שהיה מתאים יותר למקרה הזה מאשר 2 רשימות. מהו לדעתכם?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1411,8 +1408,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "שימוש נפוץ ל־<code>zip</code> הוא במקרה שיש לנו שתי רשימות שמתאימות זו לזו, ויחד יכולות ליצור מילון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "שימוש נפוץ ל־<code>zip</code> הוא במקרה שיש לנו שתי רשימות שמתאימות זו לזו, ויחד יכולות ליצור מילון.<br/>\n",
     "אם רשימה אחת מתאימה להיות המפתחות במילון, והאחרת להיות הערכים באותו מילון, נוכל להשתמש ב־<code>zip</code> כדי לבצע את ההמרה:\n",
     "</p>"
    ]
@@ -1433,7 +1430,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עכשיו נוכל לשאול מי צייר את המונה ליזה:\n",
     "</p>"
    ]
@@ -1451,7 +1448,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    או לעבור על המילון ולהדפיס את הערכים, כמו שעשינו לפני כן:\n",
     "</p>"
    ]
@@ -1470,15 +1467,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרת תווים למספרים ולהפך</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרת תווים למספרים ולהפך</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כפי שהסברנו במחברת קבצים בשבוע שעבר, לכל תו מוצמד מספר שמזהה אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כפי שהסברנו במחברת קבצים בשבוע שעבר, לכל תו מוצמד מספר שמזהה אותו.<br/>\n",
     "    בעזרת הפונקציה <code>ord</code> נוכל לאחזר את הערך הזה:\n",
     "</p>"
    ]
@@ -1507,8 +1504,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ויש גם דרך לעשות את הפעולה ההפוכה!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ויש גם דרך לעשות את הפעולה ההפוכה!<br/>\n",
     "    בעזרת הפונקציה <code>chr</code> נוכל לקבל את התו לפי המספר שמייצג אותו:\n",
     "</p>"
    ]
@@ -1529,22 +1526,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו תוכנית שמדפיסה זוג ערכים עבור כל מספר מ־9,760 ועד 10,100.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו תוכנית שמדפיסה זוג ערכים עבור כל מספר מ־9,760 ועד 10,100.<br/>\n",
     "            הערך הראשון יהיה המספר, והערך השני יהיה התו שאותו המספר מייצג.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1552,14 +1549,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מניית איברים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מניית איברים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נניח שאנחנו רוצים לעבור על כל השורות בקובץ מסוים, ולהדפיס ליד כל שורה את המספר הסידורי שלה:\n",
     "</p>"
    ]
@@ -1590,8 +1587,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חייבת להיות דרך טובה יותר!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חייבת להיות דרך טובה יותר!<br/>\n",
     "    הפונקציה המובנית <code>enumerate</code> מאפשרת למתכנת להצמיד מספר רץ ל־iterable:\n",
     "</p>"
    ]
@@ -1610,7 +1607,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השימוש הנפוץ ביותר ל־<code>enumerate</code> הוא בלולאות <code>for</code>:\n",
     "</p>"
    ]
@@ -1630,7 +1627,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    טריק מדליק: אם בא לנו להתחיל למספר ממספר שהוא לא 0, אפשר להעביר ל־<code>enumerate</code> את המספר הזה כפרמטר:\n",
     "</p>"
    ]
@@ -1650,23 +1647,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לשימושים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לשימושים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">מפת צופן קיסר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מפת צופן קיסר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צופן קיסר היא שיטת הצפנה, שבה כל תו מוחלף בתו שנמצא 3 תווים אחריו באלף־בית של השפה.<br>\n",
-    "    בעברית, לדוגמה, האות א' תוחלף באות ד', האות ג' באות ו' והאות ת' באות ג'.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צופן קיסר היא שיטת הצפנה, שבה כל תו מוחלף בתו שנמצא 3 תווים אחריו באלף־בית של השפה.<br/>\n",
+    "    בעברית, לדוגמה, האות א' תוחלף באות ד', האות ג' באות ו' והאות ת' באות ג'.<br/>\n",
     "    נבנה מפת פענוח לצופן קיסר בעזרת הפונקציות שלמדנו במחברת:\n",
     "</p>"
    ]
@@ -1704,7 +1701,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ורק בשביל הכיף, נבנה קוד שיאפשר לנו להשתמש במפה כדי להצפין מסרים:\n",
     "</p>"
    ]
@@ -1756,14 +1753,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">סכימה מדורגת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">סכימה מדורגת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נבנה תוכנה קצרה שמאפשרת למשתמש להזין מספרים, מסדרת אותם בסדר הפוך, ומדפיסה עבור כל איבר את סכום האיברים עד המיקום של אותו איבר:\n",
     "</p>"
    ]
@@ -1795,15 +1792,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right;\">ממוצע ציונים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ממוצע ציונים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קבלו רשימת שמות תלמידים, ועבור כל תלמיד את רשימת הציונים שלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קבלו רשימת שמות תלמידים, ועבור כל תלמיד את רשימת הציונים שלו.<br/>\n",
     "    הדפיסו את שם התלמיד שממוצע הציונים שלו הוא הגבוה ביותר, לצד הציונים שלו.\n",
     "</p>"
    ]
@@ -1866,22 +1863,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: ltr; float: right; clear: both;\">אותיות או לא להיות</span>"
+    "### <span dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">אותיות או לא להיות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו תוכנה שמדפיסה את המספר הסידורי של כל אות באלף־בית האנגלי, מהסוף להתחלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו תוכנה שמדפיסה את המספר הסידורי של כל אות באלף־בית האנגלי, מהסוף להתחלה.<br/>\n",
     "השתמשו בכמה שיותר פונקציות מובנות בדרך.\n",
     "</p>"
    ]
@@ -1890,7 +1887,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הפלט אמור להיראות כך:\n",
     "</p>"
    ]
@@ -1911,7 +1908,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אנחנו הצלחנו להשתמש ב־5 פונקציות שנלמדו במחברת הזו, בקוד שאורכו 2 שורות.\n",
     "</p>"
    ]
@@ -1920,23 +1917,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: ltr; float: right; clear: both;\">מלחמה וזהו</span>"
+    "### <span dir=\"ltr\" style=\"align: right; direction: ltr; float: right; clear: both;\">מלחמה וזהו</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "            זהו תרגיל ברמת קושי גבוהה, שמערב נושאים רבים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "            זהו תרגיל ברמת קושי גבוהה, שמערב נושאים רבים.<br/>\n",
     "            הרגישו בנוח להיעזר במתרגלים שלכם.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1944,9 +1941,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; clear: both;\">\n",
-    "    מצאו את עשר המילים הנפוצות ביותר בספר \"מלחמה ושלום\", והדפיסו אותן למסך מהמילה הנפוצה ביותר למילה הנפוצה הכי פחות.<br>\n",
-    "    ליד כל מילה הדפיסו את מספר המופעים שלה בספר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both;\">\n",
+    "    מצאו את עשר המילים הנפוצות ביותר בספר \"מלחמה ושלום\", והדפיסו אותן למסך מהמילה הנפוצה ביותר למילה הנפוצה הכי פחות.<br/>\n",
+    "    ליד כל מילה הדפיסו את מספר המופעים שלה בספר.<br/>\n",
     "    הספר נמצא בקובץ war-and-peace.txt בתוך התיקייה resources.\n",
     "</p>"
    ]
diff --git a/week4/Summary.ipynb b/week4/Summary.ipynb
index c171e72..924e855 100644
--- a/week4/Summary.ipynb
+++ b/week4/Summary.ipynb
@@ -4,33 +4,33 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align:right;direction:rtl;\"> תרגילים </p> "
+    "# <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> תרגילים </p> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:rtl;\"> בחירות במדינת הגמדים </p>"
+    "## <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> בחירות במדינת הגמדים </p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    במדינת הגמדים רעש מהומה, ולכן החליטו ללכת לבחירות.<br>\n",
-    "    ועדת הבחירות המרכזית, בראשות דרדסבא, ערכה בחירות חשאיות והוגנות והציגה לפניכם את התוצאות בקובץ elections.txt המצורף (בתיקיית resources), על כל 353,400 בוחריה.<br>\n",
-    "    הקובץ הינו רשימה של שמות המפלגות שבהן בחרו תושבי מדינת הגמדים, כאשר כל שורה מייצגת בחירה של תושב מדינת הגמדים.<br>\n",
-    "    כדי לשמור על טוהר הבחירות לא נאמר לכם במפורש מהו מספר המפלגות שהגישו את רשימותיהן לוועדת הבחירות.<br>\n",
-    "    עליכם הוטלה המשימה לעבור על קובץ תוצאות הבחירות ולדווח כמה קולות קיבלה כל מפלגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    במדינת הגמדים רעש מהומה, ולכן החליטו ללכת לבחירות.<br/>\n",
+    "    ועדת הבחירות המרכזית, בראשות דרדסבא, ערכה בחירות חשאיות והוגנות והציגה לפניכם את התוצאות בקובץ elections.txt המצורף (בתיקיית resources), על כל 353,400 בוחריה.<br/>\n",
+    "    הקובץ הינו רשימה של שמות המפלגות שבהן בחרו תושבי מדינת הגמדים, כאשר כל שורה מייצגת בחירה של תושב מדינת הגמדים.<br/>\n",
+    "    כדי לשמור על טוהר הבחירות לא נאמר לכם במפורש מהו מספר המפלגות שהגישו את רשימותיהן לוועדת הבחירות.<br/>\n",
+    "    עליכם הוטלה המשימה לעבור על קובץ תוצאות הבחירות ולדווח כמה קולות קיבלה כל מפלגה.<br/>\n",
     "    כתבו פונקציה שלא מקבלת פרמטרים ומחזירה את תוצאות הבחירות במילון ובו שם המפלגה ומספר הקולות שקיבלה.\n",
     "</p>"
    ]
@@ -48,10 +48,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    אחוז החסימה במדינת הגמדים הוא אכזרי למדי ועומד על 10%.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    אחוז החסימה במדינת הגמדים הוא אכזרי למדי ועומד על 10%.<br/>\n",
     "    כיון שהצביעו 353,400 גמדים – אחוז החסימה עומד על\n",
-    "    $353,400*0.1=35,340$ קולות.<br>\n",
+    "    $353,400*0.1=35,340$ קולות.<br/>\n",
     "    כתבו פונקציה המקבלת את מילון תוצאות הבחירות ומדפיסה אילו מפלגות עברו את אחוז החסימה ואילו לא.\n",
     "</p>"
    ]
@@ -67,7 +67,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
     "כעת כתבו פונקציה המקבלת את מילון תוצאות הבחירות ומחזירה את מספר הקולות שקיבלו רק מפלגות שעברו את אחוז החסימה.</p>"
    ]
   },
@@ -82,8 +82,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    אחרי שסיימתם בדקו שקיבלתם את הערך הבא: <span style=\"direction: rtl; background: #000; text: #000\">249,333</span>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    אחרי שסיימתם בדקו שקיבלתם את הערך הבא: <span dir=\"rtl\" style=\"direction: rtl; background: #000; text: #000\">249,333</span>\n",
     "</p>"
    ]
   },
@@ -91,11 +91,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    לאחר קבלת תוצאות האמת המפלגות פועלות להקים קואליציה. קואליציה מורכבת מ־61 מנדטים לפחות.<br>\n",
-    "    מנדט שווה: $\\dfrac{votes}{120}=2.077.775\\cong2,078$ קולות.<br>\n",
-    "    שימו לב, הקולות בתרגיל זה הם התוצאה של הסעיף הקודם. כלומר הקולות בניכוי הקולות עבור מפלגות שלא עברו את אחוז החסימה.<br>\n",
-    "    כעת כתבו פונקציה המקבלת את מילון התוצאות ומחזירה מילון שבו שם המפלגה ממופה עם מספר המנדטים שקיבלה המפלגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    לאחר קבלת תוצאות האמת המפלגות פועלות להקים קואליציה. קואליציה מורכבת מ־61 מנדטים לפחות.<br/>\n",
+    "    מנדט שווה: $\\dfrac{votes}{120}=2.077.775\\cong2,078$ קולות.<br/>\n",
+    "    שימו לב, הקולות בתרגיל זה הם התוצאה של הסעיף הקודם. כלומר הקולות בניכוי הקולות עבור מפלגות שלא עברו את אחוז החסימה.<br/>\n",
+    "    כעת כתבו פונקציה המקבלת את מילון התוצאות ומחזירה מילון שבו שם המפלגה ממופה עם מספר המנדטים שקיבלה המפלגה.<br/>\n",
     "    הפעילו את פונקנציית <code>round</code> על תוצאת החלוקה (השתמשו ב־2,078) כדי לקבל את מספר המנדטים השלם.\n",
     "</p>"
    ]
@@ -111,7 +111,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
     "הדפיסו את המילון שקיבלתם. ודאו שסך המנדטים מסתכם ל־120.</p>"
    ]
   },
@@ -119,9 +119,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "כדי להרכיב קואליציה דרושים 61 מנדטים.<br>\n",
-    "המפלגות MidgeLandIsUs ו־NilsIsALeader לא מוכנות לשבת יחד בקואליציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "כדי להרכיב קואליציה דרושים 61 מנדטים.<br/>\n",
+    "המפלגות MidgeLandIsUs ו־NilsIsALeader לא מוכנות לשבת יחד בקואליציה.<br/>\n",
     "כתבו פונקציה המקבלת את המילון המכיל את תוצאות המנדטים ומדפיסה קואליציה אפשרית עבור NilsIsALeader וקואליציה אפשרית עבור MidgeLandIsUs.\n",
     "</p> "
    ]
@@ -130,27 +130,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <p style=\"text-align:right;direction:rtl;\">Leveraging Simple Dictionaries</p>"
+    "## <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">Leveraging Simple Dictionaries</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align:right;direction:rtl;\">הקדמה</p>"
+    "### <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">הקדמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    <dfn>אוטומט סופי דטרמיניסטי</dfn> הוא מודל מתמטי שמגדיר אוסף של מצבים, וכללי מעבר ביניהם.<br>\n",
-    "    נפתח בדוגמה:<br>\n",
-    "    <figure>\n",
-    "        <img src=\"images/even_dfa.svg\"  style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" width=\"450px\" alt=\"תמונת דוגמה לאוטומט סופי דטרמיניסטי. בצד ימין ישנו חץ שעליו כתוב 'התחלה'. החץ מצביע לעיגול שבו יש את המילים 'אי־זוגי', וממנו יוצא חץ לכיוון עיגול כפול שבו כתוב 'זוגי'. על החץ כתוב 'הספרה 2, 4, 6, 8 או 0'. מהעיגול הכפול יוצא חץ חזרה לעיגול הראשון, עליו כתוב 'הספרה 1, 3, 5, 7 או 9'. מהעיגול 'זוגי' יוצא חץ לעצמו עם המספרים 2, 4, 6, 8 ו־0. מהעיגול 'אי־זוגי' יוצא חץ לעצמו עם המספרים 1, 3, 5, 7, 9. \">\n",
-    "        <figcaption style=\"text-align: center; direction: rtl;\">אוטומט סופי דטרמיניסטי שבודק האם מספר מסוים הוא מספר זוגי.</figcaption>\n",
-    "    </figure>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "<dfn>אוטומט סופי דטרמיניסטי</dfn> הוא מודל מתמטי שמגדיר אוסף של מצבים, וכללי מעבר ביניהם.<br/>\n",
+    "    נפתח בדוגמה:<br/>\n",
+    "<figure>\n",
+    "<img alt=\"תמונת דוגמה לאוטומט סופי דטרמיניסטי. בצד ימין ישנו חץ שעליו כתוב 'התחלה'. החץ מצביע לעיגול שבו יש את המילים 'אי־זוגי', וממנו יוצא חץ לכיוון עיגול כפול שבו כתוב 'זוגי'. על החץ כתוב 'הספרה 2, 4, 6, 8 או 0'. מהעיגול הכפול יוצא חץ חזרה לעיגול הראשון, עליו כתוב 'הספרה 1, 3, 5, 7 או 9'. מהעיגול 'זוגי' יוצא חץ לעצמו עם המספרים 2, 4, 6, 8 ו־0. מהעיגול 'אי־זוגי' יוצא חץ לעצמו עם המספרים 1, 3, 5, 7, 9. \" src=\"images/even_dfa.svg\" style=\"max-width:100%; margin-right: auto; margin-left: auto; text-align: center;\" width=\"450px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"text-align: center; direction: rtl;\">אוטומט סופי דטרמיניסטי שבודק האם מספר מסוים הוא מספר זוגי.</figcaption>\n",
+    "</figure>\n",
     "</p>"
    ]
   },
@@ -158,8 +158,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    לפניכם מכונת מצבים שמקבלת מספר, ובודקת האם הוא זוגי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    לפניכם מכונת מצבים שמקבלת מספר, ובודקת האם הוא זוגי.<br/>\n",
     "    כל מצב מיוצג בתמונה על ידי עיגול, וכללי המעבר ביניהם מיוצגים באמצעות חצים.\n",
     "</p>"
    ]
@@ -168,9 +168,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    המכונה מתחילה מ\"מצב התחלתי\" נתון כלשהו, במקרה שלנו \"מספר אי זוגי\".<br>\n",
-    "    כל פעם שמתקבל קלט חדש, המכונה מחליטה לאיזה מצב לעבור לפי כללי המעבר הרשומים על החצים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    המכונה מתחילה מ\"מצב התחלתי\" נתון כלשהו, במקרה שלנו \"מספר אי זוגי\".<br/>\n",
+    "    כל פעם שמתקבל קלט חדש, המכונה מחליטה לאיזה מצב לעבור לפי כללי המעבר הרשומים על החצים.<br/>\n",
     "    לדוגמה, עבור הקלט 2 ואז 7 ואז 4 (274) מכונת המצבים המופיעה מעלה תבצע את הפעולות הבאות:\n",
     "</p>"
    ]
@@ -179,11 +179,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תכנס למצב ההתחלתי \"מספר אי זוגי\".</li>\n",
-    "    <li>תקרא את הספרה הראשונה במספר – 2, ותחליט לעבור (לפי החץ) למצב \"מספר זוגי\".</li> \n",
-    "    <li>תקרא את הספרה השנייה במספר – 7, ותחליט לעבור (לפי החץ) למצב \"מספר אי־זוגי\".</li> \n",
-    "    <li>תקרא את הספרה השלישית במספר – 4, ותחליט לעבור (לפי החץ) למצב \"מספר זוגי\".</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תכנס למצב ההתחלתי \"מספר אי זוגי\".</li>\n",
+    "<li>תקרא את הספרה הראשונה במספר – 2, ותחליט לעבור (לפי החץ) למצב \"מספר זוגי\".</li>\n",
+    "<li>תקרא את הספרה השנייה במספר – 7, ותחליט לעבור (לפי החץ) למצב \"מספר אי־זוגי\".</li>\n",
+    "<li>תקרא את הספרה השלישית במספר – 4, ותחליט לעבור (לפי החץ) למצב \"מספר זוגי\".</li>\n",
     "</ol>"
    ]
   },
@@ -191,10 +191,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    לכל מצב באוטומט סופי דטרמיניסטי יש \"סוג מצב\": מקבל או לא מקבל.<br>\n",
-    "    מצב מקבל מסומן בעיגול כפול, כמו המצב \"מספר זוגי\" באוטומט דלעיל.<br>\n",
-    "    אם בסוף הריצה הגענו למצב מקבל, סימן שהקלט תקין, ואם לא – סימן שהקלט אינו תקין.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    לכל מצב באוטומט סופי דטרמיניסטי יש \"סוג מצב\": מקבל או לא מקבל.<br/>\n",
+    "    מצב מקבל מסומן בעיגול כפול, כמו המצב \"מספר זוגי\" באוטומט דלעיל.<br/>\n",
+    "    אם בסוף הריצה הגענו למצב מקבל, סימן שהקלט תקין, ואם לא – סימן שהקלט אינו תקין.<br/>\n",
     "    באוטומט הדוגמה שלנו כל קלט מספרי זוגי הוא תקין, וכל מספרי אי־זוגי נחשב ללא תקין.\n",
     "</p>"
    ]
@@ -203,9 +203,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    כל אפשרות הכלולה במצבי המעבר נקראת <dfn>אות</dfn>. אוסף כל האותיות הכלולות באוטומט מסוים נקרא <dfn>א\"ב הקלט</dfn>.<br>\n",
-    "    שימו לב שבאוטומט יכולה להיות כמות גדולה של מצבים וכללי־מעבר, ובכל אוטומט יכול להיות יותר ממצב מקבל אחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    כל אפשרות הכלולה במצבי המעבר נקראת <dfn>אות</dfn>. אוסף כל האותיות הכלולות באוטומט מסוים נקרא <dfn>א\"ב הקלט</dfn>.<br/>\n",
+    "    שימו לב שבאוטומט יכולה להיות כמות גדולה של מצבים וכללי־מעבר, ובכל אוטומט יכול להיות יותר ממצב מקבל אחד.<br/>\n",
     "    כמו כן, \"אות\" בא\"ב יכולה לכלול יותר מתו אחד.\n",
     "</p>"
    ]
@@ -214,16 +214,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align:right;direction:rtl;\">תרגיל</p>"
+    "### <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">תרגיל</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "   כתבו תוכנה שקוראת קובץ ויוצרת ממנו אוטומט סופי דטרמיניסטי.<br>\n",
-    "   בקובץ ישנו כל המידע הדרוש לבניית האוטומט, ורשימת קלטים. דוגמה לקובץ שכזה מופיעה מטה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "   כתבו תוכנה שקוראת קובץ ויוצרת ממנו אוטומט סופי דטרמיניסטי.<br/>\n",
+    "   בקובץ ישנו כל המידע הדרוש לבניית האוטומט, ורשימת קלטים. דוגמה לקובץ שכזה מופיעה מטה.<br/>\n",
     "   הדפיסו עבור כל קלט האם לאחר הרצתו האוטומט הגיע למצב מקבל או למצב לא מקבל.\n",
     "</p>"
    ]
@@ -232,7 +232,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
     "    הקובץ שהתוכנה שלכם אמורה לקרוא ונועד לתאר את האוטומט המופיע למעלה נראה כך:\n",
     "</p>"
    ]
@@ -262,7 +262,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
     "    על התוכנה שבניתם להדפיס במקרה הזה:\n",
     "</p>"
    ]
@@ -280,19 +280,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align:right;direction:rtl;\">הסבר עבור הדוגמה</p>"
+    "### <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">הסבר עבור הדוגמה</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    הפסקה הראשונה תמיד תראה כך:<br>\n",
-    "    הקובץ תמיד יפתח במילה <q dir=\"ltr\">Definitions:</q>.<br>\n",
-    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">States:</q>, ואחריה כל המצבים הקיימים במכונת המצבים, מופרדים בפסיק.<br>\n",
-    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">Start:</q>, ואחריה המצב ההתחלתי של המכונה.<br>\n",
-    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">Accepting:</q>, ואחריה כל המצבים שמוגדרים כמצבים מקבלים במכונת המצבים, מופרדים בפסיק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    הפסקה הראשונה תמיד תראה כך:<br/>\n",
+    "    הקובץ תמיד יפתח במילה <q dir=\"ltr\">Definitions:</q>.<br/>\n",
+    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">States:</q>, ואחריה כל המצבים הקיימים במכונת המצבים, מופרדים בפסיק.<br/>\n",
+    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">Start:</q>, ואחריה המצב ההתחלתי של המכונה.<br/>\n",
+    "    שורה אחריה תמיד תופיע המילה <q dir=\"ltr\">Accepting:</q>, ואחריה כל המצבים שמוגדרים כמצבים מקבלים במכונת המצבים, מופרדים בפסיק.<br/>\n",
     "</p>"
    ]
   },
@@ -300,12 +300,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    הפסקה השנייה תמיד תראה כך:<br>\n",
-    "    הפסקה תמיד תפתח במילה <q dir=\"ltr\">Transitions:</q>, ואחריה רשימה של כללי מעבר.<br>\n",
-    "    כל כלל מעבר מורכב מהמצב ממנו יוצאים, המצב אליו מגיעים ומה הקלט ש\"מפעיל\" את המעבר.<br>\n",
-    "    השורה תכתב באופן הבא, כאשר X הוא המצב ממנו יוצאים, Z הוא המצב אליו מגיעים ו־Y היא רשימת הקלטים שמפעילה את מצב המעבר:<br>\n",
-    "    X: Y -> Z<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    הפסקה השנייה תמיד תראה כך:<br/>\n",
+    "    הפסקה תמיד תפתח במילה <q dir=\"ltr\">Transitions:</q>, ואחריה רשימה של כללי מעבר.<br/>\n",
+    "    כל כלל מעבר מורכב מהמצב ממנו יוצאים, המצב אליו מגיעים ומה הקלט ש\"מפעיל\" את המעבר.<br/>\n",
+    "    השורה תכתב באופן הבא, כאשר X הוא המצב ממנו יוצאים, Z הוא המצב אליו מגיעים ו־Y היא רשימת הקלטים שמפעילה את מצב המעבר:<br/>\n",
+    "    X: Y -&gt; Z<br/>\n",
     "</p>"
    ]
   },
@@ -313,9 +313,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    הפסקה השלישית תמיד תראה כך:<br>\n",
-    "    הפסקה תמיד תפתח במילה <q dir=\"ltr\">Inputs:</q>, ואחריה רשימה של קלטים <strong>תקינים</strong>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    הפסקה השלישית תמיד תראה כך:<br/>\n",
+    "    הפסקה תמיד תפתח במילה <q dir=\"ltr\">Inputs:</q>, ואחריה רשימה של קלטים <strong>תקינים</strong>.<br/>\n",
     "    כל שורת קלט תופיע בשורה נפרדת בקובץ, ותכלול את רצף הקלטים שיועברו לאוטומט אחד אחרי השני, כאשר הם מופרדים בפסיק.\n",
     "</p>"
    ]
@@ -324,10 +324,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
-    "    עבור הקלט הראשון, האוטומט יתחיל מהמצב ההתחלתי q0. האות 1 תשאיר אותו שם, כך גם 3, כך גם 1. מצב לא מקבל.<br>\n",
-    "    עבור הקלט השני, האוטומט יתחיל מהמצב ההתחלתי q0. האות 2 תעביר אותו ל־q1, האות 7 תעביר אותו ל־q0, האות 4 תעביר אותו חזרה ל־q1. מצב מקבל.<br>\n",
-    "    עבור הקלט השלישי, האוטומט יתחיל מהמצב ההתחלתי q0. האות 2 תעביר אותו ל־q1, האות 2 תשאיר אותו ב־q1 בכל המופעים הבאים שלה. מצב מקבל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
+    "    עבור הקלט הראשון, האוטומט יתחיל מהמצב ההתחלתי q0. האות 1 תשאיר אותו שם, כך גם 3, כך גם 1. מצב לא מקבל.<br/>\n",
+    "    עבור הקלט השני, האוטומט יתחיל מהמצב ההתחלתי q0. האות 2 תעביר אותו ל־q1, האות 7 תעביר אותו ל־q0, האות 4 תעביר אותו חזרה ל־q1. מצב מקבל.<br/>\n",
+    "    עבור הקלט השלישי, האוטומט יתחיל מהמצב ההתחלתי q0. האות 2 תעביר אותו ל־q1, האות 2 תשאיר אותו ב־q1 בכל המופעים הבאים שלה. מצב מקבל.<br/>\n",
     "</p>"
    ]
   },
@@ -335,14 +335,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <p style=\"text-align:right;direction:rtl;\">דוגמה נוספת</p>"
+    "### <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">דוגמה נוספת</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align:right;direction:rtl;\">\n",
+    "<p dir=\"rtl\" style=\"text-align:right;direction:rtl;\">\n",
     "    זוהי דוגמה לקובץ שמתאר את האוטומט המופיע <a href=\"https://en.wikipedia.org/wiki/Deterministic_finite_automaton#/media/File:DFA_example_multiplies_of_3.svg\">כאן</a>.\n",
     "</p>"
    ]
diff --git a/week5/1_Modules.ipynb b/week5/1_Modules.ipynb
index 0896d4d..c37b487 100644
--- a/week5/1_Modules.ipynb
+++ b/week5/1_Modules.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">מודולים</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מודולים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מתכנתים העוסקים בקביעות במלאכתם, יזכו לעיתים תכופות להיתקל באתגרים בתחומים שונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מתכנתים העוסקים בקביעות במלאכתם, יזכו לעיתים תכופות להיתקל באתגרים בתחומים שונים.<br/>\n",
     "</p>"
    ]
   },
@@ -34,7 +34,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה טובה לאתגר נפוץ שכזה היא יצירת מידע אקראי:\n",
     "</p>"
    ]
@@ -43,10 +43,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מתכנת שיוצר משחק קלפים יצטרך לכתוב קוד לשליפת קלף אקראי מחפיסת הקלפים.</li>\n",
-    "    <li>מתכנת שמתקשה להחליט אם הוא רוצה להיות בפריז, ברומא או בקוטב הצפוני, יכתוב תוכנית שתבחר עבורו את היעד באקראיות.</li>\n",
-    "    <li>מתכנת שרוצה לבנות סימולציות למצבים מהחיים האמיתיים, יצטרך פעמים רבות להשתמש במידע אקראי.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מתכנת שיוצר משחק קלפים יצטרך לכתוב קוד לשליפת קלף אקראי מחפיסת הקלפים.</li>\n",
+    "<li>מתכנת שמתקשה להחליט אם הוא רוצה להיות בפריז, ברומא או בקוטב הצפוני, יכתוב תוכנית שתבחר עבורו את היעד באקראיות.</li>\n",
+    "<li>מתכנת שרוצה לבנות סימולציות למצבים מהחיים האמיתיים, יצטרך פעמים רבות להשתמש במידע אקראי.</li>\n",
     "</ul>"
    ]
   },
@@ -54,7 +54,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה טובה נוספת היא עבודה עם תאריכים:\n",
     "</p>"
    ]
@@ -63,10 +63,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מתכנת שרוצה לדעת בעוד כמה זמן מגיע תאריך מסוים (יום הולדת, לדוגמה).</li>\n",
-    "    <li>מתכנת שרוצה לבדוק מה יהיה התאריך בעוד 100,000,000 שניות.</li>\n",
-    "    <li>מתכנת שקיבל מסמך עם תאריכי הלידה של כל אוכלוסיית ישראל, ורוצה לדעת מהו החודש שבו נולדים הכי הרבה תינוקות בישראל.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מתכנת שרוצה לדעת בעוד כמה זמן מגיע תאריך מסוים (יום הולדת, לדוגמה).</li>\n",
+    "<li>מתכנת שרוצה לבדוק מה יהיה התאריך בעוד 100,000,000 שניות.</li>\n",
+    "<li>מתכנת שקיבל מסמך עם תאריכי הלידה של כל אוכלוסיית ישראל, ורוצה לדעת מהו החודש שבו נולדים הכי הרבה תינוקות בישראל.</li>\n",
     "</ul>"
    ]
   },
@@ -74,9 +74,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פתירת האתגרים הללו עשויה להיות משימה מורכבת, ולטמון בחובה בעיות ומקרי קצה רבים.<br>\n",
-    "    תארו לעצמכם כמה זמן היה נחסך לו היה מישהו פותר את הבעיות הנפוצות הללו עבור כל המתכנתים!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פתירת האתגרים הללו עשויה להיות משימה מורכבת, ולטמון בחובה בעיות ומקרי קצה רבים.<br/>\n",
+    "    תארו לעצמכם כמה זמן היה נחסך לו היה מישהו פותר את הבעיות הנפוצות הללו עבור כל המתכנתים!<br/>\n",
     "</p>"
    ]
   },
@@ -84,17 +84,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כרעיון, <dfn>מודול</dfn> הוא פיסת תוכנה עצמאית המשרתת מטרה מוגדרת.<br>\n",
-    "    המטרה יכולה להיות, לדוגמה, טיפול בתאריכים, יצירת נתונים אקראיים או תקשורת עם אתרי אינטרנט.<br>\n",
-    "    בפייתון, מודול הוא קובץ המאגד הגדרות ופקודות, שיחדיו יוצרות אוסף כלים בתחום מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כרעיון, <dfn>מודול</dfn> הוא פיסת תוכנה עצמאית המשרתת מטרה מוגדרת.<br/>\n",
+    "    המטרה יכולה להיות, לדוגמה, טיפול בתאריכים, יצירת נתונים אקראיים או תקשורת עם אתרי אינטרנט.<br/>\n",
+    "    בפייתון, מודול הוא קובץ המאגד הגדרות ופקודות, שיחדיו יוצרות אוסף כלים בתחום מסוים.<br/>\n",
     "</p>"
    ]
   },
@@ -102,22 +102,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יבוא<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יבוא<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניקח כדוגמה את המודול <code>random</code>, שמטרתו לעזור לנו ליצור מידע אקראי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניקח כדוגמה את המודול <code>random</code>, שמטרתו לעזור לנו ליצור מידע אקראי.<br/>\n",
     "    לפני שנוכל להשתמש ביכולותיו של המודול, נצטרך לבקש מפייתון לטעון אותו בעזרת מילת המפתח <code>import</code>:\n",
     "</p>"
    ]
@@ -135,9 +135,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פעולה זו טוענת את המודול ומאפשרת לנו להשתמש בו בהמשך הקוד. נהוג להגיד ש<dfn>ייבאנו</dfn> את המודול <code>random</code>.<br>\n",
-    "    עכשיו, כשהמודול יובא, אפשר להשתמש בו בקוד התוכנית שלנו באופן שיענה על הצורך ליצירת דברים אקראיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פעולה זו טוענת את המודול ומאפשרת לנו להשתמש בו בהמשך הקוד. נהוג להגיד ש<dfn>ייבאנו</dfn> את המודול <code>random</code>.<br/>\n",
+    "    עכשיו, כשהמודול יובא, אפשר להשתמש בו בקוד התוכנית שלנו באופן שיענה על הצורך ליצירת דברים אקראיים.<br/>\n",
     "    כדי להבין איך להשתמש במודול ומהן יכולותיו, נוכל לקרוא מידע נוסף על אודותיו במגוון דרכים:\n",
     "</p>"
    ]
@@ -146,10 +146,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בעזרת התיעוד ב<a href=\"https://docs.python.org/3/library/random.html\">אתר פייתון</a>, שאליו אפשר להגיע אם כותבים <q>python documentation random</q> במנועי חיפוש.</li>\n",
-    "    <li>בעזרת הפונקציה <var>dir</var> – נוכל לכתוב <code dir=\"ltr\">dir(random)</code>.</li>\n",
-    "    <li>בג'ופיטר, אם נכתוב בתא קוד <code dir=\"ltr\">random.</code> ונלחץ <kbd dir=\"ltr\">Tab ↹</kbd>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בעזרת התיעוד ב<a href=\"https://docs.python.org/3/library/random.html\">אתר פייתון</a>, שאליו אפשר להגיע אם כותבים <q>python documentation random</q> במנועי חיפוש.</li>\n",
+    "<li>בעזרת הפונקציה <var>dir</var> – נוכל לכתוב <code dir=\"ltr\">dir(random)</code>.</li>\n",
+    "<li>בג'ופיטר, אם נכתוב בתא קוד <code dir=\"ltr\">random.</code> ונלחץ <kbd dir=\"ltr\">Tab ↹</kbd>.</li>\n",
     "</ol>"
    ]
   },
@@ -157,16 +157,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לשימוש<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות לשימוש<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במשחק הפוקימון \"פוקימון אדום\" אפשר לבחור בתור הפוקימון ההתחלתי את בלבזאור, את סקווירטל או את צ'רמנדר.<br>\n",
-    "    על הפוקימון הטוב ביותר לבחירה <a href=\"https://www.google.com/search?q=starter+pokemon+red%2Fblue\">ניטשים ויכוחים רבים</a> עוד מאז שחרורו של המשחק ב־1996.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במשחק הפוקימון \"פוקימון אדום\" אפשר לבחור בתור הפוקימון ההתחלתי את בלבזאור, את סקווירטל או את צ'רמנדר.<br/>\n",
+    "    על הפוקימון הטוב ביותר לבחירה <a href=\"https://www.google.com/search?q=starter+pokemon+red%2Fblue\">ניטשים ויכוחים רבים</a> עוד מאז שחרורו של המשחק ב־1996.<br/>\n",
     "    כדי לא להיקלע לעין הסערה, נבנה תוכנה שתבחר את הפוקימון עבורנו באופן אקראי.\n",
     "</p>"
    ]
@@ -175,9 +175,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <a href=\"https://docs.python.org/3/library/random.html\">התיעוד</a> של המודול <code>random</code>, כולל פונקציה בשם <var>choice</var>, שבאמצעותה נוכל לבחור איבר אקראי מתוך iterable.<br>\n",
-    "    השימוש בתיעוד מומלץ במיוחד בהקשרי מודולים, שכן ההסברים שם בהירים, ופעמים רבות מובאות שם דוגמאות לשימוש בפונקציות של המודול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<a href=\"https://docs.python.org/3/library/random.html\">התיעוד</a> של המודול <code>random</code>, כולל פונקציה בשם <var>choice</var>, שבאמצעותה נוכל לבחור איבר אקראי מתוך iterable.<br/>\n",
+    "    השימוש בתיעוד מומלץ במיוחד בהקשרי מודולים, שכן ההסברים שם בהירים, ופעמים רבות מובאות שם דוגמאות לשימוש בפונקציות של המודול.<br/>\n",
     "    נייבא את <code>random</code> ואז נשתמש ב־<var>choice</var>:\n",
     "</p>"
    ]
@@ -199,16 +199,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            לא היינו יכולים להשתמש ב־<code>random.choice</code> לולא היינו מייבאים את <code>random</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            לא היינו יכולים להשתמש ב־<code>random.choice</code> לולא היינו מייבאים את <code>random</code>.<br/>\n",
     "            מרגע שייבאנו את המודול – נוכל להשתמש בו לאורך כל הקוד.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -216,23 +216,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            השתמשו בפונקציה הנמצאת במודול <code>random</code> כדי לדמות הטלת קובייה בעלת 20 פאות (<a href=\"https://en.wikipedia.org/wiki/D20_System\">D20</a>).<br>\n",
-    "            הגרילו מספר בין 1 ל־20, הפעם בעזרת פונקציה שהיא לא <code>choice</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            השתמשו בפונקציה הנמצאת במודול <code>random</code> כדי לדמות הטלת קובייה בעלת 20 פאות (<a href=\"https://en.wikipedia.org/wiki/D20_System\">D20</a>).<br/>\n",
+    "            הגרילו מספר בין 1 ל־20, הפעם בעזרת פונקציה שהיא לא <code>choice</code>.<br/>\n",
     "            השתמשו במקורות המידע שצוינו כדי למצוא את הפונקציה המתאימה למשימה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -240,14 +240,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יתרונות<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יתרונות<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אלו, בין היתר, היתרונות של שימוש במודולים הקיימים בפייתון:\n",
     "</p>"
    ]
@@ -256,18 +256,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
-    "        <strong>פישוט</strong>: מודול לרוב יפתור לנו בעיה אחת, קטנה ומוגדרת היטב.\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
+    "<strong>פישוט</strong>: מודול לרוב יפתור לנו בעיה אחת, קטנה ומוגדרת היטב.\n",
     "    </li>\n",
-    "    <li>\n",
-    "        <strong>הפרדה</strong>: המודול מופרד מהקוד שלנו, ישאיר את הקוד שלנו נקי ויעזור לנו להתמקד בבעיה שאנחנו מעוניינים לפתור. \n",
+    "<li>\n",
+    "<strong>הפרדה</strong>: המודול מופרד מהקוד שלנו, ישאיר את הקוד שלנו נקי ויעזור לנו להתמקד בבעיה שאנחנו מעוניינים לפתור. \n",
     "    </li>\n",
-    "    <li>\n",
-    "        <strong>מִחזוּר</strong>: מודול מאפשר לנו להשתמש בקוד שכתבנו בפרויקטים רבים, מבלי לכתוב את הקוד מחדש בכל פרויקט. \n",
+    "<li>\n",
+    "<strong>מִחזוּר</strong>: מודול מאפשר לנו להשתמש בקוד שכתבנו בפרויקטים רבים, מבלי לכתוב את הקוד מחדש בכל פרויקט. \n",
     "    </li>\n",
-    "    <li>\n",
-    "        <strong>רמת גימור</strong>: המודולים הרשמיים של פייתון מתוחזקים ברמה גבוהה, יש בהם מעט באגים והם מכסים מקרי קצה רבים. \n",
+    "<li>\n",
+    "<strong>רמת גימור</strong>: המודולים הרשמיים של פייתון מתוחזקים ברמה גבוהה, יש בהם מעט באגים והם מכסים מקרי קצה רבים. \n",
     "    </li>\n",
     "</ol>"
    ]
@@ -276,8 +276,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    רוב התוכנות שבהן אתם משתמשים נעזרות במספר לא מועט של מודולים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    רוב התוכנות שבהן אתם משתמשים נעזרות במספר לא מועט של מודולים.<br/>\n",
     "    כרגע נתמקד בשימוש במודולים שמגיעים עם פייתון, אך בעתיד נשתמש במודולים שיצרו מתכנתים אחרים, ואף ניצור מודולים בעצמנו.\n",
     "</p>"
    ]
@@ -286,14 +286,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: יצירת סיסמה<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: יצירת סיסמה<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    איש דג החרב מגדיר \"מחולל סיסמאות חזקות\" כך:\n",
     "</p>"
    ]
@@ -302,10 +302,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בקריאה לפונקציית המחולל, המחולל יחזיר סיסמה חזקה.</li>\n",
-    "    <li>אורכה של סיסמה חזקה הוא בין 12 ל־20 תווים.</li>\n",
-    "    <li>לפחות בחלק מהסיסמאות שמייצר המחולל יהיו גם אותיות גדולות, גם אותיות קטנות וגם מספרים.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בקריאה לפונקציית המחולל, המחולל יחזיר סיסמה חזקה.</li>\n",
+    "<li>אורכה של סיסמה חזקה הוא בין 12 ל־20 תווים.</li>\n",
+    "<li>לפחות בחלק מהסיסמאות שמייצר המחולל יהיו גם אותיות גדולות, גם אותיות קטנות וגם מספרים.</li>\n",
     "</ol>"
    ]
   },
@@ -313,7 +313,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו מחולל סיסמאות חזקות.\n",
     "</p>"
    ]
@@ -322,16 +322,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            על אף שזהו תרגיל נחמד, לעולם לא נשתמש ב־<code>random</code> לצורכי אבטחת מידע.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            על אף שזהו תרגיל נחמד, לעולם לא נשתמש ב־<code>random</code> לצורכי אבטחת מידע.<br/>\n",
     "            להרחבה, קראו על יתרונותיו של המודול <code><a href=\"https://docs.python.org/3/library/secrets.html#module-secrets\">secrets</a></code>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -339,15 +339,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יבוא מתוך מודול<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יבוא מתוך מודול<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עצרת של המספר $n$ (המסומנת כ־$n!$) היא מכפלת כל המספרים השלמים החיוביים עד $n$, כולל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עצרת של המספר $n$ (המסומנת כ־$n!$) היא מכפלת כל המספרים השלמים החיוביים עד $n$, כולל.<br/>\n",
     "    נחשב את העצרת של 6 באמצעות המודול <code>math</code>:\n",
     "</p>"
    ]
@@ -366,9 +366,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה שהצגנו, אין לנו באמת צורך בכל הפונקציות הנמצאות במודול <code>math</code>, אלא רק בפונקציה <var>factorial</var>.<br>\n",
-    "    תעלול נחמד שאפשר לעשות הוא לייבא רק את factorial באמצעות מילת המפתח <code>from</code>:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה שהצגנו, אין לנו באמת צורך בכל הפונקציות הנמצאות במודול <code>math</code>, אלא רק בפונקציה <var>factorial</var>.<br/>\n",
+    "    תעלול נחמד שאפשר לעשות הוא לייבא רק את factorial באמצעות מילת המפתח <code>from</code>:<br/>\n",
     "</p>"
    ]
   },
@@ -386,8 +386,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדאי לשים לב שלאחר שייבאנו בעזרת <code>from</code> נשתמש ישירות ב־factorial, מבלי להזכיר את השייכות שלה למודול <code>math</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדאי לשים לב שלאחר שייבאנו בעזרת <code>from</code> נשתמש ישירות ב־factorial, מבלי להזכיר את השייכות שלה למודול <code>math</code>.<br/>\n",
     "    אפשר גם לייבא יותר משם אחד מאותו מודול, במכה אחת:\n",
     "</p>"
    ]
@@ -406,9 +406,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באופן כללי, העדיפו לייבא את המודול כולו ולא חלקים מתוכו.<br>\n",
-    "    זה יעזור לכם להימנע מיצירת מקרים מבלבלים כמו זה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באופן כללי, העדיפו לייבא את המודול כולו ולא חלקים מתוכו.<br/>\n",
+    "    זה יעזור לכם להימנע מיצירת מקרים מבלבלים כמו זה:<br/>\n",
     "</p>"
    ]
   },
@@ -428,7 +428,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ממשיכים בכיוון, פייתון מאפשרת לנו לעשות את הדבר המזעזע הבא:\n",
     "</p>"
    ]
@@ -446,8 +446,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יבוא בעזרת כוכבית יגרום לכך שכל מה שמוגדר במודול \"יישפך\" לתוך התוכנית שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יבוא בעזרת כוכבית יגרום לכך שכל מה שמוגדר במודול \"יישפך\" לתוך התוכנית שלנו.<br/>\n",
     "    זה יאפשר לנו להשתמש בכל התוכן של <code>math</code> בלי להזכיר את שם המודול:\n",
     "</p>"
    ]
@@ -468,8 +468,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פרקטיקה זו נחשבת מאוד לא מנומסת, ואתם מתבקשים לא להשתמש בה, אלא אם כן אלו ההוראות הכתובות בתיעוד של המודול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פרקטיקה זו נחשבת מאוד לא מנומסת, ואתם מתבקשים לא להשתמש בה, אלא אם כן אלו ההוראות הכתובות בתיעוד של המודול.<br/>\n",
     "    ישנן לא מעט סיבות הגיוניות מאחורי איסור זה:\n",
     "</p>"
    ]
@@ -478,10 +478,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>זה מקשה על מתכנת שקורא את הקוד להבין איפה הוגדרו <var>ceil</var>, <var>floor</var>, <var>e</var> ו־<var>pow</var>.</li>\n",
-    "    <li>אנחנו \"מזהמים\" את הסביבה שלנו בהגדרות רבות שלעולם לא נשתמש בהן.</li>\n",
-    "    <li>חלק מהכלים שבהם תשתמשו בעתיד לא ידעו לזהות את השמות הללו, כיוון שלא ייבאתם אותם מפורשות.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>זה מקשה על מתכנת שקורא את הקוד להבין איפה הוגדרו <var>ceil</var>, <var>floor</var>, <var>e</var> ו־<var>pow</var>.</li>\n",
+    "<li>אנחנו \"מזהמים\" את הסביבה שלנו בהגדרות רבות שלעולם לא נשתמש בהן.</li>\n",
+    "<li>חלק מהכלים שבהם תשתמשו בעתיד לא ידעו לזהות את השמות הללו, כיוון שלא ייבאתם אותם מפורשות.</li>\n",
     "</ul>"
    ]
   },
@@ -489,18 +489,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שינוי שם ביבוא<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שינוי שם ביבוא<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המודול <code>turtle</code> הוא דרך פופולרית ללמד ילדים תכנות באמצעים גרפיים.<br>\n",
-    "    תכנות ב־turtle הוא מעין משחק: ישנו צב שהולך במרחב, ומשאיר צבע בכל מקום שאליו הוא מגיע.<br>\n",
-    "    אפשר להורות לצב בכמה מעלות להסתובב לכל כיוון, ולאיזה מרחק ללכת בכיוון שאליו הוא מופנה.<br>\n",
-    "    כך, בסוף מסלול הטיול של הצב, מתקבל ציור מלא חן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המודול <code>turtle</code> הוא דרך פופולרית ללמד ילדים תכנות באמצעים גרפיים.<br/>\n",
+    "    תכנות ב־turtle הוא מעין משחק: ישנו צב שהולך במרחב, ומשאיר צבע בכל מקום שאליו הוא מגיע.<br/>\n",
+    "    אפשר להורות לצב בכמה מעלות להסתובב לכל כיוון, ולאיזה מרחק ללכת בכיוון שאליו הוא מופנה.<br/>\n",
+    "    כך, בסוף מסלול הטיול של הצב, מתקבל ציור מלא חן.<br/>\n",
     "    הרעיון נוצר כחלק משפת התכנות <em>Logo</em> בשנת 1967.\n",
     "</p>"
    ]
@@ -509,8 +509,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה דוגמה לתוצר של ריצת תוכנית שכזו, שבה אנחנו משרטטים 100 ריבועים בהיסט של מעלה אחת בכל פעם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה דוגמה לתוצר של ריצת תוכנית שכזו, שבה אנחנו משרטטים 100 ריבועים בהיסט של מעלה אחת בכל פעם.<br/>\n",
     "    אנחנו ממליצים לשחק עם המודול קצת (זה כיף!) ולראות אם אתם מצליחים לצייר כוכב, לדוגמה :)\n",
     "</p>"
    ]
@@ -538,16 +538,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הרצת קוד של <code>turtle</code> תפתח לכם חלון חדש בו יצויר פלט התוכנית.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הרצת קוד של <code>turtle</code> תפתח לכם חלון חדש בו יצויר פלט התוכנית.<br/>\n",
     "            כדי להמשיך להריץ את התאים במחברת, סגרו את החלון.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -555,8 +555,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לשנות את השם שבו אנחנו מתייחסים למודול, ניעזר במילת המפתח <code>as</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לשנות את השם שבו אנחנו מתייחסים למודול, ניעזר במילת המפתח <code>as</code>.<br/>\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -584,8 +584,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כך אפשר לקצר את שם המודול שאנחנו מייבאים, ולהימנע מסרבול מיותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כך אפשר לקצר את שם המודול שאנחנו מייבאים, ולהימנע מסרבול מיותר.<br/>\n",
     "    למרות זאת, יבוא מודול תחת שם אחר נחשב פרקטיקה לא מנומסת, שעלולה לבלבל קוראים שבקיאים בשמות המודולים הקיימים.\n",
     "</p>"
    ]
@@ -594,13 +594,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ישנם שני מקרים יוצאי דופן, שבהם השימוש ב־<code>as</code> נחשב רצוי:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כאשר מבקשים מאיתנו להשתמש ב־<code>as</code> במסמכי התיעוד של המודול.</li>\n",
-    "    <li>כאשר אנחנו רוצים להתנסות בדברים ולחסוך זמן, נקצר את השמות של המודולים, הפונקציות או הקבועים שאותם אנחנו מייבאים.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כאשר מבקשים מאיתנו להשתמש ב־<code>as</code> במסמכי התיעוד של המודול.</li>\n",
+    "<li>כאשר אנחנו רוצים להתנסות בדברים ולחסוך זמן, נקצר את השמות של המודולים, הפונקציות או הקבועים שאותם אנחנו מייבאים.</li>\n",
     "</ol>"
    ]
   },
@@ -608,16 +607,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסים והליכות<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסים והליכות<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לשימוש במודולים יש כללי סגנון שמוסכמים על רוב המתכנתים.<br>\n",
-    "    הם מופיעים במסמך בשם <a href=\"https://www.python.org/dev/peps/pep-0008/#imports\">PEP8</a>, שמטרתו להגדיר איך נראה קוד פייתון המסוגנן כראוי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לשימוש במודולים יש כללי סגנון שמוסכמים על רוב המתכנתים.<br/>\n",
+    "    הם מופיעים במסמך בשם <a href=\"https://www.python.org/dev/peps/pep-0008/#imports\">PEP8</a>, שמטרתו להגדיר איך נראה קוד פייתון המסוגנן כראוי.<br/>\n",
     "    הנה כמה כללים שראוי שתעקבו אחריהם:\n",
     "</p>"
    ]
@@ -626,12 +625,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>יבוא המודולים תמיד יתבצע בראש הקוד, לפני כל דבר אחר.</li>\n",
-    "    <li>כאשר מייבאים יותר ממודול אחד, סדר היבוא צריך להיות מילוני – לפי שם המודול שיובא.</li>\n",
-    "    <li>טכנית, אפשר לייבא יותר ממודול אחד בשורה, אם נפריד את שמות המודולים בפסיק. מעשית זה לא מנומס.</li>\n",
-    "    <li>כאשר משתמשים ב־<code>from</code> ליבוא של יותר משם אחד – השמות צריכים להיות מסודרים בסדר מילוני.</li>\n",
-    "    <li>יש להימנע משימוש ביבוא בעזרת כוכבית.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>יבוא המודולים תמיד יתבצע בראש הקוד, לפני כל דבר אחר.</li>\n",
+    "<li>כאשר מייבאים יותר ממודול אחד, סדר היבוא צריך להיות מילוני – לפי שם המודול שיובא.</li>\n",
+    "<li>טכנית, אפשר לייבא יותר ממודול אחד בשורה, אם נפריד את שמות המודולים בפסיק. מעשית זה לא מנומס.</li>\n",
+    "<li>כאשר משתמשים ב־<code>from</code> ליבוא של יותר משם אחד – השמות צריכים להיות מסודרים בסדר מילוני.</li>\n",
+    "<li>יש להימנע משימוש ביבוא בעזרת כוכבית.</li>\n",
     "</ul>"
    ]
   },
@@ -639,14 +638,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות נוספות<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות נוספות<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מה התאריך היום?\n",
     "</p>"
    ]
@@ -666,7 +665,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשתמש במודול <code>calendar</code> כדי להדפיס את לוח השנה של החודש הנוכחי:\n",
     "</p>"
    ]
@@ -688,18 +687,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מודולים הם חלקי תוכנה שמטרתם לפתור בעיה מעולם תוכן מסוים.</li>\n",
-    "    <li>אפשר לייבא מודולים ולהשתמש במה שהם מציעים כדי להשיג את מטרותינו במהירות ובקלות.</li>\n",
-    "    <li>המודולים שמגיעים עם פייתון מתוחזקים היטב, ויחסכו לנו באגים והתעסקות עם מקרי קצה.</li>\n",
-    "    <li>לפני שניגש לפתור בעיה מורכבת, ננסה למצוא בתיעוד של פייתון פתרון בדמות מודול קיים.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מודולים הם חלקי תוכנה שמטרתם לפתור בעיה מעולם תוכן מסוים.</li>\n",
+    "<li>אפשר לייבא מודולים ולהשתמש במה שהם מציעים כדי להשיג את מטרותינו במהירות ובקלות.</li>\n",
+    "<li>המודולים שמגיעים עם פייתון מתוחזקים היטב, ויחסכו לנו באגים והתעסקות עם מקרי קצה.</li>\n",
+    "<li>לפני שניגש לפתור בעיה מורכבת, ננסה למצוא בתיעוד של פייתון פתרון בדמות מודול קיים.</li>\n",
     "</ul>"
    ]
   },
@@ -707,15 +706,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "<dt>מודול</dt><dd>יחידה עצמאית של קוד המיועדת לטיפול במטרה מסוימת, ושקוד חיצוני יכול להשתמש בה.<br>בשפות תכנות אחרות מוכר גם כ<dfn>ספרייה</dfn>.</dd>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>מודול</dt><dd>יחידה עצמאית של קוד המיועדת לטיפול במטרה מסוימת, ושקוד חיצוני יכול להשתמש בה.<br/>בשפות תכנות אחרות מוכר גם כ<dfn>ספרייה</dfn>.</dd>\n",
     "<dt>יבוא</dt><dd>הצהרה בעזרת <code>import</code> על כך שאנחנו הולכים להשתמש במודול מסוים בקוד שלנו.</dd>\n",
     "<dt>PEP8</dt><dd>מסמך תקינה המתאר לפרטים מהי הדרך הנכונה לסגנן קוד פייתון.</dd>\n",
     "</dl>"
@@ -725,15 +724,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים<span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתרגילים הבאים השתמשו באינטרנט כדי למצוא מודולים ופונקציות שיסייעו לכם לפתור את התרגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתרגילים הבאים השתמשו באינטרנט כדי למצוא מודולים ופונקציות שיסייעו לכם לפתור את התרגיל.<br/>\n",
     "    נסו להימנע מחיפוש ומקריאה של פתרונות לתרגיל המסוים המופיע במחברת (כמו חיפושים הכוללים \"חפיסת קלפים\").\n",
     "</p>"
    ]
@@ -742,15 +741,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">זו הדרך<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">זו הדרך<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה שמקבלת נתיב לתיקייה, ומחזירה את רשימת כל הקבצים שמתחילים ברצף האותיות \"<i>deep</i>\" באותה תיקייה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה שמקבלת נתיב לתיקייה, ומחזירה את רשימת כל הקבצים שמתחילים ברצף האותיות \"<i>deep</i>\" באותה תיקייה.<br/>\n",
     "    בדקו שהפעלת הפונקציה על התיקייה <i>images</i> מחזירה שני קבצים.\n",
     "</p>"
    ]
@@ -759,14 +758,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">משחק קלפים משונה<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">משחק קלפים משונה<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בחפיסת קלפים רגילה, שבה 52 קלפים, יש לכל קלף שתי תכונות:\n",
     "</p>"
    ]
@@ -775,12 +774,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
-    "        <strong>ערך</strong>: מספר שבין 1 ל־13.\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
+    "<strong>ערך</strong>: מספר שבין 1 ל־13.\n",
     "    </li>\n",
-    "    <li>\n",
-    "        <strong>צורה</strong>: תלתן (Club), יהלום (Diamond), לב (Heart) או עלה (Spade). \n",
+    "<li>\n",
+    "<strong>צורה</strong>: תלתן (Club), יהלום (Diamond), לב (Heart) או עלה (Spade). \n",
     "    </li>\n",
     "</ol>"
    ]
@@ -789,7 +788,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כל צירוף של ערך וצורה מופיע בחפיסה בדיוק פעם אחת.\n",
     "</p>"
    ]
@@ -798,11 +797,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>צרו חפיסת קלפים מלאה.</li>\n",
-    "    <li>טרפו את הקלפים.</li>\n",
-    "    <li>חלקו אותם בין 4 שחקנים.</li>\n",
-    "    <li>הדפיסו לאיזה שחקן סכום הקלפים הגבוה ביותר.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>צרו חפיסת קלפים מלאה.</li>\n",
+    "<li>טרפו את הקלפים.</li>\n",
+    "<li>חלקו אותם בין 4 שחקנים.</li>\n",
+    "<li>הדפיסו לאיזה שחקן סכום הקלפים הגבוה ביותר.</li>\n",
     "</ol>"
    ]
   },
@@ -810,15 +809,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: ltr; float: right; clear: both;\">It's the final?<span>"
+    "### <span dir=\"ltr\" style=\"text-align: right; direction: ltr; float: right; clear: both;\">It's the final?<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה שמקבלת תאריך עתידי בתצורה YYYY-MM-DD, ומדפיסה את מספר הימים שנשארו עד שנגיע לתאריך המיוחל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה שמקבלת תאריך עתידי בתצורה YYYY-MM-DD, ומדפיסה את מספר הימים שנשארו עד שנגיע לתאריך המיוחל.<br/>\n",
     "    לדוגמה, אם התאריך היום הוא 2020-05-04 וקיבלנו כקלט 2020-05-25, הפונקציה תחזיר <samp>21</samp>.\n",
     "</p>"
    ]
@@ -827,18 +826,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אין לי וִנִגְרֶט<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אין לי וִנִגְרֶט<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו תוכנה שמקבלת כקלט מהמשתמש שני תאריכים בתצורה: YYYY-MM-DD.<br>\n",
-    "    התוכנה תגריל תאריך חדש שנמצא בין שני התאריכים שהמשתמש הזין כקלט.<br>\n",
-    "    לדוגמה, עבור הקלטים 1912-06-23 ו־1954-06-07, פלט אפשרי הוא <samp>1939-09-03</samp>.<br>\n",
-    "    כיוון שאני הולך למכולת רק בימי שני ואני צרכן כבד של רוטב ויניגרט, אם התאריך נופל על יום שני, הדפיסו: \"אין לי ויניגרט!\"<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו תוכנה שמקבלת כקלט מהמשתמש שני תאריכים בתצורה: YYYY-MM-DD.<br/>\n",
+    "    התוכנה תגריל תאריך חדש שנמצא בין שני התאריכים שהמשתמש הזין כקלט.<br/>\n",
+    "    לדוגמה, עבור הקלטים 1912-06-23 ו־1954-06-07, פלט אפשרי הוא <samp>1939-09-03</samp>.<br/>\n",
+    "    כיוון שאני הולך למכולת רק בימי שני ואני צרכן כבד של רוטב ויניגרט, אם התאריך נופל על יום שני, הדפיסו: \"אין לי ויניגרט!\"<br/>\n",
     "    רמז: <span style=\"background: black;\">קראו על EPOCH</span>.\n",
     "</p>"
    ]
diff --git a/week5/2_Functions_Part_2.ipynb b/week5/2_Functions_Part_2.ipynb
index f925ed1..1abe234 100644
--- a/week5/2_Functions_Part_2.ipynb
+++ b/week5/2_Functions_Part_2.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">פונקציות – חלק 2</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">פונקציות – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עד כה למדנו להכיר את עולמן של הפונקציות מקרוב:\n",
     "</p>"
    ]
@@ -34,10 +34,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>פונקציות הן כלי שימושי שמאפשר לנו לחלק את הקוד לתתי־משימות מוגדרות, ולשמור עליו מסודר וקל לתחזוק.</li>\n",
-    "    <li>לפונקציה יש \"קלט\" שהוא הפרמטרים שלה, ו\"פלט\" שהוא ערך ההחזרה שלה.</li>\n",
-    "    <li>אפשר לקרוא לפונקציה בציון שמה, סוגריים, ורשימת הארגומנטים שרוצים להעביר לפרמטרים שלה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>פונקציות הן כלי שימושי שמאפשר לנו לחלק את הקוד לתתי־משימות מוגדרות, ולשמור עליו מסודר וקל לתחזוק.</li>\n",
+    "<li>לפונקציה יש \"קלט\" שהוא הפרמטרים שלה, ו\"פלט\" שהוא ערך ההחזרה שלה.</li>\n",
+    "<li>אפשר לקרוא לפונקציה בציון שמה, סוגריים, ורשימת הארגומנטים שרוצים להעביר לפרמטרים שלה.</li>\n",
     "</ul>"
    ]
   },
@@ -45,7 +45,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במחברת זו נרכוש כלים נוספים שיאפשרו לנו גמישות רבה יותר בהגדרת פונקציות ובשימוש בהן.\n",
     "</p>"
    ]
@@ -54,23 +54,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש מתקדם בפונקציות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש מתקדם בפונקציות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">העברת ארגומנטים בעזרת שם<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">העברת ארגומנטים בעזרת שם<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כאשר אנחנו קוראים לפונקציה, יישלחו לפי הסדר הארגומנטים שנעביר אל הפרמטרים שמוגדרים בכותרת הפונקציה.<br>\n",
-    "    מצב כזה נקרא <dfn>positional arguments</dfn> (\"<dfn>ארגומנטים לפי מיקום</dfn>\").<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כאשר אנחנו קוראים לפונקציה, יישלחו לפי הסדר הארגומנטים שנעביר אל הפרמטרים שמוגדרים בכותרת הפונקציה.<br/>\n",
+    "    מצב כזה נקרא <dfn>positional arguments</dfn> (\"<dfn>ארגומנטים לפי מיקום</dfn>\").<br/>\n",
     "    נסתכל על פונקציה שמקבלת טווח (סוף והתחלה, בסדר הזה) ומחזירה רשימה של כל המספרים השלמים בטווח:\n",
     "</p>"
    ]
@@ -97,8 +97,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפעמים נרצה לשנות את סדר הארגומנטים שאנחנו שולחים לפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפעמים נרצה לשנות את סדר הארגומנטים שאנחנו שולחים לפונקציה.<br/>\n",
     "    נעשה זאת בקריאה לפונקציה, על־ידי העברת שם הארגומנט ולאחר מכן העברת הערך שאנחנו רוצים להעביר אליו: \n",
     "</p>"
    ]
@@ -116,11 +116,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורה הזו הפכנו את סדר הארגומנטים.<br>\n",
-    "    כיוון שבקריאה כתבנו את שמות הפרמטרים התואמים לכותרת הפונקציה, הערכים נשלחו למקום הנכון.<br>\n",
-    "    השיטה הזו נקראת <dfn>keyword arguments</dfn> (<dfn>\"ארגומנטים לפי שם\"</dfn>), ובה אנחנו מעבירים את הארגומנטים שלנו לפי שמות הפרמטרים בכותרת הפונקציה.<br>\n",
-    "    אנחנו משתמשים בשיטה הזו אפילו כשאנחנו לא רוצים לשנות את סדר הארגומנטים, אלא רק לעשות קצת סדר בקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורה הזו הפכנו את סדר הארגומנטים.<br/>\n",
+    "    כיוון שבקריאה כתבנו את שמות הפרמטרים התואמים לכותרת הפונקציה, הערכים נשלחו למקום הנכון.<br/>\n",
+    "    השיטה הזו נקראת <dfn>keyword arguments</dfn> (<dfn>\"ארגומנטים לפי שם\"</dfn>), ובה אנחנו מעבירים את הארגומנטים שלנו לפי שמות הפרמטרים בכותרת הפונקציה.<br/>\n",
+    "    אנחנו משתמשים בשיטה הזו אפילו כשאנחנו לא רוצים לשנות את סדר הארגומנטים, אלא רק לעשות קצת סדר בקוד.<br/>\n",
     "    נבחן, לדוגמה, את המקרה של הפונקציה <code>random.randrange</code> – נעים יותר לראות קריאה לפונקציה עם שמות הפרמטרים:\n",
     "</p>"
    ]
@@ -156,16 +156,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            למרות השימוש בסימן <code>=</code>, לא מדובר פה בהשמה במובן הקלאסי שלה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            למרות השימוש בסימן <code>=</code>, לא מדובר פה בהשמה במובן הקלאסי שלה.<br/>\n",
     "            זוהי צורת כתיבה מיוחדת בקריאה לפונקציות שהמטרה שלה היא לסמן \"העבר לפרמטר ששמו כך־וכך את הערך כך־וכך\".\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -173,15 +173,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פרמטרים עם ערכי ברירת מחדל<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פרמטרים עם ערכי ברירת מחדל<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נזכר בפונקציה <code>get</code> של מילון, שמאפשרת לקבל ממנו ערך לפי מפתח מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נזכר בפונקציה <code>get</code> של מילון, שמאפשרת לקבל ממנו ערך לפי מפתח מסוים.<br/>\n",
     "    אם המפתח שאנחנו מחפשים לא קיים במילון, הפונקציה מחזירה <samp>None</samp>:\n",
     "</p>"
    ]
@@ -209,8 +209,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נממש את הפונקציה <code>get</code> בעצמנו. לשם הנוחות, ייראה השימוש שונה במקצת:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נממש את הפונקציה <code>get</code> בעצמנו. לשם הנוחות, ייראה השימוש שונה במקצת:<br/>\n",
     "</p>"
    ]
   },
@@ -236,8 +236,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המימוש שלנו לא מושלם. הפעולה המקורית, <code>get</code> על מילון, פועלת בצורה מתוחכמת יותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המימוש שלנו לא מושלם. הפעולה המקורית, <code>get</code> על מילון, פועלת בצורה מתוחכמת יותר.<br/>\n",
     "    אפשר להעביר לה פרמטר נוסף, שקובע מה יחזור אם המפתח שהעברנו בפרמטר הראשון לא נמצא במילון:\n",
     "</p>"
    ]
@@ -258,12 +258,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב להתנהגות המיוחדת של הפעולה <code>get</code>!<br>\n",
-    "    אם המפתח שהעברנו בארגומנט הראשון לא קיים במילון, היא מחזירה את הערך שכתוב בארגומנט השני.<br>\n",
-    "    אפשר להעביר לה ארגומנט אחד, ואפשר להעביר לה שני ארגומנטים. היא מתפקדת כראוי בשני המצבים.<br>\n",
-    "    זו לא פעם ראשונה שאנחנו רואים פונקציות כאלו. למעשה, בשבוע שעבר למדנו על פעולות builtins רבות שמתנהגות כך:<br>\n",
-    "    <code>range</code>, <code>enumerate</code> ו־<code>round</code>, כולן יודעות לקבל מספר משתנה של ארגומנטים.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב להתנהגות המיוחדת של הפעולה <code>get</code>!<br/>\n",
+    "    אם המפתח שהעברנו בארגומנט הראשון לא קיים במילון, היא מחזירה את הערך שכתוב בארגומנט השני.<br/>\n",
+    "    אפשר להעביר לה ארגומנט אחד, ואפשר להעביר לה שני ארגומנטים. היא מתפקדת כראוי בשני המצבים.<br/>\n",
+    "    זו לא פעם ראשונה שאנחנו רואים פונקציות כאלו. למעשה, בשבוע שעבר למדנו על פעולות builtins רבות שמתנהגות כך:<br/>\n",
+    "<code>range</code>, <code>enumerate</code> ו־<code>round</code>, כולן יודעות לקבל מספר משתנה של ארגומנטים.\n",
     "</p>"
    ]
   },
@@ -271,10 +271,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נניח לפעולה <code>get</code> בינתיים. אל דאגה, נחזור אליה בקרוב.<br>\n",
-    "    בזמן שאנחנו נחים מפעולות על מילונים יום האהבה מתקרב, וחנות הוורדים הקרובה מעוניינת להעלות את מחירי כל מוצריה בשקל אחד.<br>\n",
-    "    התבקשנו לבנות עבורם פונקציה שמקבלת רשימת מחירים, ומחזירה רשימה שבה כל איבר גדול ב־1 מרשימת המחירים המקורית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נניח לפעולה <code>get</code> בינתיים. אל דאגה, נחזור אליה בקרוב.<br/>\n",
+    "    בזמן שאנחנו נחים מפעולות על מילונים יום האהבה מתקרב, וחנות הוורדים הקרובה מעוניינת להעלות את מחירי כל מוצריה בשקל אחד.<br/>\n",
+    "    התבקשנו לבנות עבורם פונקציה שמקבלת רשימת מחירים, ומחזירה רשימה שבה כל איבר גדול ב־1 מרשימת המחירים המקורית.<br/>\n",
     "    ניגש לעבודה:\n",
     "</p>"
    ]
@@ -300,11 +300,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתוך זמן קצר הפונקציה שבנינו הופכת ללהיט היסטרי בחנויות הוורדים.<br>\n",
-    "    מנהל קרטל הוורדים הבין־לאומי ג'וזפה ורדי יוצר איתנו קשר, ומבקש לשכלל התוכנה כך שיוכל להעלות את מחירי המוצרים כרצונו.<br>\n",
-    "    כדי לעמוד בדרישה, נבנה פונקציה שמקבלת רשימה, ובנוסף אליה את המחיר שיתווסף לכל איבר ברשימה זו.<br> \n",
-    "    כך, אם הקורא לפונקציה יעביר כארגומנט השני את הערך 2, כל איבר ברשימה יגדל ב־2.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתוך זמן קצר הפונקציה שבנינו הופכת ללהיט היסטרי בחנויות הוורדים.<br/>\n",
+    "    מנהל קרטל הוורדים הבין־לאומי ג'וזפה ורדי יוצר איתנו קשר, ומבקש לשכלל התוכנה כך שיוכל להעלות את מחירי המוצרים כרצונו.<br/>\n",
+    "    כדי לעמוד בדרישה, נבנה פונקציה שמקבלת רשימה, ובנוסף אליה את המחיר שיתווסף לכל איבר ברשימה זו.<br/> \n",
+    "    כך, אם הקורא לפונקציה יעביר כארגומנט השני את הערך 2, כל איבר ברשימה יגדל ב־2.<br/>\n",
     "    נממש בקלילות:\n",
     "</p>"
    ]
@@ -331,10 +331,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ורדי פוצח בשירה מרוב אושר, ומבקש שכלול אחרון לפונקציה, אם אפשר.<br>\n",
-    "    אם הקורא לפונקציה העביר לה רק את רשימת המחירים, העלו את כל המחירים בשקל, כברירת מחדל.<br>\n",
-    "    אם כן הועבר הארגומנט השני, העלו את המחיר לפי הערך שצוין באותו ארגומנט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ורדי פוצח בשירה מרוב אושר, ומבקש שכלול אחרון לפונקציה, אם אפשר.<br/>\n",
+    "    אם הקורא לפונקציה העביר לה רק את רשימת המחירים, העלו את כל המחירים בשקל, כברירת מחדל.<br/>\n",
+    "    אם כן הועבר הארגומנט השני, העלו את המחיר לפי הערך שצוין באותו ארגומנט.<br/>\n",
     "</p>"
    ]
   },
@@ -342,7 +342,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפעם אנחנו מתחבטים קצת יותר, מגרדים בראש, קוראים כמה מדריכי פייתון ומגיעים לבסוף לתשובה הבאה:\n",
     "</p>"
    ]
@@ -370,9 +370,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כשאנחנו רוצים להגדיר פרמטר עם ערך ברירת מחדל, נוכל לקבוע את ערך ברירת המחדל שלו בכותרת הפונקציה.<br>\n",
-    "    אם יועבר ארגומנט שכזה לפונקציה – פייתון תשתמש בערך שהועבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כשאנחנו רוצים להגדיר פרמטר עם ערך ברירת מחדל, נוכל לקבוע את ערך ברירת המחדל שלו בכותרת הפונקציה.<br/>\n",
+    "    אם יועבר ארגומנט שכזה לפונקציה – פייתון תשתמש בערך שהועבר.<br/>\n",
     "    אם לא – יילקח ערך ברירת המחדל שהוגדר בכותרת הפונקציה. \n",
     "</p>"
    ]
@@ -381,9 +381,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה שלנו הגדרנו את הפרמטר <code>increment_by</code> עם ערך ברירת המחדל 1.<br>\n",
-    "    קריאה לפונקציה עם ארגומנט אחד בלבד (רשימת המחירים) תגדיל את כל המחירים ב־1, שהרי הוא ערך ברירת המחדל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה שלנו הגדרנו את הפרמטר <code>increment_by</code> עם ערך ברירת המחדל 1.<br/>\n",
+    "    קריאה לפונקציה עם ארגומנט אחד בלבד (רשימת המחירים) תגדיל את כל המחירים ב־1, שהרי הוא ערך ברירת המחדל.<br/>\n",
     "    קריאה לפונקציה עם שני ארגומנטים (רשימת המחירים, סכום ההעלאה) תגדיל את כל המחירים בסכום ההעלאה שהועבר.\n",
     "</p>"
    ]
@@ -392,7 +392,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    חשוב להבין שקריאה לפונקציה עם ערכים במקום ערכי ברירת המחדל, לא תשנה את ערך ברירת המחדל בקריאות הבאות: \n",
     "</p>"
    ]
@@ -411,23 +411,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            ממשו את פונקציית <code>get</code> המלאה. הפונקציה תקבל מילון, מפתח ו\"ערך לשעת חירום\".<br>\n",
-    "            החזירו את הערך השייך למפתח שהתקבל. אחרת – החזירו את הערך לשעת החירום שהועבר לפונקציה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            ממשו את פונקציית <code>get</code> המלאה. הפונקציה תקבל מילון, מפתח ו\"ערך לשעת חירום\".<br/>\n",
+    "            החזירו את הערך השייך למפתח שהתקבל. אחרת – החזירו את הערך לשעת החירום שהועבר לפונקציה.<br/>\n",
     "            אם לא הועבר ערך לשעת חירום והמפתח לא נמצא במילון, החזירו <samp>None</samp>. \n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -435,8 +435,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נדגים את אותו עיקרון עם כמה ערכי ברירת מחדל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נדגים את אותו עיקרון עם כמה ערכי ברירת מחדל.<br/>\n",
     "    אם הדרישה הייתה, לדוגמה, להוסיף לפונקציה גם אפשרות להנחה במחירי הפרחים, היינו יכולים לממש זאת כך:\n",
     "</p>"
    ]
@@ -465,9 +465,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אך מה יקרה כשנרצה לתת רק הנחה?<br>\n",
-    "    במקרה כזה, כשנרצה \"לדלג\" מעל אחד מערכי ברירת המחדל, נצטרך להעביר את שמות הפרמטרים בקריאה לפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אך מה יקרה כשנרצה לתת רק הנחה?<br/>\n",
+    "    במקרה כזה, כשנרצה \"לדלג\" מעל אחד מערכי ברירת המחדל, נצטרך להעביר את שמות הפרמטרים בקריאה לפונקציה.<br/>\n",
     "    בדוגמה הבאה אנחנו מעלים את המחיר ב־1 (כי זו ברירת המחדל), ומורידים אותו ב־5: \n",
     "</p>"
    ]
@@ -487,7 +487,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    זה אמנם עניין של סגנון, אבל יש יופי וסדר בציון שמות הפרמטרים גם כשלא חייבים:\n",
     "</p>"
    ]
@@ -505,16 +505,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מספר משתנה של ארגומנטים<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מספר משתנה של ארגומנטים<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה הפייתונית <code>max</code>, למשל, מתנהגת באופן משונה.<br>\n",
-    "    היא יודעת לקבל כל מספר שהוא של ארגומנטים, ולהחליט מי מהם הוא הגדול ביותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה הפייתונית <code>max</code>, למשל, מתנהגת באופן משונה.<br/>\n",
+    "    היא יודעת לקבל כל מספר שהוא של ארגומנטים, ולהחליט מי מהם הוא הגדול ביותר.<br/>\n",
     "    ראו בעצמכם!\n",
     "</p>"
    ]
@@ -532,8 +532,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל גם אנחנו לממש פונקציה שמקבלת מספר משתנה של פרמטרים די בקלות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל גם אנחנו לממש פונקציה שמקבלת מספר משתנה של פרמטרים די בקלות.<br/>\n",
     "    נתחיל מלממש פונקציה טיפשית למדי, שמקבלת מספר משתנה של פרמטרים ומדפיסה אותם:\n",
     "</p>"
    ]
@@ -560,9 +560,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה התרחש בדוגמה האחרונה, בעצם?<br>\n",
-    "    כשפרמטר מוגדר בכותרת הפונקציה עם הסימן כוכבית, אפשר לשלוח אל אותו פרמטר מספר בלתי מוגבל של ארגומנטים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה התרחש בדוגמה האחרונה, בעצם?<br/>\n",
+    "    כשפרמטר מוגדר בכותרת הפונקציה עם הסימן כוכבית, אפשר לשלוח אל אותו פרמטר מספר בלתי מוגבל של ארגומנטים.<br/>\n",
     "    הערך שייכנס לפרמטר יהיה מסוג <code>tuple</code>, שאיבריו הם כל האיברים שהועברו כארגומנטים.\n",
     "</p>"
    ]
@@ -571,7 +571,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לצורך ההדגמה, נבנה פונקציה שמקבלת פרמטרים ומדפיסה אותם בזה אחר זה:\n",
     "</p>"
    ]
@@ -598,22 +598,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            שחקו עם הפונקציה <code>silly_function2</code> וודאו שהבנתם מה מתרחש בה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            שחקו עם הפונקציה <code>silly_function2</code> וודאו שהבנתם מה מתרחש בה.<br/>\n",
     "            כשתסיימו, נסו לממש את הפונקציה <code>max</code> בעצמכם.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -621,7 +621,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נממש את <code>max</code>:\n",
     "</p>"
    ]
@@ -650,8 +650,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כותרת הפונקציה יכולה לכלול משתנים נוספים לפני הכוכבית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כותרת הפונקציה יכולה לכלול משתנים נוספים לפני הכוכבית.<br/>\n",
     "    נראה לדוגמה פונקציה שמקבלת גובה הנחה ואת מחירי כל המוצרים שקנינו, ומחזירה את הסכום הסופי שעלינו לשלם:\n",
     "</p>"
    ]
@@ -673,8 +673,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אף שבמבט ראשון הפונקציה <code>get_final_price</code> עשויה להיראות מגניבה, כדאי להיזהר משימוש מוגזם בתכונה הזו של פייתון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אף שבמבט ראשון הפונקציה <code>get_final_price</code> עשויה להיראות מגניבה, כדאי להיזהר משימוש מוגזם בתכונה הזו של פייתון.<br/>\n",
     "    הדוגמה הזו אמנם מדגימה גמישות יוצאת דופן של פייתון, אבל ככלל היא דוגמה גרועה מאוד לשימוש בכוכבית.\n",
     "</p>"
    ]
@@ -683,7 +683,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב כמה נוח יותר להבין את המימוש הבא ל־<code>get_final_price</code>, וכמה נוח יותר להבין את הקריאה לפונקציה הזו:\n",
     "</p>"
    ]
@@ -705,17 +705,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: סולל דרך<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: סולל דרך<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <code>create_path</code> שיכולה לקבל מספר בלתי מוגבל של ארגומנטים.<br>\n",
-    "    הפרמטר הראשון יהיה אות הכונן שבו הקבצים מאוחסנים (לרוב \"C\"), והפרמטרים שאחריו יהיו שמות של תיקיות וקבצים.<br>\n",
-    "    שרשרו אותם בעזרת התו <code>\\</code> כדי ליצור מהם מחרוזת המייצגת נתיב במחשב. אחרי האות של הכונן שימו נקודתיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <code>create_path</code> שיכולה לקבל מספר בלתי מוגבל של ארגומנטים.<br/>\n",
+    "    הפרמטר הראשון יהיה אות הכונן שבו הקבצים מאוחסנים (לרוב \"C\"), והפרמטרים שאחריו יהיו שמות של תיקיות וקבצים.<br/>\n",
+    "    שרשרו אותם בעזרת התו <code>\\</code> כדי ליצור מהם מחרוזת המייצגת נתיב במחשב. אחרי האות של הכונן שימו נקודתיים.<br/>\n",
     "    הניחו שהקלט שהמשתמש הכניס הוא תקין.\n",
     "</p>"
    ]
@@ -724,7 +724,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה כמה דוגמאות לקריאות לפונקציה ולערכי ההחזרה שלה:\n",
     "</p>"
    ]
@@ -733,12 +733,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הקריאה <code dir=\"ltr\">create_path(\"C\", \"Users\", \"Yam\")</code> תחזיר <samp dir=\"ltr\">\"C:\\Users\\Yam\"</samp></li>\n",
-    "    <li>הקריאה <code dir=\"ltr\">create_path(\"C\", \"Users\", \"Yam\", \"HaimonLimon.mp4\")</code> תחזיר <samp dir=\"ltr\">\"C:\\Users\\Yam\\HaimonLimon.mp4\"</samp></li>\n",
-    "    <li>הקריאה <code dir=\"ltr\">create_path(\"D\", \"1337.png\")</code> תחזיר <samp dir=\"ltr\">\"D:\\1337.png\"</samp></li>\n",
-    "    <li>הקריאה <code dir=\"ltr\">create_path(\"C\")</code> תחזיר <samp dir=\"ltr\">\"C:\"</samp></li>\n",
-    "    <li>הקריאה <code dir=\"ltr\">create_path()</code> תגרום לשגיאה</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הקריאה <code dir=\"ltr\">create_path(\"C\", \"Users\", \"Yam\")</code> תחזיר <samp dir=\"ltr\">\"C:\\Users\\Yam\"</samp></li>\n",
+    "<li>הקריאה <code dir=\"ltr\">create_path(\"C\", \"Users\", \"Yam\", \"HaimonLimon.mp4\")</code> תחזיר <samp dir=\"ltr\">\"C:\\Users\\Yam\\HaimonLimon.mp4\"</samp></li>\n",
+    "<li>הקריאה <code dir=\"ltr\">create_path(\"D\", \"1337.png\")</code> תחזיר <samp dir=\"ltr\">\"D:\\1337.png\"</samp></li>\n",
+    "<li>הקריאה <code dir=\"ltr\">create_path(\"C\")</code> תחזיר <samp dir=\"ltr\">\"C:\"</samp></li>\n",
+    "<li>הקריאה <code dir=\"ltr\">create_path()</code> תגרום לשגיאה</li>\n",
     "</ul>"
    ]
   },
@@ -746,14 +746,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מספר משתנה של ארגומנטים עם שמות<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מספר משתנה של ארגומנטים עם שמות<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בתחילת המחברת למדנו כיצד מעבירים לפונקציות ארגומנטים בעזרת שם:\n",
     "</p>"
    ]
@@ -775,10 +775,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל מה אם נרצה להעביר לפונקציה שלנו מספר בלתי מוגבל של ארגומנטים לפי שם?<br>\n",
-    "    נביא כדוגמה את הפעולה <code>format</code> על מחרוזות.<br>\n",
-    "    <code>format</code> היא פונקציה גמישה בכל הנוגע לכמות ולשמות של הארגומנטים שמועברים לה לפי שם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל מה אם נרצה להעביר לפונקציה שלנו מספר בלתי מוגבל של ארגומנטים לפי שם?<br/>\n",
+    "    נביא כדוגמה את הפעולה <code>format</code> על מחרוזות.<br/>\n",
+    "<code>format</code> היא פונקציה גמישה בכל הנוגע לכמות ולשמות של הארגומנטים שמועברים לה לפי שם.<br/>\n",
     "    נראה שתי דוגמאות לשימוש בה, שימוש שבמבט ראשון עשוי להיראות קסום:\n",
     "</p>"
    ]
@@ -809,8 +809,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נכתוב גם אנחנו פונקציה שמסוגלת לקבל מספר בלתי מוגבל של ארגומנטים לפי שם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נכתוב גם אנחנו פונקציה שמסוגלת לקבל מספר בלתי מוגבל של ארגומנטים לפי שם.<br/>\n",
     "    ניעזר תחילה בידידתנו הוותיקה, <code>silly_function</code>, כדי לראות איך הקסם קורה:\n",
     "</p>"
    ]
@@ -833,9 +833,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ההתנהגות הזו מתרחשת כיוון שהשתמשנו בשתי כוכביות לפני שם המשתנה.<br>\n",
-    "    השימוש בשתי כוכביות מאפשר לנו להעביר מספר בלתי מוגבל של ארגומנטים עם שם, באופן שמזכיר קצת את השימוש בכוכבית שראינו קודם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ההתנהגות הזו מתרחשת כיוון שהשתמשנו בשתי כוכביות לפני שם המשתנה.<br/>\n",
+    "    השימוש בשתי כוכביות מאפשר לנו להעביר מספר בלתי מוגבל של ארגומנטים עם שם, באופן שמזכיר קצת את השימוש בכוכבית שראינו קודם.<br/>\n",
     "    המשתנה שבו נשמרים הנתונים הוא מסוג מילון, ובו המפתחות יהיו שמות הארגומנטים שהועברו, והערכים – הערכים שהועברו לאותם שמות.\n",
     "</p>"
    ]
@@ -844,8 +844,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחרי שהבנו איך הסיפור הזה עובד, בואו ננסה ליצור פונקציה מעניינת יותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחרי שהבנו איך הסיפור הזה עובד, בואו ננסה ליצור פונקציה מעניינת יותר.<br/>\n",
     "    הפונקציה שנכתוב תקבל כארגומנטים כמה גרם מכל רכיב צריך כדי להכין סושי, ותדפיס לנו מתכון:\n",
     "</p>"
    ]
@@ -868,8 +868,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה זו השתמשנו בעובדה שהפרמטר שמוגדר בעזרת שתי כוכביות הוא בהכרח מילון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה זו השתמשנו בעובדה שהפרמטר שמוגדר בעזרת שתי כוכביות הוא בהכרח מילון.<br/>\n",
     "    עברנו על כל המפתחות והערכים שבו בעזרת הפעולה <code>items</code>, והדפסנו את המתכון, רכיב אחר רכיב.\n",
     "</p>"
    ]
@@ -878,15 +878,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            גרמו לפונקציה <code>print_sushi_recipe</code> להדפיס את הרכיבים לפי סדר משקלם, מהנמוך לגבוה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -894,7 +894,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פרמטר המוגדר בעזרת שתי כוכביות תמיד יופיע בסוף רשימת הפרמטרים.\n",
     "</p>"
    ]
@@ -903,17 +903,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: גזור פזורפ<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: גזור פזורפ<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <code>my_format</code> שמקבלת מחרוזת, ומספר בלתי מוגבל של פרמטרים עם שמות.<br>\n",
-    "    הפונקציה תחליף כל הופעה של <code>{key}</code> במחרוזת, אם <code>key</code> הועבר כפרמטר לפונקציה.<br>\n",
-    "    הערך שבו <code>{key}</code> יוחלף הוא הערך שהועבר ל־<code>key</code> במסגרת העברת הארגומנטים לפונקציה.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <code>my_format</code> שמקבלת מחרוזת, ומספר בלתי מוגבל של פרמטרים עם שמות.<br/>\n",
+    "    הפונקציה תחליף כל הופעה של <code>{key}</code> במחרוזת, אם <code>key</code> הועבר כפרמטר לפונקציה.<br/>\n",
+    "    הערך שבו <code>{key}</code> יוחלף הוא הערך שהועבר ל־<code>key</code> במסגרת העברת הארגומנטים לפונקציה.<br/> \n",
     "    הפונקציה לא תשתמש בפעולה <code>format</code> של מחרוזות או בפונקציות שלא למדנו עד כה.\n",
     "</p>"
    ]
@@ -922,7 +922,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה כמה דוגמאות לקריאות לפונקציה ולערכי ההחזרה שלה:\n",
     "</p>"
    ]
@@ -931,23 +931,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">my_format(\"I'm Mr. {name}, look at me!\", name=\"Meeseeks\")</code><br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">my_format(\"I'm Mr. {name}, look at me!\", name=\"Meeseeks\")</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">\"I'm Mr. Meeseeks, look at me!\"</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">my_format(\"{a} {b} {c} {c}\", a=\"wubba\", b=\"lubba\", c=\"dub\")</code><br>\n",
+    "</li>\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">my_format(\"{a} {b} {c} {c}\", a=\"wubba\", b=\"lubba\", c=\"dub\")</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">\"wubba lubba dub dub\"</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">my_format(\"The universe is basically an animal\", animal=\"Chicken\")</code><br>\n",
+    "</li>\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">my_format(\"The universe is basically an animal\", animal=\"Chicken\")</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">\"The universe is basically an animal\"</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">my_format(\"The universe is basically an animal\")</code><br>\n",
+    "</li>\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">my_format(\"The universe is basically an animal\")</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">\"The universe is basically an animal\"</samp>\n",
-    "    </li>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -955,16 +955,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חוק וסדר<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חוק וסדר<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל לשלב יחד את כל הטכניקות שלמדנו עד עכשיו לפונקציה אחת.<br>\n",
-    "    ניצור, לדוגמה, פונקציה שמחשבת עלות הכנה של עוגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל לשלב יחד את כל הטכניקות שלמדנו עד עכשיו לפונקציה אחת.<br/>\n",
+    "    ניצור, לדוגמה, פונקציה שמחשבת עלות הכנה של עוגה.<br/>\n",
     "</p>"
    ]
   },
@@ -972,18 +972,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפונקציה תקבל:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>את רשימת הרכיבים הקיימים בסופר ואת המחירים שלהם.</li>\n",
-    "    <li>את רשימת הרכיבים הדרושים כדי להכין עוגה (נניח ששם כל רכיב הוא מילה בודדת).</li>\n",
-    "    <li>אם ללקוח מגיעה הנחה.</li>\n",
-    "    <li>שיעור ההנחה, באחוזים. כברירת מחדל, אם ללקוח מגיעה הנחה – שיעורה הוא 10%.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>את רשימת הרכיבים הקיימים בסופר ואת המחירים שלהם.</li>\n",
+    "<li>את רשימת הרכיבים הדרושים כדי להכין עוגה (נניח ששם כל רכיב הוא מילה בודדת).</li>\n",
+    "<li>אם ללקוח מגיעה הנחה.</li>\n",
+    "<li>שיעור ההנחה, באחוזים. כברירת מחדל, אם ללקוח מגיעה הנחה – שיעורה הוא 10%.</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לצורך פישוט התרגיל, נתעלם לרגע מעניין הכמויות במתכון :)\n",
     "</p>"
    ]
@@ -1013,17 +1011,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הפונקציה נכתבה כדי להדגים את הטכניקה, והיא נראית די רע.<br>\n",
-    "            ראו כמה קשה להבין איזה ארגומנט שייך לאיזה פרמטר בקריאה לפונקציה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הפונקציה נכתבה כדי להדגים את הטכניקה, והיא נראית די רע.<br/>\n",
+    "            ראו כמה קשה להבין איזה ארגומנט שייך לאיזה פרמטר בקריאה לפונקציה.<br/>\n",
     "            יש להפעיל שיקול דעת לפני שימוש בטכניקות של קבלת פרמטרים מרובים.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1031,18 +1029,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב לסדר הפרמטרים בכותרת הפונקציה:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הארגומנטים שמיקומם קבוע ואנחנו יודעים מי הם הולכים להיות (<code>apply_discount</code>).</li>\n",
-    "    <li>הארגומנטים שמיקומם קבוע ואנחנו לא יודעים מי הם הולכים להיות (<code>ingredients</code>).</li>\n",
-    "    <li>הארגומנטים ששמותיהם ידועים וערך ברירת המחדל שלהם נקבע בראש הפונקציה (<code>discount_rate</code>).</li>\n",
-    "    <li>ערכים נוספים ששמותיהם לא ידועים מראש (<code>prices</code>).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הארגומנטים שמיקומם קבוע ואנחנו יודעים מי הם הולכים להיות (<code>apply_discount</code>).</li>\n",
+    "<li>הארגומנטים שמיקומם קבוע ואנחנו לא יודעים מי הם הולכים להיות (<code>ingredients</code>).</li>\n",
+    "<li>הארגומנטים ששמותיהם ידועים וערך ברירת המחדל שלהם נקבע בראש הפונקציה (<code>discount_rate</code>).</li>\n",
+    "<li>ערכים נוספים ששמותיהם לא ידועים מראש (<code>prices</code>).</li>\n",
     "</ul>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נסו לחשוב: למה נקבע דווקא הסדר הזה?\n",
     "</p>"
    ]
@@ -1051,22 +1047,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            איך הייתם כותבים את אותה הפונקציה בדיוק בלי שימוש בטכניקות שלמדנו?<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            איך הייתם כותבים את אותה הפונקציה בדיוק בלי שימוש בטכניקות שלמדנו?<br/>\n",
     "            השימוש בערכי ברירת מחדל מותר.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1074,15 +1070,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערכי ברירת מחדל שאפשר לשנותם<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ערכי ברירת מחדל שאפשר לשנותם<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יש מקרה קצה של ערכי ברירת מחדל שגורם לפייתון להתנהג קצת מוזר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יש מקרה קצה של ערכי ברירת מחדל שגורם לפייתון להתנהג קצת מוזר.<br/>\n",
     "    זה קורה כשערך ברירת המחדל שהוגדר בכותרת הפונקציה הוא mutable:\n",
     "</p>"
    ]
@@ -1106,8 +1102,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כאן נראה כאילו הפונקציה פועלת באופן שהיינו מצפים ממנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כאן נראה כאילו הפונקציה פועלת באופן שהיינו מצפים ממנה.<br/>\n",
     "    ערך ברירת המחדל של הפרמטר <code>l</code> הוא רשימה ריקה, ולכן בקריאה השנייה חוזרת רשימה עם איבר בודד, <samp>['a']</samp>.\n",
     "</p>"
    ]
@@ -1116,7 +1112,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נקרא לפונקציה עוד כמה פעמים, ונגלה משהו מוזר:\n",
     "</p>"
    ]
@@ -1138,8 +1134,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    משונה ולא הגיוני! ציפינו לקבל את הרשימה <samp>['b']</samp> ואז את הרשימה <samp>['c']</samp> וכן הלאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    משונה ולא הגיוני! ציפינו לקבל את הרשימה <samp>['b']</samp> ואז את הרשימה <samp>['c']</samp> וכן הלאה.<br/>\n",
     "    במקום זה בכל פעם מצטרף איבר חדש לרשימה. למה?\n",
     "</p>"
    ]
@@ -1148,10 +1144,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הסיבה לכך היא שפייתון קוראת את כותרת הפונקציה רק פעם אחת – בשלב ההגדרה של הפונקציה.<br>\n",
-    "    בשלב הזה שבו פייתון תקרא את כותרת הפונקציה, ערך ברירת המחדל של <code>l</code> יצביע לרשימה ריקה.<br>\n",
-    "    מאותו רגע, בכל פעם שלא נעביר ל־<code>l</code> ערך, <code>l</code> תהיה אותה רשימת ברירת מחדל שהגדרנו בהתחלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הסיבה לכך היא שפייתון קוראת את כותרת הפונקציה רק פעם אחת – בשלב ההגדרה של הפונקציה.<br/>\n",
+    "    בשלב הזה שבו פייתון תקרא את כותרת הפונקציה, ערך ברירת המחדל של <code>l</code> יצביע לרשימה ריקה.<br/>\n",
+    "    מאותו רגע, בכל פעם שלא נעביר ל־<code>l</code> ערך, <code>l</code> תהיה אותה רשימת ברירת מחדל שהגדרנו בהתחלה.<br/>\n",
     "    נדגים זאת בעזרת הדפסת ה־<code>id</code> של הרשימה:\n",
     "</p>"
    ]
@@ -1180,9 +1176,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיצד נפתור את הבעיה?<br>\n",
-    "    דבר ראשון – נשתדל שלא להגדיר משתנים מטיפוס שהוא mutable בתוך כותרת הפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיצד נפתור את הבעיה?<br/>\n",
+    "    דבר ראשון – נשתדל שלא להגדיר משתנים מטיפוס שהוא mutable בתוך כותרת הפונקציה.<br/>\n",
     "    אם נרצה בכל זאת שהפרמטר יקבל רשימה כברירת מחדל, נעשה זאת כך:\n",
     "</p>"
    ]
@@ -1209,7 +1205,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב שהתופעה לא משתחזרת במבנים שהם immutable, כיוון שכשמם כן הם – אי אפשר לשנותם:\n",
     "</p>"
    ]
@@ -1236,21 +1232,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות נוספות<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמאות נוספות<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חיקוי מדויק של פונקציית get למילונים:<span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חיקוי מדויק של פונקציית get למילונים:<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נרענן את זיכרוננו בנוגע ל־unpacking:\n",
     "</p>"
    ]
@@ -1270,7 +1266,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    או:\n",
     "</p>"
    ]
@@ -1291,7 +1287,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם כך, נוכל לכתוב:\n",
     "</p>"
    ]
@@ -1310,8 +1306,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב שהכוכביות בשורה הראשונה עוזרות לנו לקבל מספר משתנה של ארגומנטים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב שהכוכביות בשורה הראשונה עוזרות לנו לקבל מספר משתנה של ארגומנטים.<br/>\n",
     "    הכוכביות בשורה השנייה הן unpacking, כפי שלמדנו בשבוע שעבר.\n",
     "</p>"
    ]
@@ -1320,7 +1316,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    החיקוי הזה לא מועיל לנו במיוחד כרגע, אבל הוא יעבוד עבור כל סוג של פעולה.\n",
     "</p>"
    ]
@@ -1329,14 +1325,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>ערכי ברירת מחדל</dt><dd>Default Parameters. פרמטרים שנקבע להם ערך ברירת מחדל בכותרת הפונקציה.</dd>\n",
     "<dt>ארגומנטים לפי מיקום</dt><dd>Positional Arguments. ערכים המועברים כארגומנטים בקריאה לפונקציה לפי המיקום שלהם, וללא שם לידם.</dd>\n",
     "<dt>ארגומנטים לפי שם</dt><dd>Keyword Arguments. ערכים המועברים כארגומנטים בקריאה לפונקציה לפי השם שלהם שנמצא לפני השווה.</dd>\n",
@@ -1349,21 +1345,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים<span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כפלו לי שתו לי<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כפלו לי שתו לי<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו פונקציה בשם <var>avg</var> שמקבלת מספר בלתי מוגבל של ארגומנטים, ומדפיסה את הממוצע שלהם.\n",
     "</p>"
    ]
@@ -1372,20 +1368,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">avg(5, 6)</code>\n",
     "        תחזיר <samp dir=\"ltr\">5.5</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">avg(10, 5, 3)</code>\n",
     "        תחזיר <samp dir=\"ltr\">6</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">avg(2)</code>\n",
     "        תחזיר <samp dir=\"ltr\">2</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">avg()</code>\n",
     "        תחזיר <samp dir=\"ltr\">None</samp> או שגיאה, לבחירתכם\n",
     "    </li>\n",
@@ -1396,17 +1392,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Cup of join<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Cup of join<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>join</var>, שמקבלת מספר בלתי מוגבל של רשימות, כל רשימה כפרמטר.<br>\n",
-    "    על הפונקציה להיות מסוגלת לקבל פרמטר נוסף בשם <code>sep</code>.<br>\n",
-    "    על הפונקציה להחזיר רשימה אחת המורכבת מכלל הרשימות שהתקבלו כפרמטרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>join</var>, שמקבלת מספר בלתי מוגבל של רשימות, כל רשימה כפרמטר.<br/>\n",
+    "    על הפונקציה להיות מסוגלת לקבל פרמטר נוסף בשם <code>sep</code>.<br/>\n",
+    "    על הפונקציה להחזיר רשימה אחת המורכבת מכלל הרשימות שהתקבלו כפרמטרים.<br/>\n",
     "    אם סופק הפרמטר <var>sep</var>, יש לשרשר אותו כאיבר בין כל שתי רשימות. אם הוא לא סופק, יש לשרשר את התו <code>\"-\"</code> במקום. \n",
     "</p>"
    ]
@@ -1415,20 +1411,20 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">join([1, 2], [8], [9, 5, 6], sep='@')</code>\n",
     "        תחזיר <samp dir=\"ltr\">[1, 2, '@', 8, '@', 9, 5, 6]</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">join([1, 2], [8], [9, 5, 6])</code>\n",
     "        תחזיר <samp dir=\"ltr\">[1, 2, '-', 8, '-', 9, 5, 6]</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">join([1])</code>\n",
     "        תחזיר <samp dir=\"ltr\">[1]</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
+    "</li>\n",
+    "<li>\n",
     "        הקריאה <code dir=\"ltr\">join()</code>\n",
     "        תחזיר <samp dir=\"ltr\">None</samp> או שגיאה, לבחירתכם\n",
     "    </li>\n",
@@ -1439,15 +1435,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חתכת עוגה<span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חתכת עוגה<span></span></span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו פונקציה בשם <var>get_recipe_price</var>, שלה יש:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו פונקציה בשם <var>get_recipe_price</var>, שלה יש:<br/>\n",
     "</p>"
    ]
   },
@@ -1455,18 +1451,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
-    "        פרמטר בשם <var>prices</var>, שיקבל מילון של מצרכים הדרושים כדי להכין מתכון מסוים.<br>\n",
-    "        מפתח המילון יהיה שם המוצר, וערך המילון יהיה המחיר שלו ל־100 גרם.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
+    "        פרמטר בשם <var>prices</var>, שיקבל מילון של מצרכים הדרושים כדי להכין מתכון מסוים.<br/>\n",
+    "        מפתח המילון יהיה שם המוצר, וערך המילון יהיה המחיר שלו ל־100 גרם.<br/>\n",
     "        הניחו ששמו של כל רכיב הוא מילה אחת, ללא רווחים וללא תווים מיוחדים.\n",
     "    </li>\n",
-    "    <li>\n",
-    "        פרמטר רשות בשם <var>optionals</var> שיקבל רשימה של רכיבים שנתעלם מהם, משמע – לא נקנה מהם בכלל.<br>\n",
+    "<li>\n",
+    "        פרמטר רשות בשם <var>optionals</var> שיקבל רשימה של רכיבים שנתעלם מהם, משמע – לא נקנה מהם בכלל.<br/>\n",
     "        אם הפרמטר לא יצוין, יש להתייחס לכל הרכיבים שהועברו.\n",
     "    </li>\n",
-    "    <li>\n",
-    "        עבור כל רכיב שהועבר ב־<var>ingredients</var>, יש להעביר ארגומנט הנושא את שמו של הרכיב.<br>\n",
+    "<li>\n",
+    "        עבור כל רכיב שהועבר ב־<var>ingredients</var>, יש להעביר ארגומנט הנושא את שמו של הרכיב.<br/>\n",
     "        ערך הארגומנט צריך להיות כמות הרכיב (בגרמים) שממנה אנחנו רוצים לקנות עבור המתכון.\n",
     "    </li>\n",
     "</ul>"
@@ -1476,7 +1472,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפונקציה תחזיר את המחיר שעלינו לשלם על קניית כל המצרכים.\n",
     "</p>"
    ]
@@ -1485,19 +1481,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">get_recipe_price({'chocolate': 18, 'milk': 8}, chocolate=200, milk=100)</code><br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">get_recipe_price({'chocolate': 18, 'milk': 8}, chocolate=200, milk=100)</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">44</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">get_recipe_price({'chocolate': 18, 'milk': 8}, optionals=['milk'], chocolate=300)</code><br>\n",
+    "</li>\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">get_recipe_price({'chocolate': 18, 'milk': 8}, optionals=['milk'], chocolate=300)</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">54</samp>\n",
-    "    </li>\n",
-    "    <li>\n",
-    "        הקריאה <code dir=\"ltr\">get_recipe_price({})</code><br>\n",
+    "</li>\n",
+    "<li>\n",
+    "        הקריאה <code dir=\"ltr\">get_recipe_price({})</code><br/>\n",
     "        תחזיר <samp dir=\"ltr\">0</samp>\n",
-    "    </li>\n",
+    "</li>\n",
     "</ul>"
    ]
   }
diff --git a/week5/3_Generators.ipynb b/week5/3_Generators.ipynb
index 1e102cd..d20de2d 100644
--- a/week5/3_Generators.ipynb
+++ b/week5/3_Generators.ipynb
@@ -4,31 +4,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">Generators</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Generators</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציות שיצרנו עד כה נבנו כך שיחזירו ערך אחד בכל קריאה.<br>\n",
-    "    הערך הזה יכול היה להיות מכל טיפוס שהוא: בוליאני, מחרוזת, tuple וכדומה.<br>\n",
-    "    אם נרצה להחזיר כמה ערכים יחד, תמיד נוכל להחזיר אותם כרשימה או כ־tuple.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציות שיצרנו עד כה נבנו כך שיחזירו ערך אחד בכל קריאה.<br/>\n",
+    "    הערך הזה יכול היה להיות מכל טיפוס שהוא: בוליאני, מחרוזת, tuple וכדומה.<br/>\n",
+    "    אם נרצה להחזיר כמה ערכים יחד, תמיד נוכל להחזיר אותם כרשימה או כ־tuple.<br/>\n",
     "    אבל מה קורה כשאנחנו רוצים להחזיר סדרת ערכים גדולה מאוד או אפילו אין־סופית?\n",
     "</p>"
    ]
@@ -37,14 +37,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למשל:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הכתובות של כל הדפים הקיימים באינטרנט.</li>\n",
-    "    <li>מילות כל השירים שראו אור מאז שנת 1400 לספירה.</li>\n",
-    "    <li>כל המספרים השלמים הגדולים מ־0.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הכתובות של כל הדפים הקיימים באינטרנט.</li>\n",
+    "<li>מילות כל השירים שראו אור מאז שנת 1400 לספירה.</li>\n",
+    "<li>כל המספרים השלמים הגדולים מ־0.</li>\n",
     "</ul>"
    ]
   },
@@ -52,9 +51,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכלים שיש בידינו כרגע, נמצא שיש בעיה ליצור רשימות כאלו.<br>\n",
-    "    עבור רשימות גדולות מאוד – לא יהיה למחשב די זיכרון ולבסוף הוא ייכשל בשמירת ערכים חדשים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכלים שיש בידינו כרגע, נמצא שיש בעיה ליצור רשימות כאלו.<br/>\n",
+    "    עבור רשימות גדולות מאוד – לא יהיה למחשב די זיכרון ולבסוף הוא ייכשל בשמירת ערכים חדשים.<br/>\n",
     "    ומה בנוגע לרשימות אין־סופיות? הן... ובכן... אין־סופיות, ולכן מלכתחילה לא נוכל ליצור אותן.\n",
     "</p>"
    ]
@@ -63,16 +62,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פתרון שמעניין לחשוב עליו הוא \"פונקציה עצלנית\".<br>\n",
-    "    אם אנחנו בשום שלב לא יכולים להחזיק בזיכרון המחשב את כל האיברים (כי יש יותר מדי מהם, או כי זו סדרה אין־סופית),<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פתרון שמעניין לחשוב עליו הוא \"פונקציה עצלנית\".<br/>\n",
+    "    אם אנחנו בשום שלב לא יכולים להחזיק בזיכרון המחשב את כל האיברים (כי יש יותר מדי מהם, או כי זו סדרה אין־סופית),<br/>\n",
     "    אולי נוכל לשלוח תחילה את הערך הראשון – ואת הערכים שבאים אחריו נשלח רק כשיבקשו אותם מאיתנו.\n",
     "</p>"
    ]
@@ -81,9 +80,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פונקציה עצלנית שכזו נקראת <dfn>generator</dfn>, ובכל פעם שנבקש ממנה, היא תחזיר לנו איבר יחיד מתוך סדרת ערכים.<br>\n",
-    "    תחילה – היא תחזיר רק את הערך הראשון, בלי לחשב את שאר האיברים. אחר כך, באותו אופן, רק את השני, אחר כך רק את השלישי וכן הלאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פונקציה עצלנית שכזו נקראת <dfn>generator</dfn>, ובכל פעם שנבקש ממנה, היא תחזיר לנו איבר יחיד מתוך סדרת ערכים.<br/>\n",
+    "    תחילה – היא תחזיר רק את הערך הראשון, בלי לחשב את שאר האיברים. אחר כך, באותו אופן, רק את השני, אחר כך רק את השלישי וכן הלאה.<br/>\n",
     "    ההבדל העיקרי בין generator לבין פונקציה רגילה, הוא שב־generator נבחר להחזיר את הערכים אחד־אחד ולא תחת מבנה מאוגד.\n",
     "</p>"
    ]
@@ -92,7 +91,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נסכם: generator היא פונקציה שיוצרת עבורנו בכל פעם ערך אחד, מחזירה אותו, ומחכה עד שנבקש את האיבר הבא.\n",
     "</p>"
    ]
@@ -101,21 +100,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת generator בסיסי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת generator בסיסי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נתחיל בהגדרת generator מטופש למדי:\n",
     "</p>"
    ]
@@ -139,8 +138,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מעניין! זה נראה ממש כמו פונקציה. נקרא למבנה הזה שיצרנו \"<dfn>פונקציית ה־generator</dfn>\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מעניין! זה נראה ממש כמו פונקציה. נקרא למבנה הזה שיצרנו \"<dfn>פונקציית ה־generator</dfn>\".<br/>\n",
     "    אבל מהו ה־<code>yield</code> המוזר הזה שנמצא שם?\n",
     "</p>"
    ]
@@ -149,7 +148,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לפני שנתהה על קנקנו, בואו ננסה לקרוא לפונקציה ונראה מה היא מחזירה:\n",
     "</p>"
    ]
@@ -167,7 +166,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אומנם למדנו שלא אומרים איכס על פונקציות, אבל מה קורה פה?\n",
     "</p>"
    ]
@@ -176,9 +175,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בניגוד לפונקציות רגילות, קריאה ל־generator לא מחזירה ערך מייד.<br>\n",
-    "    במקום ערך היא מחזירה מעין סמן, כמו בקובץ, שאפשר לדמיין כחץ שמצביע על השורה הראשונה של הפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בניגוד לפונקציות רגילות, קריאה ל־generator לא מחזירה ערך מייד.<br/>\n",
+    "    במקום ערך היא מחזירה מעין סמן, כמו בקובץ, שאפשר לדמיין כחץ שמצביע על השורה הראשונה של הפונקציה.<br/>\n",
     "    נשמור את הסמן על משתנה:\n",
     "</p>"
    ]
@@ -196,8 +195,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעקבות הקריאה ל־<code>silly_generator</code> נוצר לנו סמן שמצביע כרגע על השורה <code>a = 1</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעקבות הקריאה ל־<code>silly_generator</code> נוצר לנו סמן שמצביע כרגע על השורה <code>a = 1</code>.<br/>\n",
     "    המינוח המקצועי לסמן הזה הוא <dfn>generator iterator</dfn>.\n",
     "</p>"
    ]
@@ -206,16 +205,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/silly_generator1.png?v=1\" width=\"300px\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"תוכן הפונקציה silly_generator, כאשר חץ מצביע לשורה הראשונה שלה – a = 1\">"
+    "<img alt=\"תוכן הפונקציה silly_generator, כאשר חץ מצביע לשורה הראשונה שלה – a = 1\" src=\"images/silly_generator1.png?v=1\" style=\"display: block; margin-left: auto; margin-right: auto;\" width=\"300px\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחרי שהרצנו את השורה <code dir=\"ltr\">our_generator = silly_generator()</code>, הסמן המדובר נשמר במשתנה בשם <var>our_generator</var>.<br>\n",
-    "    זה זמן מצוין לבקש מה־generator להחזיר ערך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחרי שהרצנו את השורה <code dir=\"ltr\">our_generator = silly_generator()</code>, הסמן המדובר נשמר במשתנה בשם <var>our_generator</var>.<br/>\n",
+    "    זה זמן מצוין לבקש מה־generator להחזיר ערך.<br/>\n",
     "    נעשה זאת בעזרת הפונקציה הפייתונית <code>next</code>:\n",
     "</p>"
    ]
@@ -234,12 +233,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להבין מה התרחש נצטרך להבין שני דברים חשובים שקשורים ל־generators:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להבין מה התרחש נצטרך להבין שני דברים חשובים שקשורים ל־generators:<br/>\n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>קריאה ל־<code>next</code> היא כמו לחיצה על \"נגן\" (Play) – היא גורמת לסמן לרוץ עד שהוא מגיע לשורה של החזרת ערך.</li>\n",
-    "    <li>מילת המפתח <code>yield</code> דומה למילת המפתח <code>return</code> – היא מפסיקה את ריצת הסמן, ומחזירה את הערך שמופיע אחריה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>קריאה ל־<code>next</code> היא כמו לחיצה על \"נגן\" (Play) – היא גורמת לסמן לרוץ עד שהוא מגיע לשורה של החזרת ערך.</li>\n",
+    "<li>מילת המפתח <code>yield</code> דומה למילת המפתח <code>return</code> – היא מפסיקה את ריצת הסמן, ומחזירה את הערך שמופיע אחריה.</li>\n",
     "</ol>"
    ]
   },
@@ -247,12 +246,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אז היה לנו סמן שהצביע על השורה הראשונה. לחצנו Play, והוא הריץ את הקוד עד שהוא הגיע לנקודה שבה מחזירים ערך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אז היה לנו סמן שהצביע על השורה הראשונה. לחצנו Play, והוא הריץ את הקוד עד שהוא הגיע לנקודה שבה מחזירים ערך.<br/>\n",
     "    ההבדל בין פונקציה לבין generator, הוא ש<mark>כשאנחנו מחזירים ערך בעזרת <code>yield</code> אנחנו \"מקפיאים\" את המצב שבו\n",
-    "    יצאנו מהפונקציה.</mark><br>\n",
-    "    ממש כמו ללחוץ על \"Pause\".<br>\n",
-    "    כשנקרא ל־<code>next</code> בפעם הבאה – הפונקציה תמשיך לרוץ מאותו המקום שבו השארנו את הסמן, עם אותם ערכי משתנים.<br>\n",
+    "    יצאנו מהפונקציה.</mark><br/>\n",
+    "    ממש כמו ללחוץ על \"Pause\".<br/>\n",
+    "    כשנקרא ל־<code>next</code> בפעם הבאה – הפונקציה תמשיך לרוץ מאותו המקום שבו השארנו את הסמן, עם אותם ערכי משתנים.<br/>\n",
     "    עכשיו הסמן מצביע על השורה <code>b = a + 1</code>, ומחכה שמישהו יקרא שוב ל־<code>next</code> כדי שהפונקציה תוכל להמשיך לרוץ:\n",
     "</p>"
    ]
@@ -270,16 +269,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נסכם מה קרה עד עכשיו:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הגדרנו פונקציה בשם <var>silly_generator</var>, שאמורה להחזיר את הערכים <samp>1</samp>, <samp>2</samp> ו־<samp dir=\"ltr\">[1, 2, 3]</samp>. קראנו לה \"<em>פונקציית הגנרטור</em>\".</li>\n",
-    "    <li>בעזרת קריאה לפונקציית הגנרטור, יצרנו \"סמן\" (generator iterator) שנקרא <var>our_generator</var> ומצביע לשורה הראשונה בפונקציה.</li>\n",
-    "    <li>בעזרת קריאה ל־<code>next</code> על ה־generator iterator, הרצנו את הסמן עד שה־generator החזיר ערך.</li>\n",
-    "    <li>למדנו ש־generator־ים מחזירים ערכים בעיקר בעזרת yield – שמחזיר ערך ושומר את המצב שבו הפונקציה עצרה.</li>\n",
-    "    <li>קראנו שוב ל־<code>next</code> על ה־generator iterator, וראינו שהוא ממשיך מהמקום שבו ה־generator הפסיק לרוץ פעם קודמת.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הגדרנו פונקציה בשם <var>silly_generator</var>, שאמורה להחזיר את הערכים <samp>1</samp>, <samp>2</samp> ו־<samp dir=\"ltr\">[1, 2, 3]</samp>. קראנו לה \"<em>פונקציית הגנרטור</em>\".</li>\n",
+    "<li>בעזרת קריאה לפונקציית הגנרטור, יצרנו \"סמן\" (generator iterator) שנקרא <var>our_generator</var> ומצביע לשורה הראשונה בפונקציה.</li>\n",
+    "<li>בעזרת קריאה ל־<code>next</code> על ה־generator iterator, הרצנו את הסמן עד שה־generator החזיר ערך.</li>\n",
+    "<li>למדנו ש־generator־ים מחזירים ערכים בעיקר בעזרת yield – שמחזיר ערך ושומר את המצב שבו הפונקציה עצרה.</li>\n",
+    "<li>קראנו שוב ל־<code>next</code> על ה־generator iterator, וראינו שהוא ממשיך מהמקום שבו ה־generator הפסיק לרוץ פעם קודמת.</li>\n",
     "</ol>"
    ]
   },
@@ -287,21 +285,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            תוכלו לחזות מה יקרה אם נקרא שוב ל־<code>next(our_generator)</code>?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -309,7 +307,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה:\n",
     "</p>"
    ]
@@ -327,10 +325,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יופי! הכל הלך כמצופה.<br>\n",
-    "    אבל מה צופן לנו העתיד?<br>\n",
-    "    בפעם הבאה שנבקש ערך מהפונקציה, הסמן שלנו ירוץ הלאה ולא ייתקל ב־<code>yield</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יופי! הכל הלך כמצופה.<br/>\n",
+    "    אבל מה צופן לנו העתיד?<br/>\n",
+    "    בפעם הבאה שנבקש ערך מהפונקציה, הסמן שלנו ירוץ הלאה ולא ייתקל ב־<code>yield</code>.<br/>\n",
     "    במקרה כזה, נקבל שגיאת <var>StopIteration</var>, שמבשרת לנו ש־<code>next</code> לא הצליח לחלץ מה־generator את הערך הבא.\n",
     "</p>"
    ]
@@ -348,10 +346,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מובן שאין סיבה להילחץ.<br>\n",
-    "    במקרה הזה אפילו לא מדובר במשהו רע – פשוט כילינו את כל הערכים מה־generator iterator שלנו.<br>\n",
-    "    פונקציית ה־generator עדיין קיימת!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מובן שאין סיבה להילחץ.<br/>\n",
+    "    במקרה הזה אפילו לא מדובר במשהו רע – פשוט כילינו את כל הערכים מה־generator iterator שלנו.<br/>\n",
+    "    פונקציית ה־generator עדיין קיימת!<br/>\n",
     "    אפשר ליצור עוד generator iterator אם נרצה, ולקבל את כל הערכים שנמצאים בו באותה צורה:\n",
     "</p>"
    ]
@@ -372,9 +370,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל כשחושבים על זה, זה קצת מגוחך.<br>\n",
-    "    בכל פעם שנרצה להשיג את הערך הבא נצטרך לרשום <code>next</code>?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל כשחושבים על זה, זה קצת מגוחך.<br/>\n",
+    "    בכל פעם שנרצה להשיג את הערך הבא נצטרך לרשום <code>next</code>?<br/>\n",
     "    חייבת להיות דרך טובה יותר!\n",
     "</p>"
    ]
@@ -383,23 +381,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כל generator הוא גם iterable</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כל generator הוא גם iterable</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">for</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">for</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אז למעשה, יש יותר מדרך טובה אחת להשיג את כל הערכים שיוצאים מ־generator מסוים.<br>\n",
-    "    כהקדמה, נניח פה עובדה שלא תשאיר אתכם אדישים: ה־generator iterator הוא... iterable! הפתעת השנה, אני יודע!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אז למעשה, יש יותר מדרך טובה אחת להשיג את כל הערכים שיוצאים מ־generator מסוים.<br/>\n",
+    "    כהקדמה, נניח פה עובדה שלא תשאיר אתכם אדישים: ה־generator iterator הוא... iterable! הפתעת השנה, אני יודע!<br/>\n",
     "    אמנם אי אפשר לפנות לאיברים שלו לפי מיקום, אך בהחלט אפשר לעבור עליהם בעזרת לולאת <code>for</code>, לדוגמה:\n",
     "</p>"
    ]
@@ -419,17 +417,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה מתרחש כאן?<br>\n",
-    "    אנחנו מבקשים מלולאת ה־<code>for</code> לעבור על ה־generator iterator שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה מתרחש כאן?<br/>\n",
+    "    אנחנו מבקשים מלולאת ה־<code>for</code> לעבור על ה־generator iterator שלנו.<br/>\n",
     "    ה־<code>for</code> עושה עבורנו את העבודה אוטומטית:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הוא מבקש את האיבר הבא מה־generator iterator באמצעות <code>next</code>.</li>\n",
-    "    <li>הוא מכניס את האיבר שהוא קיבל מה־generator ל־<var>item</var>.</li>\n",
-    "    <li>הוא מבצע את גוף הלולאה פעם אחת עבור האיבר שנמצא ב־<var>item</var>.</li>\n",
-    "    <li>הוא חוזר לראש הלולאה שוב, ומנסה לקבל את האיבר הבא באמצעות <code>next</code>. כך עד שייגמרו האיברים ב־generator iterator.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הוא מבקש את האיבר הבא מה־generator iterator באמצעות <code>next</code>.</li>\n",
+    "<li>הוא מכניס את האיבר שהוא קיבל מה־generator ל־<var>item</var>.</li>\n",
+    "<li>הוא מבצע את גוף הלולאה פעם אחת עבור האיבר שנמצא ב־<var>item</var>.</li>\n",
+    "<li>הוא חוזר לראש הלולאה שוב, ומנסה לקבל את האיבר הבא באמצעות <code>next</code>. כך עד שייגמרו האיברים ב־generator iterator.</li>\n",
     "</ol>"
    ]
   },
@@ -437,8 +434,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב שהעובדות שלמדנו בנוגע לאותו \"סמן\" יבואו לידי ביטוי גם כאן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב שהעובדות שלמדנו בנוגע לאותו \"סמן\" יבואו לידי ביטוי גם כאן.<br/>\n",
     "    הרצה נוספת של הלולאה על אותו סמן לא תדפיס יותר איברים, כיוון שהסמן מצביע כעת על סוף פונקציית ה־generator:\n",
     "</p>"
    ]
@@ -457,7 +454,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למזלנו, לולאות <code>for</code> יודעות לטפל בעצמן בשגיאת <code>StopIteration</code>, ולכן שגיאה שכזו לא תקפוץ לנו במקרה הזה.\n",
     "</p>"
    ]
@@ -466,14 +463,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרת טיפוסים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">המרת טיפוסים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דרך אחרת, לדוגמה, היא לבקש להמיר את ה־generator iterator לסוג משתנה אחר שהוא גם iterable:\n",
     "</p>"
    ]
@@ -493,8 +490,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה, השתמשנו בפונקציה <code>list</code> שיודעת להמיר ערכים iterable־ים לרשימות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה, השתמשנו בפונקציה <code>list</code> שיודעת להמיר ערכים iterable־ים לרשימות.<br/>\n",
     "    שימו לב שמה שלמדנו בנוגע ל\"סמן\" יבוא לידי ביטוי גם בהמרות:\n",
     "</p>"
    ]
@@ -512,21 +509,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימושים פרקטיים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימושים פרקטיים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חיסכון בזיכרון</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חיסכון בזיכרון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "נכתוב פונקציה רגילה שמקבלת מספר שלם, ומחזירה רשימה של כל המספרים השלמים מ־0 ועד אותו מספר (נשמע לכם מוכר?):\n",
     "</p>"
    ]
@@ -554,9 +551,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפונקציה הזו אנחנו יוצרים רשימת מספרים חדשה, המכילה את כל המספרים בין 0 לבין המספר שהועבר לפרמטר <var>upper_limit</var>.<br>\n",
-    "    אך ישנה בעיה חמורה – הפעלת הפונקציה גורמת לניצול משאבים רבים!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפונקציה הזו אנחנו יוצרים רשימת מספרים חדשה, המכילה את כל המספרים בין 0 לבין המספר שהועבר לפרמטר <var>upper_limit</var>.<br/>\n",
+    "    אך ישנה בעיה חמורה – הפעלת הפונקציה גורמת לניצול משאבים רבים!<br/>\n",
     "    אם נכניס כארגומנט 1,000 – נצטרך להחזיק רשימה המכילה 1,000 איברים שונים, ואם נכניס מספר גדול מדי – עלול להיגמר לנו הזיכרון.\n",
     "</p>"
    ]
@@ -565,8 +562,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל איזו סיבה יש לנו להחזיק בזיכרון את רשימת כל המספרים?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל איזו סיבה יש לנו להחזיק בזיכרון את רשימת כל המספרים?<br/>\n",
     "    אם לא עולה צורך מובהק שכזה, ייתכן שעדיף להחזיק בזיכרון מספר אחד בלבד בכל פעם, ולהחזירו מייד בעזרת generator:\n",
     "</p>"
    ]
@@ -593,12 +590,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב כמה הגרסה הזו אלגנטית יותר!<br>\n",
-    "    בכל פעם אנחנו פשוט שולחים את ערכו של מספר אחד (<var>current_number</var>) החוצה.<br>\n",
-    "    כשמבקשים את הערך הבא מה־generator iterator, פונקציית ה־generator חוזרת לעבוד מהנקודה שבה היא עצרה:<br>\n",
-    "    היא מעלה את ערכו של המספר הנוכחי, בודקת אם הוא נמוך מ־<var>upper_limit</var>, ושולחת גם אותו החוצה.<br>\n",
-    "    בשיטה הזו, <code>my_range(numbers)</code> לא מחזירה לנו רשימה של התוצאות – אלא generator iterator שמחזיר ערך אחד בכל פעם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב כמה הגרסה הזו אלגנטית יותר!<br/>\n",
+    "    בכל פעם אנחנו פשוט שולחים את ערכו של מספר אחד (<var>current_number</var>) החוצה.<br/>\n",
+    "    כשמבקשים את הערך הבא מה־generator iterator, פונקציית ה־generator חוזרת לעבוד מהנקודה שבה היא עצרה:<br/>\n",
+    "    היא מעלה את ערכו של המספר הנוכחי, בודקת אם הוא נמוך מ־<var>upper_limit</var>, ושולחת גם אותו החוצה.<br/>\n",
+    "    בשיטה הזו, <code>my_range(numbers)</code> לא מחזירה לנו רשימה של התוצאות – אלא generator iterator שמחזיר ערך אחד בכל פעם.<br/>\n",
     "    כך אנחנו לעולם לא מחזיקים בזיכרון 1,000 מספרים בו־זמנית.\n",
     "</p>"
    ]
@@ -607,22 +604,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            לפניכם פונקציה שמקבלת רשימה, ומחזירה עבור כל מספר ברשימה את ערכו בריבוע.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            לפניכם פונקציה שמקבלת רשימה, ומחזירה עבור כל מספר ברשימה את ערכו בריבוע.<br/>\n",
     "            זוהי גרסה מעט בזבזנית שמשתמשת בהרבה זיכרון. תוכלו להמיר אותה להיות generator?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -647,16 +644,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תשובות חלקיות</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תשובות חלקיות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים ניאלץ לבצע חישוב ארוך, שהשלמתו תימשך זמן רב מאוד.<br>\n",
-    "    במקרה כזה, נוכל להשתמש ב־generator כדי לקבל חלק מהתוצאה בזמן אמת,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים ניאלץ לבצע חישוב ארוך, שהשלמתו תימשך זמן רב מאוד.<br/>\n",
+    "    במקרה כזה, נוכל להשתמש ב־generator כדי לקבל חלק מהתוצאה בזמן אמת,<br/>\n",
     "    בזמן שבפונקציה \"רגילה\" נצטרך להמתין עד סיום החישוב כולו.\n",
     "</p>"
    ]
@@ -665,9 +662,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שלשה פיתגורית, לדוגמה, היא שלישיית מספרים שלמים וחיוביים, $a$, $b$ ו־$c$, שעונים על הדרישה $a^2 + b^2 = c^2$.<br>\n",
-    "    אם כך, כדי ששלושה מספרים שאנחנו בוחרים ייחשבו שלשה פיתגורית,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שלשה פיתגורית, לדוגמה, היא שלישיית מספרים שלמים וחיוביים, $a$, $b$ ו־$c$, שעונים על הדרישה $a^2 + b^2 = c^2$.<br/>\n",
+    "    אם כך, כדי ששלושה מספרים שאנחנו בוחרים ייחשבו שלשה פיתגורית,<br/>\n",
     "    הסכום של ריבוע המספר הראשון וריבוע המספר השני, אמור להיות שווה לערכו של המספר השלישי בריבוע.\n",
     "</p>"
    ]
@@ -676,16 +673,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אלו דוגמאות לשלשות פיתגוריות:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>$(3, 4, 5)$, כיוון ש־$9 + 16 = 25$.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>$(3, 4, 5)$, כיוון ש־$9 + 16 = 25$.<br/>\n",
     "        9 הוא 3 בריבוע, 16 הוא 4 בריבוע ו־25 הוא 5 בריבוע.\n",
     "    </li>\n",
-    "    <li>$(5, 12, 13)$, כיוון ש־$25 + 144 = 169$.</li>\n",
-    "    <li>$(8, 15, 17)$, כיוון ש־$64 + 225 = 289$.</li>\n",
+    "<li>$(5, 12, 13)$, כיוון ש־$25 + 144 = 169$.</li>\n",
+    "<li>$(8, 15, 17)$, כיוון ש־$64 + 225 = 289$.</li>\n",
     "</ul>"
    ]
   },
@@ -693,7 +689,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה למצוא את כל השלשות הפיתגוריות מתחת ל־10,000 בעזרת קוד שרץ על כל השלשות האפשריות:\n",
     "</p>"
    ]
@@ -722,17 +718,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הרצת התא הקודם תתקע את המחברת (חישוב התוצאה יימשך זמן רב).<br>\n",
-    "            כדי להיות מסוגלים להריץ את התאים הבאים, לחצו <samp>00</samp> לאחר הרצת התא, ובחרו <em>Restart</em>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הרצת התא הקודם תתקע את המחברת (חישוב התוצאה יימשך זמן רב).<br/>\n",
+    "            כדי להיות מסוגלים להריץ את התאים הבאים, לחצו <samp>00</samp> לאחר הרצת התא, ובחרו <em>Restart</em>.<br/>\n",
     "            אל דאגה – האתחול יתבצע אך ורק עבור המחברת, ולא עבור מחשב.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -740,9 +736,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יו, כמה זמן נמשכת הרצת הקוד הזה... 😴<br>\n",
-    "    הלוואי שעד שהקוד הזה היה מסיים היינו מקבלים לפחות <em>חלק</em> מהתוצאות!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יו, כמה זמן נמשכת הרצת הקוד הזה... 😴<br/>\n",
+    "    הלוואי שעד שהקוד הזה היה מסיים היינו מקבלים לפחות <em>חלק</em> מהתוצאות!<br/>\n",
     "    נפנה ל־generator־ים לעזרה:\n",
     "</p>"
    ]
@@ -769,9 +765,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    איך זה קרה? קיבלנו את התשובה בתוך שבריר שנייה!<br>\n",
-    "    ובכן, זה לא מדויק – קיבלנו חלק מהתשובות. שימו לב שהקוד ממשיך להדפיס :)<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    איך זה קרה? קיבלנו את התשובה בתוך שבריר שנייה!<br/>\n",
+    "    ובכן, זה לא מדויק – קיבלנו חלק מהתשובות. שימו לב שהקוד ממשיך להדפיס :)<br/>\n",
     "</p>"
    ]
   },
@@ -779,10 +775,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    להזכירכם, ה־generator שולח את התוצאה החוצה מייד כשהוא מוצא שלשה אחת,<br>\n",
-    "    וה־for מקבל מה־generator iterable כל שלשה ברגע שהיא נמצאה.<br>\n",
-    "    ברגע שה־for מקבל שלשה, הוא מבצע את גוף הלולאה עבור אותה שלשה, ורק אז מבקש מ־generator את האיבר הבא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    להזכירכם, ה־generator שולח את התוצאה החוצה מייד כשהוא מוצא שלשה אחת,<br/>\n",
+    "    וה־for מקבל מה־generator iterable כל שלשה ברגע שהיא נמצאה.<br/>\n",
+    "    ברגע שה־for מקבל שלשה, הוא מבצע את גוף הלולאה עבור אותה שלשה, ורק אז מבקש מ־generator את האיבר הבא.<br/>\n",
     "    בגלל האופי של generators, הקוד בתא האחרון מדפיס לנו כל שלשה ברגע שהוא מצא אותה, ולא מחכה עד שיימצאו כל השלשות.\n",
     "</p>"
    ]
@@ -791,14 +787,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: מספרים פראיים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגול ביניים: מספרים פראיים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    \"פירוק לגורמים של מספר שלם\" היא בעיה שחישוב פתרונה נמשך זמן רב במחשבים מודרניים.\n",
     "</p>"
    ]
@@ -807,10 +803,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עליכם לכתוב פונקציה שמקבלת מספר חיובי שלם $n$, ומחזירה קבוצת מספרים שמכפלתם (תוצאת הכפל ביניהם) היא $n$.<br>\n",
-    "    לדוגמה, המספר 1,386 בנוי מהמכפלה של קבוצת המספרים $2 \\cdot 3 \\cdot 3 \\cdot 7 \\cdot 11$.<br>\n",
-    "    כל מספר בקבוצת המספרים הזו חייב להיות ראשוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עליכם לכתוב פונקציה שמקבלת מספר חיובי שלם $n$, ומחזירה קבוצת מספרים שמכפלתם (תוצאת הכפל ביניהם) היא $n$.<br/>\n",
+    "    לדוגמה, המספר 1,386 בנוי מהמכפלה של קבוצת המספרים $2 \\cdot 3 \\cdot 3 \\cdot 7 \\cdot 11$.<br/>\n",
+    "    כל מספר בקבוצת המספרים הזו חייב להיות ראשוני.<br/>\n",
     "    להזכירכם: מספר ראשוני הוא מספר שאין לו מחלקים חוץ מעצמו ומ־1.\n",
     "</p>"
    ]
@@ -819,8 +815,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הניחו שהמספר שהתקבל אינו ראשוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הניחו שהמספר שהתקבל אינו ראשוני.<br/>\n",
     "    מה היתרון של generator על פני פונקציה רגילה שעושה אותו דבר?\n",
     "</p>"
    ]
@@ -829,8 +825,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
-    "    רמז: <span style=\"background: black;\">אם תנסו לחלק את המספר ב־2, ואז ב־3 (וכן הלאה), בסופו של דבר תגיעו למחלק ראשוני של המספר.</span><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
+    "    רמז: <span style=\"background: black;\">אם תנסו לחלק את המספר ב־2, ואז ב־3 (וכן הלאה), בסופו של דבר תגיעו למחלק ראשוני של המספר.</span><br/>\n",
     "    רמז עבה: <span style=\"background: black;\">בכל פעם שמצאתם מחלק אחד למספר, חלקו את המספר במחלק, והתחילו את החיפוש מחדש. מתי עליכם לעצור?</span>\n",
     "</p>"
    ]
@@ -839,16 +835,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אוספים אין־סופיים</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אוספים אין־סופיים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עבור בעיות מסוימות, נרצה להיות מסוגלים להחזיר אין־סוף תוצאות.<br>\n",
-    "    ניקח כדוגמה לסדרה אין־סופית את סדרת פיבונאצ'י, שבה כל איבר הוא סכום זוג האיברים הקודמים לו:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עבור בעיות מסוימות, נרצה להיות מסוגלים להחזיר אין־סוף תוצאות.<br/>\n",
+    "    ניקח כדוגמה לסדרה אין־סופית את סדרת פיבונאצ'י, שבה כל איבר הוא סכום זוג האיברים הקודמים לו:<br/>\n",
     "    $1, 1, 2, 3, 5, 8, \\ldots$\n",
     "</p>"
    ]
@@ -857,8 +853,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נממש פונקציה שמחזירה לנו את סדרת פיבונאצ'י.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נממש פונקציה שמחזירה לנו את סדרת פיבונאצ'י.<br/>\n",
     "    בפונקציה רגילה אין לנו אפשרות להחזיר מספר אין־סופי של איברים, ולכן נצטרך להחליט על מספר האיברים המרבי שנרצה להחזיר:\n",
     "</p>"
    ]
@@ -887,8 +883,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעומת זאת, ל־generators לא חייב להיות סוף מוגדר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעומת זאת, ל־generators לא חייב להיות סוף מוגדר.<br/>\n",
     "    נשתמש ב־<code>while True</code> שתמיד מתקיים, כדי שבסופו של דבר – תמיד נגיע ל־<code>yield</code>: \n",
     "</p>"
    ]
@@ -921,17 +917,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            generators אין־סופיים יכולים לגרום בקלות ללולאות אין־סופיות, גם בלולאות <code>for</code>.<br>\n",
-    "            שימו לב לצורת ההתעסקות העדינה בדוגמאות למעלה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            generators אין־סופיים יכולים לגרום בקלות ללולאות אין־סופיות, גם בלולאות <code>for</code>.<br/>\n",
+    "            שימו לב לצורת ההתעסקות העדינה בדוגמאות למעלה.<br/>\n",
     "            הרצת לולאת <code>for</code> ישירות על ה־generator iterator הייתה מכניסה אותנו ללולאה אין־סופית.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -939,21 +935,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            כתבו generator שמחזיר את כל המספרים השלמים הגדולים מ־0.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -961,14 +957,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ריבוי generator iterators</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ריבוי generator iterators</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נגדיר generator פשוט שמחזיר את האיברים <samp>1</samp>, <samp>2</samp> ו־<samp>3</samp>:\n",
     "</p>"
    ]
@@ -989,7 +985,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניצור שני generator iterators (\"סמנים\") שונים שמצביעים לשורה הראשונה של ה־generator שמופיע למעלה:\n",
     "</p>"
    ]
@@ -1008,8 +1004,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעניין זה, חשוב להבין שכל אחד מה־generator iterators הוא \"חץ\" נפרד שמצביע לשורה הראשונה ב־<var>simple_generator</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעניין זה, חשוב להבין שכל אחד מה־generator iterators הוא \"חץ\" נפרד שמצביע לשורה הראשונה ב־<var>simple_generator</var>.<br/>\n",
     "    אם נבקש מכל אחד מהם להחזיר ערך, נקבל משניהם את 1, ואותו חץ דמיוני יעבור בשני ה־generator iterators להמתין בשורה השנייה:\n",
     "</p>"
    ]
@@ -1028,7 +1024,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לקדם את <var>first_gen</var>, לדוגמה, לסוף הפונקציה:\n",
     "</p>"
    ]
@@ -1047,9 +1043,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל <var>second_gen</var> הוא חץ נפרד, שעדיין מצביע לשורה השנייה של פונקציית ה־generator.<br>\n",
-    "    אם נבקש ממנו את הערך הבא, הוא ימשיך את המסע מהערך <samp>2</samp>:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל <var>second_gen</var> הוא חץ נפרד, שעדיין מצביע לשורה השנייה של פונקציית ה־generator.<br/>\n",
+    "    אם נבקש ממנו את הערך הבא, הוא ימשיך את המסע מהערך <samp>2</samp>:<br/>\n",
     "</p>"
    ]
   },
@@ -1066,10 +1062,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממצב זה נוכל להסיק שאפשר ליצור יותר מ־generator iterator אחד עבור כל פונקציית generator.<br>\n",
-    "    כל אחד מה־generator iterators יחזיק תמונת מצב עצמאית של המקום שבו עצר הסמן ושל ערכי המשתנים.<br>\n",
-    "    ההתנהלות של כל generator iterator תקרה בנפרד, ולא תושפע בשום צורה מה־generator iterators האחרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממצב זה נוכל להסיק שאפשר ליצור יותר מ־generator iterator אחד עבור כל פונקציית generator.<br/>\n",
+    "    כל אחד מה־generator iterators יחזיק תמונת מצב עצמאית של המקום שבו עצר הסמן ושל ערכי המשתנים.<br/>\n",
+    "    ההתנהלות של כל generator iterator תקרה בנפרד, ולא תושפע בשום צורה מה־generator iterators האחרים.<br/>\n",
     "</p>"
    ]
   },
@@ -1077,15 +1073,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבדלי מינוח</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבדלי מינוח</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשלב זה יש לנו הרבה מבנים שאפשר לרוץ עליהם, וכל המינוח סביב עניין האיטרביליות נעשה מעט מבלבל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשלב זה יש לנו הרבה מבנים שאפשר לרוץ עליהם, וכל המינוח סביב עניין האיטרביליות נעשה מעט מבלבל.<br/>\n",
     "    ננסה לעשות סדר בדברים:\n",
     "</p>"
    ]
@@ -1094,23 +1090,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>Iterable</dt><dd>\n",
     "    אם ערך מסוים הוא iterable, אפשר לפרק אותו ליחידות קטנות יותר, ולהתייחס לכל יחידה בנפרד.\n",
     "</dd>\n",
     "<dt>Iteration, חִזְרוּר</dt><dd>ביצוע יחיד של גוף הלולאה עבור ערך מסוים.</dd>\n",
     "<dt>Iterator</dt><dd>\n",
-    "    ערך שמייצג זרם של מידע, ומתוכו מאחזרים ערכים אחרים. אפשר לאחזר ממנו ערך אחד בכל פעם, לפי סדר מסוים, בעזרת <code dir=\"ltr\">next()</code>.<br>\n",
+    "    ערך שמייצג זרם של מידע, ומתוכו מאחזרים ערכים אחרים. אפשר לאחזר ממנו ערך אחד בכל פעם, לפי סדר מסוים, בעזרת <code dir=\"ltr\">next()</code>.<br/>\n",
     "    iterator הוא בהכרח iterable, אך לא כל iterable הוא iterator.\n",
     "</dd>\n",
     "<dt>Sequence</dt>\n",
-    "    <dd>\n",
-    "        כל iterable שאפשר לחלץ ממנו איברים באמצעות פנייה למיקום שלהם (<code>iterable[0]</code>), כמו מחרוזות, רשימות ו־tuple־ים.<br>\n",
+    "<dd>\n",
+    "        כל iterable שאפשר לחלץ ממנו איברים באמצעות פנייה למיקום שלהם (<code>iterable[0]</code>), כמו מחרוזות, רשימות ו־tuple־ים.<br/>\n",
     "        sequence הוא בהכרח iterable, אך לא כל iterable הוא sequence.\n",
     "    </dd>\n",
     "<dt>פונקציית ה־generator</dt><dd>פונקציה המכילה <code>yield</code> ומגדירה אילו ערכים יוחזרו מה־generator.</dd>\n",
     "<dt>Generator iterator</dt>\n",
-    "    <dd>\n",
+    "<dd>\n",
     "        iterator שנוצר מתוך פונקציית ה־generator.\n",
     "    </dd>\n",
     "<dt>Generator</dt><dd>לרוב מתייחס לפונקציית ה־generator, אך יש פעמים שמשתמשים במינוח כדי להתייחס ל־generator iterator.</dd>\n",
@@ -1121,18 +1117,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    Generators הם פונקציות שמאפשרות לנו להחזיר סדרות ערכים באופן מדורג.<br>\n",
-    "    כשנקרא לפונקציית generator, היא תחזיר לנו generator iterator שישמש מעין \"סמן\".<br>\n",
-    "    הסמן ישמור \"מצב\" שמתאר את המקום שבו אנחנו שוהים בתוך הפונקציה, ואת הערכים שחושבו במהלך ריצתה עד כה.<br>\n",
-    "    בכל שלב, נוכל לבקש את הערך הבא ב־generator בעזרת קריאה לפונקציה <code>next</code> על ה־generator iterator.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    Generators הם פונקציות שמאפשרות לנו להחזיר סדרות ערכים באופן מדורג.<br/>\n",
+    "    כשנקרא לפונקציית generator, היא תחזיר לנו generator iterator שישמש מעין \"סמן\".<br/>\n",
+    "    הסמן ישמור \"מצב\" שמתאר את המקום שבו אנחנו שוהים בתוך הפונקציה, ואת הערכים שחושבו במהלך ריצתה עד כה.<br/>\n",
+    "    בכל שלב, נוכל לבקש את הערך הבא ב־generator בעזרת קריאה לפונקציה <code>next</code> על ה־generator iterator.<br/>\n",
     "    נוכל גם להשתמש במבנים שיזיזו עבורנו את הסמן, כמו <code>for</code> או המרה לסוג נתונים אחר שגם הוא iterable.\n",
     "</p>"
    ]
@@ -1141,14 +1137,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ל־generators יתרונות רבים:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אפשר ליצור בעזרתם פונקציות שמחזירות מספר אין־סופי של נתונים.</li>\n",
-    "    <li>במקרים מסוימים, נוכל להיעזר בהם כדי לקבל רק חלק מהתוצאות בכל זמן נתון.</li>\n",
-    "    <li>שימוש נכון בהם יכול להיות מפתח לחיסכון משמעותי במשאבי התוכנית.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אפשר ליצור בעזרתם פונקציות שמחזירות מספר אין־סופי של נתונים.</li>\n",
+    "<li>במקרים מסוימים, נוכל להיעזר בהם כדי לקבל רק חלק מהתוצאות בכל זמן נתון.</li>\n",
+    "<li>שימוש נכון בהם יכול להיות מפתח לחיסכון משמעותי במשאבי התוכנית.</li>\n",
     "</ul>"
    ]
   },
@@ -1156,21 +1151,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פיצוץ אוכלוסין</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פיצוץ אוכלוסין</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    קראו בוויקיפדיה על דרך החישוב של <a href=\"https://he.wikipedia.org/wiki/%D7%A1%D7%A4%D7%A8%D7%AA_%D7%91%D7%99%D7%A7%D7%95%D7%A8%D7%AA#%D7%A1%D7%A4%D7%A8%D7%AA_%D7%91%D7%99%D7%A7%D7%95%D7%A8%D7%AA_%D7%91%D7%9E%D7%A1%D7%A4%D7%A8_%D7%94%D7%96%D7%94%D7%95%D7%AA_%D7%91%D7%99%D7%A9%D7%A8%D7%90%D7%9C\">ספרת הביקורת</a> במספרי הזהות בישראל. \n",
     "</p>"
    ]
@@ -1179,9 +1174,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>ממשו פונקציה שמקבלת מספר זהות ללא ספרת ביקורת, ומחזירה את ספרת הביקורת.</li>\n",
-    "    <li>ממשו תוכנית המדפיסה את כל מספרי הזהות האפשריים במדינת ישראל. השתמשו בקוד שכתבתם בסעיף הראשון.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>ממשו פונקציה שמקבלת מספר זהות ללא ספרת ביקורת, ומחזירה את ספרת הביקורת.</li>\n",
+    "<li>ממשו תוכנית המדפיסה את כל מספרי הזהות האפשריים במדינת ישראל. השתמשו בקוד שכתבתם בסעיף הראשון.</li>\n",
     "</ol>"
    ]
   },
@@ -1189,16 +1184,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנה מושלמת לחלוקה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנה מושלמת לחלוקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לחלק רול סושי של 6 יחידות לאדם אחד, ל־2 אנשים, ל־3 אנשים ול־6 אנשים.<br>\n",
-    "    נתעלם ממצבים שבהם כל אדם מקבל רק חתיכת סושי אחת. זה נשמע לי עצוב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לחלק רול סושי של 6 יחידות לאדם אחד, ל־2 אנשים, ל־3 אנשים ול־6 אנשים.<br/>\n",
+    "    נתעלם ממצבים שבהם כל אדם מקבל רק חתיכת סושי אחת. זה נשמע לי עצוב.<br/>\n",
     "    נגדיר \"מנה מושלמת לחלוקה\" כמנה שאם נסכום את כל הצורות לחלק אותה, נקבל את גודל המנה עצמה.\n",
     "</p>"
    ]
@@ -1207,15 +1202,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>רול סושי בעל 6 יחידות הוא מנה מושלמת לחלוקה, כיוון שאפשר לחלק אותו לאדם 1, ל־2 אנשים או ל־3 אנשים. $1+2+3=6$.</li>\n",
-    "    <li>רול סושי בעל 8 יחידות הוא לא מנה מושלמת לחלוקה, כי אפשר לחלק אותו לאדם 1, ל־2 אנשים או ל־4 אנשים. $1+2+4 \\neq 8$.</li>\n",
-    "    <li>רול בעל 12 יחידות גם הוא לא מנה מושלמת לחלוקה – $1 + 2 + 3 + 4 + 6 \\neq 12$.</li>\n",
-    "    <li>רול בעל 28 יחידות הוא בהחלט מנה מושלמת לחלוקה – $1 + 2 + 4 + 7 + 14 = 28$.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>רול סושי בעל 6 יחידות הוא מנה מושלמת לחלוקה, כיוון שאפשר לחלק אותו לאדם 1, ל־2 אנשים או ל־3 אנשים. $1+2+3=6$.</li>\n",
+    "<li>רול סושי בעל 8 יחידות הוא לא מנה מושלמת לחלוקה, כי אפשר לחלק אותו לאדם 1, ל־2 אנשים או ל־4 אנשים. $1+2+4 \\neq 8$.</li>\n",
+    "<li>רול בעל 12 יחידות גם הוא לא מנה מושלמת לחלוקה – $1 + 2 + 3 + 4 + 6 \\neq 12$.</li>\n",
+    "<li>רול בעל 28 יחידות הוא בהחלט מנה מושלמת לחלוקה – $1 + 2 + 4 + 7 + 14 = 28$.</li>\n",
     "</ul>"
    ]
   },
@@ -1223,7 +1217,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו תוכנית שמדפיסה באופן אין־סופי את כל גודלי המנות שנחשבים מושלמים לחלוקה.\n",
     "</p>"
    ]
@@ -1232,22 +1226,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">לחששנית</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לחששנית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקובץ resources/logo.jpg מופיע לוגו הקורס, ובתוכו מוכמנים מסרים סודיים אחדים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקובץ resources/logo.jpg מופיע לוגו הקורס, ובתוכו מוכמנים מסרים סודיים אחדים.<br/>\n",
     "    המסרים הם מחרוזות באורך 5 אותיות לפחות, כתובים באותיות אנגליות קטנות בלבד ומסתיימים בסימן קריאה.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פתחו את הלוגו לקריאה בתצורה בינארית, וחלצו ממנו את המסרים הסודיים.<br>\n",
-    "    זכרו שהקובץ עלול להיות גדול מאוד, ועדיף שלא לקרוא את כולו במכה אחת.<br>\n",
-    "    מצאו באינטרנט עזרה בנוגע לפתיחת קבצים בצורה בינארית ולקריאה מדורגת של הקובץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פתחו את הלוגו לקריאה בתצורה בינארית, וחלצו ממנו את המסרים הסודיים.<br/>\n",
+    "    זכרו שהקובץ עלול להיות גדול מאוד, ועדיף שלא לקרוא את כולו במכה אחת.<br/>\n",
+    "    מצאו באינטרנט עזרה בנוגע לפתיחת קבצים בצורה בינארית ולקריאה מדורגת של הקובץ.<br/>\n",
     "    הקפידו שלא להשתמש בטכניקות שלא למדנו (או להוסיף אותן רק בנוסף לפתרון שכזה).\n",
     "</p>"
    ]
diff --git a/week5/Summary.ipynb b/week5/Summary.ipynb
index 5c950e4..031d5ea 100644
--- a/week5/Summary.ipynb
+++ b/week5/Summary.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <p style=\"text-align:right;direction:rtl;\"> תרגילים </p> "
+    "# <p dir=\"rtl\" style=\"text-align:right;direction:rtl;\"> תרגילים </p> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התרגול השבוע כרוך בהשקעת מאמץ ניכר, ומטרתו לחזור ולחזק את היסודות שנלמדו בשבועות קודמים.<br>\n",
-    "    השבוע ניצב בפניכם אתגר חדש: חזקו את יכולות החיפוש שלכם באינטרנט ובתיעוד של פייתון, ונסו למצוא מודולים שיסייעו לכם בפתרון הבעיות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התרגול השבוע כרוך בהשקעת מאמץ ניכר, ומטרתו לחזור ולחזק את היסודות שנלמדו בשבועות קודמים.<br/>\n",
+    "    השבוע ניצב בפניכם אתגר חדש: חזקו את יכולות החיפוש שלכם באינטרנט ובתיעוד של פייתון, ונסו למצוא מודולים שיסייעו לכם בפתרון הבעיות.<br/>\n",
     "    זוהי יכולת חשובה מאוד עבור מתכנתים, וזהו בהחלט חלק נכבד מהאתגר בתרגילים שמופיעים לפניכם במחברת הזו.\n",
     "</p>"
    ]
@@ -36,14 +36,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מלחמה וזהו?</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מלחמה וזהו?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פתרו את התרגיל \"מלחמה וזהו\" משבוע 4, הפעם עם הידע החדש שרכשתם.\n",
     "</p>"
    ]
@@ -52,14 +52,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כלים שלובים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כלים שלובים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו פונקציה בשם <code>interleave</code> שמקבלת פרמטר iterable אחד או יותר, ומחזירה רשימה של האיברים שזורים זה בזה.\n",
     "</p>"
    ]
@@ -68,7 +68,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה, עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">interleave('abc', [1, 2, 3], ('!', '@', '#'))</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">['a', 1, '!', 'b', 2, '@', 'c', 3, '#']</samp>.\n",
     "</p>"
    ]
@@ -77,7 +77,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו גרסה של generator ל־interleave.\n",
     "</p>"
    ]
@@ -86,15 +86,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שובו של קשטן</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שובו של קשטן</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בחנות של אדון קשטן ישנו מילון המכיל את כל המוצרים בחנות, ואת המלאי של כל מוצר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בחנות של אדון קשטן ישנו מילון המכיל את כל המוצרים בחנות, ואת המלאי של כל מוצר.<br/>\n",
     "    רשמו פונקציה שמקבלת את המוצרים שהתקבלו במשלוח האחרון, ומעדכנת את המלאי של אדון קשטן בהתאם לכך.\n",
     "</p>"
    ]
@@ -103,7 +103,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה:\n",
     "</p>"
    ]
@@ -112,13 +112,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">add_inventory({'cheese': 2, 'milk': 1}, cheese=3, chocolate=5)</code><br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">add_inventory({'cheese': 2, 'milk': 1}, cheese=3, chocolate=5)</code><br/>\n",
     "        יוחזר המלאי: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">{'cheese': 5, 'chocolate': 5, 'milk': 1}</samp>\n",
-    "    </li>\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">add_inventory({'refrigerator': 7, 'goat': 1}, honey=2)</code><br>\n",
+    "</li>\n",
+    "<li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">add_inventory({'refrigerator': 7, 'goat': 1}, honey=2)</code><br/>\n",
     "    יוחזר המלאי: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">{'honey': 2, 'refrigerator': 7, 'goat': 1}</samp>\n",
-    "    </li>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -126,19 +126,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הארי רציונלי אבל לא נורא</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הארי רציונלי אבל לא נורא</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הספרן שהיה בדרכו להביא לי את העותק הנחשק של \"<a href=\"https://rationality.co.il/\">הארי פוטר והשיטה הרציונלית</a>\" מעד.<br>\n",
-    "    הספרים התעופפו ופרקי הספרים התפזרו לכל עבר.<br>\n",
-    "    בתיקייה resources מצורף קובץ מכווץ ובו כל פרקי הסיפור, אך למרבה הצער שם הקבצים אינו תואם לתוכן שלהם.<br>\n",
-    "    שנו את שמו של כל קובץ כך ששמו החדש יהיה מספר תלתַ־ספרתי שמתאר את מספר הפרק, ואחריו את שם הפרק.<br>\n",
-    "    לדוגמה: עבור הפרק הראשון, שם הקובץ צריך להיות <samp dir=\"ltr\" style=\"direction: ltr; font-style: italic;\">001 A Day of Very Low Probability</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הספרן שהיה בדרכו להביא לי את העותק הנחשק של \"<a href=\"https://rationality.co.il/\">הארי פוטר והשיטה הרציונלית</a>\" מעד.<br/>\n",
+    "    הספרים התעופפו ופרקי הספרים התפזרו לכל עבר.<br/>\n",
+    "    בתיקייה resources מצורף קובץ מכווץ ובו כל פרקי הסיפור, אך למרבה הצער שם הקבצים אינו תואם לתוכן שלהם.<br/>\n",
+    "    שנו את שמו של כל קובץ כך ששמו החדש יהיה מספר תלתַ־ספרתי שמתאר את מספר הפרק, ואחריו את שם הפרק.<br/>\n",
+    "    לדוגמה: עבור הפרק הראשון, שם הקובץ צריך להיות <samp dir=\"ltr\" style=\"direction: ltr; font-style: italic;\">001 A Day of Very Low Probability</samp>.<br/>\n",
     "    במהלך התרגיל ייתכן שתצטרכו לשלב עבודה עם כמה ספריות, ובהן כאלו שלא למדנו.\n",
     "</p>"
    ]
@@ -147,9 +147,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>פתחו את קובץ ה־zip ידנית לפני תחילת העבודה, וחלצו ממנו את כל הפרקים של הספר.</li>\n",
-    "    <li>כדי לדמות תרגיל מהעולם האמיתי, הושתלו כמה בעיות שבהן תתקלו לאחר שתריצו את התוכנה שלכם. פתרו אותן בעזרת תכנות.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>פתחו את קובץ ה־zip ידנית לפני תחילת העבודה, וחלצו ממנו את כל הפרקים של הספר.</li>\n",
+    "<li>כדי לדמות תרגיל מהעולם האמיתי, הושתלו כמה בעיות שבהן תתקלו לאחר שתריצו את התוכנה שלכם. פתרו אותן בעזרת תכנות.</li>\n",
     "</ul>"
    ]
   },
@@ -157,9 +157,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טיפ: גבו את הקבצים לפני שתתחילו לעבוד עליהם.<br>\n",
-    "    רמז: <span style=\"background: black;\">אפשר לפתוח קובצי html ידנית, כקובצי טקסט.</span><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טיפ: גבו את הקבצים לפני שתתחילו לעבוד עליהם.<br/>\n",
+    "    רמז: <span style=\"background: black;\">אפשר לפתוח קובצי html ידנית, כקובצי טקסט.</span><br/>\n",
     "    רמז 2: <span style=\"background: black;\">כיצד משנים שמות של קבצים באמצעות פייתון?</span>\n",
     "</p>"
    ]
@@ -168,14 +168,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פרדוקס יום ההולדת</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פרדוקס יום ההולדת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מוצגת להלן אחת מהגרסאות של <a href=\"https://he.wikipedia.org/wiki/%D7%A4%D7%A8%D7%93%D7%95%D7%A7%D7%A1_%D7%99%D7%95%D7%9D_%D7%94%D7%94%D7%95%D7%9C%D7%93%D7%AA\">פרדוקס יום ההולדת</a>:\n",
     "</p>"
    ]
@@ -184,8 +184,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<blockquote style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; border-right: 3px solid #a93226; background-color: #fbe7e6; direction: rtl; text-align: right; clear: both;\">\n",
-    "    מה הסיכוי שבכיתה שבה 23 תלמידים (חחחחח) יציינו שני תלמידים יום הולדת באותו תאריך?<br>\n",
+    "<blockquote dir=\"rtl\" style=\"border-left:none !important; position: relative; padding-left: 0.5em; padding: 1.5em; border-right: 3px solid #a93226; background-color: #fbe7e6; direction: rtl; text-align: right; clear: both;\">\n",
+    "    מה הסיכוי שבכיתה שבה 23 תלמידים (חחחחח) יציינו שני תלמידים יום הולדת באותו תאריך?<br/>\n",
     "</blockquote>"
    ]
   },
@@ -193,7 +193,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הנחות המוצא שלנו בפתירת הבעיה הן כדלהלן:\n",
     "</p>"
    ]
@@ -202,9 +202,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הילודה מפוזרת באופן שווה לאורך השנה (<a href=\"https://en.wikipedia.org/wiki/Birthday#Frequency\">היא לא</a>, אבל נדמיין שכן).</li>\n",
-    "    <li>כשאנחנו אומרים \"תאריך\" אנחנו מתכוונים לצירוף של החודש והיום, ללא התייחסות לשנה.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הילודה מפוזרת באופן שווה לאורך השנה (<a href=\"https://en.wikipedia.org/wiki/Birthday#Frequency\">היא לא</a>, אבל נדמיין שכן).</li>\n",
+    "<li>כשאנחנו אומרים \"תאריך\" אנחנו מתכוונים לצירוף של החודש והיום, ללא התייחסות לשנה.<br/>\n",
     "        מי שנולד ב־1 במאי 1992 הוא בעל תאריך יום הולדת זהה למי שנולד ב־1 במאי 1995.</li>\n",
     "</ul>"
    ]
@@ -213,7 +213,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפתרון של ה\"פרדוקס\" מפתיע את רוב האנשים ששומעים עליו לראשונה.\n",
     "</p>"
    ]
@@ -222,10 +222,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו תוכנה שמגרילה תאריכי יום הולדת עבור 10,000 כיתות, שבכל אחת מהן לומדים 23 תלמידים.<br>\n",
-    "    מהו אחוז הכיתות שבהן ציינו 2 ימי הולדת באותו תאריך? השוו עם הפתרון המוצג בוויקיפדיה.<br>\n",
-    "    דאגו שהפתרון שלכם יתחשב בכך שקיימות שנים מעוברות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו תוכנה שמגרילה תאריכי יום הולדת עבור 10,000 כיתות, שבכל אחת מהן לומדים 23 תלמידים.<br/>\n",
+    "    מהו אחוז הכיתות שבהן ציינו 2 ימי הולדת באותו תאריך? השוו עם הפתרון המוצג בוויקיפדיה.<br/>\n",
+    "    דאגו שהפתרון שלכם יתחשב בכך שקיימות שנים מעוברות.<br/>\n",
     "</p>"
    ]
   },
@@ -233,7 +233,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השתמשו בתוכנה שכתבתם כדי לחשב את הסיכויים עבור כיתות שבהן תלמיד אחד, ועד כיתות ישראליות ממוצעות שבהן 366 תלמידים.\n",
     "</p>"
    ]
diff --git a/week6/1_Sets.ipynb b/week6/1_Sets.ipynb
index 7cfd0ba..f21036e 100644
--- a/week6/1_Sets.ipynb
+++ b/week6/1_Sets.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">קבוצות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">קבוצות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dfn>קבוצה</dfn> (או <dfn>set</dfn>) בפייתון היא אוסף של איברים שמתאפיינת בתכונות הבאות:\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>קבוצה</dfn> (או <dfn>set</dfn>) בפייתון היא אוסף של איברים שמתאפיינת בתכונות הבאות:\n",
     "</p>"
    ]
   },
@@ -34,10 +34,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>לאיברים באוסף אין סדר מוגדר.</li>\n",
-    "    <li>ערך לא יכול להופיע יותר מפעם אחת.</li>\n",
-    "    <li>כל איבר חייב להיות immutable.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>לאיברים באוסף אין סדר מוגדר.</li>\n",
+    "<li>ערך לא יכול להופיע יותר מפעם אחת.</li>\n",
+    "<li>כל איבר חייב להיות immutable.</li>\n",
     "</ul>"
    ]
   },
@@ -45,15 +45,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כתובות הדואר האלקטרוני של כל הזכאים לתעודת סיום בקורס פייתון.</li>\n",
-    "    <li>המספרים הראשוניים עד 1,000.</li>\n",
-    "    <li>שמות כל הקבצים בתיקייה images.</li>\n",
-    "    <li>המילים בספר \"קפקא על החוף\", ללא כפילויות.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כתובות הדואר האלקטרוני של כל הזכאים לתעודת סיום בקורס פייתון.</li>\n",
+    "<li>המספרים הראשוניים עד 1,000.</li>\n",
+    "<li>שמות כל הקבצים בתיקייה images.</li>\n",
+    "<li>המילים בספר \"קפקא על החוף\", ללא כפילויות.</li>\n",
     "</ul>"
    ]
   },
@@ -61,21 +60,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבסיס</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הבסיס</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עד מחברת זו, לו היינו מתבקשים להגדיר מבנה נתונים שיאחסן עבורנו שמות של אומנים איטלקים ידועים, היינו משתמשים ברשימה או ב־tuple־ים:\n",
     "</p>"
    ]
@@ -96,7 +95,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אך כיוון שמדובר באוסף איברים ללא חזרות וללא סדר מוגדר, אפשר לשמור אותם כ־set:\n",
     "</p>"
    ]
@@ -114,9 +113,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לראות שההגדרות דומות מאוד במראה שלהן.<br>\n",
-    "    כדי להגדיר קבוצה, נפתח סוגריים מסולסלים (כמו במילון), ונציין את איבריה, כשהם מופרדים זה מזה בפסיקים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לראות שההגדרות דומות מאוד במראה שלהן.<br/>\n",
+    "    כדי להגדיר קבוצה, נפתח סוגריים מסולסלים (כמו במילון), ונציין את איבריה, כשהם מופרדים זה מזה בפסיקים.<br/>\n",
     "    אם תרצו, תוכלו לדמיין קבוצה כמילון שבו יש רק מפתחות.\n",
     "</p>"
    ]
@@ -125,8 +124,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל גם להגדיר קבוצה ריקה באמצעות הפונקציה <code>set</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל גם להגדיר קבוצה ריקה באמצעות הפונקציה <code>set</code>.<br/>\n",
     "    נגדיר, לדוגמה, את קבוצת כל החדי־קרן הוורודות הבלתי נראות:\n",
     "</p>"
    ]
@@ -145,7 +144,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תעלול נחמד נוסף הוא המרת iterable לקבוצה, באמצעות אותה הפונקציה:\n",
     "</p>"
    ]
@@ -165,9 +164,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בהגדרה שבתחילת הפרק ציינו שקבוצה לא תכיל כמה איברים בעלי ערך זהה.<br>\n",
-    "    למרות ההגבלה הזו, בהגדרת הקבוצה אפשר לספק ערכים שחוזרים על עצמם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בהגדרה שבתחילת הפרק ציינו שקבוצה לא תכיל כמה איברים בעלי ערך זהה.<br/>\n",
+    "    למרות ההגבלה הזו, בהגדרת הקבוצה אפשר לספק ערכים שחוזרים על עצמם.<br/>\n",
     "    הקבוצה \"תבלע\" את הכפילויות בערכים, ותשאיר רק איבר אחד מכל ערך:\n",
     "</p>"
    ]
@@ -186,22 +185,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            הגדירו קבוצה שאיבריה הם האותיות הקטנות והגדולות באנגלית.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            הגדירו קבוצה שאיבריה הם האותיות הקטנות והגדולות באנגלית.<br/>\n",
     "            ישנו פתרון פשוט שלא מצריך מכם לכתוב את כל הא\"ב.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -209,14 +208,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות בין קבוצות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות בין קבוצות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נגדיר שוב את קבוצת האומנים האיטלקים:\n",
     "</p>"
    ]
@@ -234,8 +233,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחד מיתרונותיהן רבי־הערך של קבוצות הוא היכולת לבצע ביניהן פעולות בקלות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחד מיתרונותיהן רבי־הערך של קבוצות הוא היכולת לבצע ביניהן פעולות בקלות.<br/>\n",
     "    נדגים את הרעיון בעזרת הגדרת קבוצה נוספת, הפעם של דמויות מחוברות הקומיקס של צבי הנינג'ה:\n",
     "</p>"
    ]
@@ -253,8 +252,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כעת נוכל, לדוגמה, לבחור את כל הדמויות מצבי הנינג'ה שנושאות שם של אומן איטלקי מפורסם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כעת נוכל, לדוגמה, לבחור את כל הדמויות מצבי הנינג'ה שנושאות שם של אומן איטלקי מפורסם.<br/>\n",
     "    הקבוצה שנוצרת מהאיברים המשותפים לשתי הקבוצות נקראת <dfn>קבוצת החיתוך</dfn>.\n",
     "</p>"
    ]
@@ -272,8 +271,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנן פעולות רבות נוספות שאפשר לבצע בין קבוצות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנן פעולות רבות נוספות שאפשר לבצע בין קבוצות.<br/>\n",
     "    דרך קלה להמחיש את היחסים ההדדיים בין הקבוצות הללו היא תרשים שנקרא \"<a href=\"https://he.wikipedia.org/wiki/%D7%93%D7%99%D7%90%D7%92%D7%A8%D7%9E%D7%AA_%D7%95%D7%9F\">דיאגרמת ון</a>\":\n",
     "</p>"
    ]
@@ -283,8 +282,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/venn.svg\" style=\"max-width: 600px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה מופיעים שני עיגולים: ורוד בימין, מעליו מופיע הכיתוב 'דמויות מצבי הנינג'ה', וטורקיז בשמאל, מעליו מופיע הכיתוב 'אומנים איטלקים'. בין העיגולים ישנה חפיפה קלה בצבע חום. בעיגול הוורוד שבימין יש את האיברים Splinter ו־Shredder, ובעיגול הטורקיז השמאלי את Giotto, Masacccio ו־Titian. בשטח החום שבחפיפה נמצאים האיברים Donatelo, Leonardo, Michelangelo ו־Raphael.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דיאגרמת ון של שתי קבוצות: דמויות מצבי הנינג'ה ואומנים איטלקים.<br>\n",
+    "<img alt=\"בתמונה מופיעים שני עיגולים: ורוד בימין, מעליו מופיע הכיתוב 'דמויות מצבי הנינג'ה', וטורקיז בשמאל, מעליו מופיע הכיתוב 'אומנים איטלקים'. בין העיגולים ישנה חפיפה קלה בצבע חום. בעיגול הוורוד שבימין יש את האיברים Splinter ו־Shredder, ובעיגול הטורקיז השמאלי את Giotto, Masacccio ו־Titian. בשטח החום שבחפיפה נמצאים האיברים Donatelo, Leonardo, Michelangelo ו־Raphael.\" src=\"images/venn.svg\" style=\"max-width: 600px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דיאגרמת ון של שתי קבוצות: דמויות מצבי הנינג'ה ואומנים איטלקים.<br/>\n",
     "    אפשר לראות בשטח החפיפה שבין שני העיגולים את האיברים המשותפים לשתי הקבוצות.</figcaption>\n",
     "</figure>"
    ]
@@ -293,8 +292,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל גם לבקש, לדוגמה, את שמות האומנים האיטלקים שאינם דמויות מצבי הנינג'ה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל גם לבקש, לדוגמה, את שמות האומנים האיטלקים שאינם דמויות מצבי הנינג'ה.<br/>\n",
     "    נקבל בחזרה את השמות שמופיעים בתרשים בעיגול הטורקיז, אך לא בחיתוך בין שני העיגולים:\n",
     "</p>"
    ]
@@ -312,8 +311,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באותה צורה נוכל לבקש את שמות כל הדמויות מצבי הנינג'ה שאינם אומנים איטלקים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באותה צורה נוכל לבקש את שמות כל הדמויות מצבי הנינג'ה שאינם אומנים איטלקים.<br/>\n",
     "    אלו השמות שמופיעים אך ורק בעיגול הורוד, ולא בחיתוך בין שני העיגולים:\n",
     "</p>"
    ]
@@ -331,8 +330,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לבקש גם את <dfn>קבוצת האיחוד</dfn>, שמורכבת מכל הדמויות שקיימות בשתי הקבוצות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לבקש גם את <dfn>קבוצת האיחוד</dfn>, שמורכבת מכל הדמויות שקיימות בשתי הקבוצות.<br/>\n",
     "    אלו כל הדמויות שמופיעות בשרטוט:\n",
     "</p>"
    ]
@@ -350,8 +349,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    או את כל הדמויות שלא משותפות לשתי הקבוצות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    או את כל הדמויות שלא משותפות לשתי הקבוצות.<br/>\n",
     "    אלו כל הדמויות שמופיעות מחוץ לחיתוך של שני העיגולים:\n",
     "</p>"
    ]
@@ -369,16 +368,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו קבוצה שאיבריה הם 10 <a href=\"https://he.wikipedia.org/wiki/%D7%A1%D7%93%D7%A8%D7%AA_%D7%A4%D7%99%D7%91%D7%95%D7%A0%D7%90%D7%A6%27%D7%99\">מספרי פיבונאצ'י</a> הראשונים, וקבוצה נוספת שאיבריה הם המספרים הזוגיים בין 1 ל־15.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו קבוצה שאיבריה הם 10 <a href=\"https://he.wikipedia.org/wiki/%D7%A1%D7%93%D7%A8%D7%AA_%D7%A4%D7%99%D7%91%D7%95%D7%A0%D7%90%D7%A6%27%D7%99\">מספרי פיבונאצ'י</a> הראשונים, וקבוצה נוספת שאיבריה הם המספרים הזוגיים בין 1 ל־15.<br/>\n",
     "            שרטטו דיאגרמת ון של שתי הקבוצות, ובדקו שהשרטוט נאמן למציאות בעזרת הפעולות שלמדתם למעלה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -386,16 +385,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: נענועי חנית כנגד קוף</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: נענועי חנית כנגד קוף</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתיקיית resources נמצאים הקבצים hamlet.txt ו־the-monkeys-paw.txt.<br>\n",
-    "    כמה מילים משותפות לשני החיבורים? כמה שונות?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתיקיית resources נמצאים הקבצים hamlet.txt ו־the-monkeys-paw.txt.<br/>\n",
+    "    כמה מילים משותפות לשני החיבורים? כמה שונות?<br/>\n",
     "    כמה מהמילים מופיעות רק בכפת הקוף, וכמה רק בהמלט?\n",
     "</p>"
    ]
@@ -404,15 +403,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">עריכת קבוצה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">עריכת קבוצה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קבוצה היא mutable – אפשר לערוך אותה מבלי ליצור קבוצה חדשה, בדומה לרשימות או למילונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קבוצה היא mutable – אפשר לערוך אותה מבלי ליצור קבוצה חדשה, בדומה לרשימות או למילונים.<br/>\n",
     "    תכונה זו מאפשרת לנו לצרף לקבוצה איברים חדשים או להסיר ממנה איברים קיימים בקלות רבה.\n",
     "</p>"
    ]
@@ -421,7 +420,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוסיף לקבוצת שמות הדמויות בצבי הנינג'ה את אפריל או'ניל באמצעות הפעולה <code>add</code>:\n",
     "</p>"
    ]
@@ -440,7 +439,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ונמחק מהקבוצה את שרדר הרשע באמצעות הפעולה <code>remove</code>:\n",
     "</p>"
    ]
@@ -459,7 +458,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב שניסיון למחוק ערך שלא קיים בקבוצה יכעיס את פייתון:\n",
     "</p>"
    ]
@@ -477,7 +476,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אלא אם כן נשתמש בפעולה <code>discard</code>, שמאפשרת לנו למחוק איברים מקבוצות, בלי לחשוש משגיאה:\n",
     "</p>"
    ]
@@ -496,8 +495,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ולסיום – הדמויות הרעות תמיד חוזרות לסיבוב שני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ולסיום – הדמויות הרעות תמיד חוזרות לסיבוב שני.<br/>\n",
     "    נרחיב את הקבוצה שלנו ונוסיף אליה את הנבלים מ\"שבט הרגל\" (בחיי, ככה הם תרגמו את Foot Clan!) במכה אחת, באמצעות הפעולה <code>update</code>:\n",
     "</p>"
    ]
@@ -517,17 +516,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו קבוצה של 100 המספרים הראשוניים הראשונים, וצרפו אליה את כל המספרים הזוגיים בין 1 ל־1,000.<br>\n",
-    "            צרו קבוצה נוספת של המספרים בין 1 ל־1,000 שסכום ספרותיהם קטן מ־4.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו קבוצה של 100 המספרים הראשוניים הראשונים, וצרפו אליה את כל המספרים הזוגיים בין 1 ל־1,000.<br/>\n",
+    "            צרו קבוצה נוספת של המספרים בין 1 ל־1,000 שסכום ספרותיהם קטן מ־4.<br/>\n",
     "            כמה מספרים משותפים לשתי הקבוצות שיצרתם?\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -535,15 +534,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">בדיקות שייכות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">בדיקות שייכות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחת התכונות המועילות ביותר של קבוצות היא שאפשר לבצע בעזרתן בדיקות שייכות במהירות רבה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחת התכונות המועילות ביותר של קבוצות היא שאפשר לבצע בעזרתן בדיקות שייכות במהירות רבה.<br/>\n",
     "    בדיוק כמו חיפוש מפתח במילון, בקבוצה אפשר למצוא ערך בתוך זמן קצר מאוד.\n",
     "</p>"
    ]
@@ -570,7 +569,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר גם לבדוק אם כל האיברים של קבוצה אחת נמצאים בתוך קבוצה אחרת:\n",
     "</p>"
    ]
@@ -597,7 +596,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ולהפך – אם קבוצה מסוימת מכילה את כל איברי הקבוצה השנייה:\n",
     "</p>"
    ]
@@ -616,8 +615,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/venn2.svg\" style=\"max-width: 400px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה מופיעים שני עיגולים: עיגול טורקיז גדול, מעליו מופיע הכיתוב 'אומנים איטלקים', ובתוכו עיגול חום קטן, מעליו מופיע הכיתוב 'שמות הצבים'. בעיגול החום נמצאים Donatelo, Leonardo, Michelangelo ו־Raphael, ובעיגול הטורקיז Giotto, Masacccio ו־Titian.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דיאגרמת ון שמדגימה ששמות צבי הנינג'ה הם תת־קבוצה של אומנים איטלקים.<br>\n",
+    "<img alt=\"בתמונה מופיעים שני עיגולים: עיגול טורקיז גדול, מעליו מופיע הכיתוב 'אומנים איטלקים', ובתוכו עיגול חום קטן, מעליו מופיע הכיתוב 'שמות הצבים'. בעיגול החום נמצאים Donatelo, Leonardo, Michelangelo ו־Raphael, ובעיגול הטורקיז Giotto, Masacccio ו־Titian.\" src=\"images/venn2.svg\" style=\"max-width: 400px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דיאגרמת ון שמדגימה ששמות צבי הנינג'ה הם תת־קבוצה של אומנים איטלקים.<br/>\n",
     "    אפשר לראות ששטח העיגול של הצבים \"נבלע\" בשטח העיגול של האומנים האיטלקים.</figcaption>\n",
     "</figure>"
    ]
@@ -626,15 +625,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מהיר ואמין</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מהיר ואמין</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקובץ words.txt ישנה רשימת מילים ארוכה מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקובץ words.txt ישנה רשימת מילים ארוכה מאוד.<br/>\n",
     "</p>"
    ]
   },
@@ -642,15 +641,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בנו רשימה בשם <var>words_list</var> מכל המילים המופיעות בקובץ.</li>\n",
-    "    <li>בנו קבוצה בשם <var>words_set</var> מכל המילים המופיעות בקובץ.</li>\n",
-    "    <li>בנו פונקציה בשם <var>average_runtime</var> למדידת ביצועים, שתעזור לכם להחליט מה מהיר יותר:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בנו רשימה בשם <var>words_list</var> מכל המילים המופיעות בקובץ.</li>\n",
+    "<li>בנו קבוצה בשם <var>words_set</var> מכל המילים המופיעות בקובץ.</li>\n",
+    "<li>בנו פונקציה בשם <var>average_runtime</var> למדידת ביצועים, שתעזור לכם להחליט מה מהיר יותר:\n",
     "        <ol>\n",
-    "            <li>חפשו 1,000 פעמים את המילה zwitterion בכל אחד ממבני הנתונים שיצרתם.</li>\n",
-    "            <li>הפונקציה תחזיר את הזמן ההמוצע שנמשך החיפוש במבנה הנתונים.</li>\n",
-    "        </ol>\n",
-    "    </li>\n",
+    "<li>חפשו 1,000 פעמים את המילה zwitterion בכל אחד ממבני הנתונים שיצרתם.</li>\n",
+    "<li>הפונקציה תחזיר את הזמן ההמוצע שנמשך החיפוש במבנה הנתונים.</li>\n",
+    "</ol>\n",
+    "</li>\n",
     "</ol>"
    ]
   },
@@ -658,9 +657,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמה זמן בממוצע נמשך חיפוש המילה ברשימה? ובקבוצה?<br>\n",
-    "    רמז: <span style='background: black;'>השתמשו במודול <var>time</var>.</span>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמה זמן בממוצע נמשך חיפוש המילה ברשימה? ובקבוצה?<br/>\n",
+    "    רמז: <span style=\"background: black;\">השתמשו במודול <var>time</var>.</span>\n",
     "</p>"
    ]
   },
@@ -668,15 +667,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אופרטורים בין קבוצות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אופרטורים בין קבוצות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים יהיה לנו נוח יותר להשתמש באופרטורים במקום בפעולות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים יהיה לנו נוח יותר להשתמש באופרטורים במקום בפעולות.<br/>\n",
     "    לדוגמה, הפעולה של חיתוך בין שמות הדמויות בצבי הנינג'ה לשמות האומנים האיטלקים שנעשתה כך:\n",
     "</p>"
    ]
@@ -694,7 +693,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יכולה להיעשות גם כך:\n",
     "</p>"
    ]
@@ -712,8 +711,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השימוש באופרטורים בין קבוצות יכול לקצר את הכתיבה ולשוות לה מראה נקי יותר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השימוש באופרטורים בין קבוצות יכול לקצר את הכתיבה ולשוות לה מראה נקי יותר.<br/>\n",
     "    ריכזנו עבורכם אופרטורים שבהם משתמשים תדיר כשעובדים עם קבוצות:\n",
     "</p>"
    ]
@@ -722,54 +721,54 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">אופרטורים בין קבוצות</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>שם פעולה</th>\n",
-    "            <th>שם הפעולה בפייתון</th>\n",
-    "            <th>אופרטור</th>\n",
-    "            <th>דוגמה</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td>איחוד</td>\n",
-    "            <td>union</td>\n",
-    "            <td><code>|</code></td>\n",
-    "            <td><code dir=\"ltr\">{1, 3, 5} | {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{1, 2, 3, 5}</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>חיתוך</td>\n",
-    "            <td>intersection</td>\n",
-    "            <td><code>&</code></td>\n",
-    "            <td><code dir=\"ltr\">{1, 3, 5} & {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{1, 3}</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>הפרש</td>\n",
-    "            <td>difference</td>\n",
-    "            <td><code>-</code></td>\n",
-    "            <td>\n",
-    "                <code dir=\"ltr\">{1, 3, 5} - {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{5}</code><br>\n",
-    "                <code dir=\"ltr\">{1, 2, 3} - {1, 3, 5}</code> מחזיר <code dir=\"ltr\">{2}</code>\n",
-    "            </td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>הפרש סימטרי</td>\n",
-    "            <td>symmetric_difference</td>\n",
-    "            <td><code>^</code></td>\n",
-    "            <td><code dir=\"ltr\">{1, 2, 3} ^ {1, 3, 5}</code> מחזיר <code dir=\"ltr\">{2, 5}</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td>בדיקת שייכות/הכלה</td>\n",
-    "            <td>issubset/issuperset</td>\n",
-    "            <td><code dir=\"ltr\">&lt;=</code></td>\n",
-    "            <td>\n",
-    "                <code dir=\"ltr\">{1, 2, 3} &lt;= {1, 3, 5}</code> מחזיר <code>False</code><br>\n",
-    "                <code dir=\"ltr\">{1, 2, 3} &lt;= {1, 2, 3, 4, 5}</code> מחזיר <code>True</code>\n",
-    "            </td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">אופרטורים בין קבוצות</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>שם פעולה</th>\n",
+    "<th>שם הפעולה בפייתון</th>\n",
+    "<th>אופרטור</th>\n",
+    "<th>דוגמה</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td>איחוד</td>\n",
+    "<td>union</td>\n",
+    "<td><code>|</code></td>\n",
+    "<td><code dir=\"ltr\">{1, 3, 5} | {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{1, 2, 3, 5}</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>חיתוך</td>\n",
+    "<td>intersection</td>\n",
+    "<td><code>&amp;</code></td>\n",
+    "<td><code dir=\"ltr\">{1, 3, 5} &amp; {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{1, 3}</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>הפרש</td>\n",
+    "<td>difference</td>\n",
+    "<td><code>-</code></td>\n",
+    "<td>\n",
+    "<code dir=\"ltr\">{1, 3, 5} - {1, 2, 3}</code> מחזיר <code dir=\"ltr\">{5}</code><br/>\n",
+    "<code dir=\"ltr\">{1, 2, 3} - {1, 3, 5}</code> מחזיר <code dir=\"ltr\">{2}</code>\n",
+    "</td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>הפרש סימטרי</td>\n",
+    "<td>symmetric_difference</td>\n",
+    "<td><code>^</code></td>\n",
+    "<td><code dir=\"ltr\">{1, 2, 3} ^ {1, 3, 5}</code> מחזיר <code dir=\"ltr\">{2, 5}</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td>בדיקת שייכות/הכלה</td>\n",
+    "<td>issubset/issuperset</td>\n",
+    "<td><code dir=\"ltr\">&lt;=</code></td>\n",
+    "<td>\n",
+    "<code dir=\"ltr\">{1, 2, 3} &lt;= {1, 3, 5}</code> מחזיר <code>False</code><br/>\n",
+    "<code dir=\"ltr\">{1, 2, 3} &lt;= {1, 2, 3, 4, 5}</code> מחזיר <code>True</code>\n",
+    "</td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -777,9 +776,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב לכך שאופרטורים בין קבוצות לרוב יוצרים קבוצה חדשה.<br>\n",
-    "    במקרה שאנחנו יכולים לשנות קבוצה קיימת ולנצל את היותה של קבוצה mutable, נעדיף לבחור בדרך הפעולה הזו כדי לייעל את התוכנית שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב לכך שאופרטורים בין קבוצות לרוב יוצרים קבוצה חדשה.<br/>\n",
+    "    במקרה שאנחנו יכולים לשנות קבוצה קיימת ולנצל את היותה של קבוצה mutable, נעדיף לבחור בדרך הפעולה הזו כדי לייעל את התוכנית שלנו.<br/>\n",
     "</p>"
    ]
   },
@@ -787,7 +786,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כך, לדוגמה, הוספת איברים לקבוצה בצורה הזו:\n",
     "</p>"
    ]
@@ -808,7 +807,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עדיפה על הצורה הזו:\n",
     "</p>"
    ]
@@ -829,14 +828,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו פונקציה שמקבלת נתיב ל־2 תיקיות, ומחזירה שמות של קבצים שמופיעים בשתי התיקיות.\n",
     "</p>"
    ]
@@ -868,22 +867,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חזרת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חזרת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>uniquify</var> שמקבלת רשימה של איברים, ומחזירה רשימה של אותם איברים וללא כפילויות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>uniquify</var> שמקבלת רשימה של איברים, ומחזירה רשימה של אותם איברים וללא כפילויות.<br/>\n",
     "    הניחו שאיברי כל הרשימה הם immutable.\n",
     "</p>"
    ]
@@ -892,19 +891,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ספירת מלאי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ספירת מלאי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>count_specials</var> שמקבלת מספר שלם חיובי $n$.<br>\n",
-    "    הפונקציה תחזיר את מספר המספרים החיוביים הנמוכים מ־$n$, שמתחלקים ב־3 או ב־7 ללא שארית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>count_specials</var> שמקבלת מספר שלם חיובי $n$.<br/>\n",
+    "    הפונקציה תחזיר את מספר המספרים החיוביים הנמוכים מ־$n$, שמתחלקים ב־3 או ב־7 ללא שארית.<br/>\n",
     "    לדוגמה, עבור $n=22$, המספרים הם: 3, 6, 7, 9, 12, 14, 15, 18 ו־21. במקרה כזה הפונקציה תחזיר 9.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ודאו שאתם משתמשים ב־set בפתרון התרגיל.\n",
     "</p>"
    ]
@@ -913,17 +912,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שטוחלנדיה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שטוחלנדיה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפריסת מקלדת סטנדרטית ישנן 3 שורות של מקשי אותיות.<br>\n",
-    "    האותיות שנמצאות בפינת המקלדת השמאלית־עליונה מרכיבות את הצירוף qwerty.<br>\n",
-    "    מבין שמות כל המדינות בארצות הברית, ישנו רק שם מדינה אחד שאפשר לכתוב בעזרת שורה אחת בלבד במקלדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפריסת מקלדת סטנדרטית ישנן 3 שורות של מקשי אותיות.<br/>\n",
+    "    האותיות שנמצאות בפינת המקלדת השמאלית־עליונה מרכיבות את הצירוף qwerty.<br/>\n",
+    "    מבין שמות כל המדינות בארצות הברית, ישנו רק שם מדינה אחד שאפשר לכתוב בעזרת שורה אחת בלבד במקלדת.<br/>\n",
     "</p>"
    ]
   },
@@ -931,9 +930,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קראו את שמות כל המדינות בארצות־הברית מהקובץ resources/states.txt.<br>\n",
-    "    כתבו פונקציה בשם <var>find_special_state</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קראו את שמות כל המדינות בארצות־הברית מהקובץ resources/states.txt.<br/>\n",
+    "    כתבו פונקציה בשם <var>find_special_state</var>.<br/>\n",
     "    הפונקציה תחזיר את שם המדינה שאפשר להרכיב בעזרת האותיות המופיעות באותה השורה במקלדת.\n",
     "</p>"
    ]
@@ -942,8 +941,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה, potter או hash הן מילים שנכתבו בעזרת שורה אחת במקלדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה, potter או hash הן מילים שנכתבו בעזרת שורה אחת במקלדת.<br/>\n",
     "    turtle נכתבה בעזרת 2 שורות, ו־ninja נכתבה בעזרת 3 שורות.\n",
     "</p>"
    ]
diff --git a/week6/2_Functional_Behavior.ipynb b/week6/2_Functional_Behavior.ipynb
index d09317f..d47c9c8 100644
--- a/week6/2_Functional_Behavior.ipynb
+++ b/week6/2_Functional_Behavior.ipynb
@@ -4,22 +4,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">התנהגות של פונקציות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">התנהגות של פונקציות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפסקאות הקרובות נבחן פונקציות מזווית ראייה מעט שונה מהרגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפסקאות הקרובות נבחן פונקציות מזווית ראייה מעט שונה מהרגיל.<br/>\n",
     "    בואו נקפוץ ישירות למים!\n",
     "</p>"
    ]
@@ -28,15 +28,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שם של פונקציה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שם של פונקציה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תכונה מעניינת שמתקיימת בפייתון היא שפונקציה היא ערך, בדיוק כמו כל ערך אחר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תכונה מעניינת שמתקיימת בפייתון היא שפונקציה היא ערך, בדיוק כמו כל ערך אחר.<br/>\n",
     "    נגדיר פונקציה שמעלה מספר בריבוע:\n",
     "</p>"
    ]
@@ -55,7 +55,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לבדוק מאיזה טיפוס הפונקציה (אנחנו לא קוראים לה עם סוגריים אחרי שמה  – רק מציינים את שמה):\n",
     "</p>"
    ]
@@ -73,7 +73,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ואפילו לבצע השמה שלה למשתנה, כך ששם המשתנה החדש יצביע עליה:\n",
     "</p>"
    ]
@@ -94,10 +94,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה מתרחש בתא למעלה?<br>\n",
-    "    כשהגדרנו את הפונקציה <var>square</var>, יצרנו לייזר עם התווית <var>square</var> שמצביע לפונקציה שמעלה מספר בריבוע.<br>\n",
-    "    בהשמה שביצענו בשורה הראשונה בתא שלמעלה, הלייזר שעליו מודבקת התווית <var>ribua</var> כוון אל אותה הפונקציה שעליה מצביע הלייזר <var>square</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה מתרחש בתא למעלה?<br/>\n",
+    "    כשהגדרנו את הפונקציה <var>square</var>, יצרנו לייזר עם התווית <var>square</var> שמצביע לפונקציה שמעלה מספר בריבוע.<br/>\n",
+    "    בהשמה שביצענו בשורה הראשונה בתא שלמעלה, הלייזר שעליו מודבקת התווית <var>ribua</var> כוון אל אותה הפונקציה שעליה מצביע הלייזר <var>square</var>.<br/>\n",
     "    כעת <var>square</var> ו־<var>ribua</var> מצביעים לאותה פונקציה. אפשר לבדוק זאת כך:\n",
     "</p>"
    ]
@@ -115,7 +115,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בשלב הזה אצטרך לבקש מכם לחגור חגורות, כי זה לא הולך להיות טיול רגיל הפעם.\n",
     "</p>"
    ]
@@ -124,15 +124,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות במבנים מורכבים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות במבנים מורכבים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם פונקציה היא בסך הכול ערך, ואם אפשר להתייחס לשם שלה בכל מקום, אין סיבה שלא נוכל ליצור רשימה של פונקציות!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם פונקציה היא בסך הכול ערך, ואם אפשר להתייחס לשם שלה בכל מקום, אין סיבה שלא נוכל ליצור רשימה של פונקציות!<br/>\n",
     "    ננסה לממש את הרעיון:\n",
     "</p>"
    ]
@@ -166,8 +166,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כעת יש לנו רשימה בעלת 4 איברים, שכל אחד מהם מצביע לפונקציה שונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כעת יש לנו רשימה בעלת 4 איברים, שכל אחד מהם מצביע לפונקציה שונה.<br/>\n",
     "    אם נרצה לבצע פעולת חיבור, נוכל לקרוא ישירות ל־<var>add</var> או (בשביל התרגול) לנסות לאחזר אותה מהרשימה שיצרנו:\n",
     "</p>"
    ]
@@ -193,7 +193,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם נרצה, נוכל אפילו לעבור על רשימת הפונקציות בעזרת לולאה ולהפעיל את כולן, זו אחר זו:\n",
     "</p>"
    ]
@@ -212,8 +212,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכל איטרציה של לולאת ה־<code>for</code>, המשתנה <var>function</var> עבר להצביע על הפונקציה הבאה מתוך רשימת <var>functions</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכל איטרציה של לולאת ה־<code>for</code>, המשתנה <var>function</var> עבר להצביע על הפונקציה הבאה מתוך רשימת <var>functions</var>.<br/>\n",
     "    בשורה הבאה קראנו לאותה הפונקציה ש־<var>function</var> מצביע עליה, והדפסנו את הערך שהיא החזירה.    \n",
     "</p>"
    ]
@@ -222,8 +222,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיוון שרשימה היא מבנה ששומר על סדר האיברים שבו, התוצאות מודפסות בסדר שבו הפונקציות שמורות ברשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיוון שרשימה היא מבנה ששומר על סדר האיברים שבו, התוצאות מודפסות בסדר שבו הפונקציות שמורות ברשימה.<br/>\n",
     "    התוצאה הראשונה שאנחנו רואים היא תוצאת פונקציית החיבור, השנייה היא תוצאת פונקציית החיסור וכן הלאה.\n",
     "</p>"
    ]
@@ -232,17 +232,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: סוגרים חשבון</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: סוגרים חשבון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>calc</var> שמקבלת כפרמטר שני מספרים וסימן של פעולה חשבונית.<br>\n",
-    "    הסימן יכול להיות אחד מאלה: <code>+</code>, <code>-</code>, <code>*</code> או <code>/</code>.<br>\n",
-    "    מטרת הפונקציה היא להחזיר את תוצאת הביטוי החשבוני שהופעל על שני המספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>calc</var> שמקבלת כפרמטר שני מספרים וסימן של פעולה חשבונית.<br/>\n",
+    "    הסימן יכול להיות אחד מאלה: <code>+</code>, <code>-</code>, <code>*</code> או <code>/</code>.<br/>\n",
+    "    מטרת הפונקציה היא להחזיר את תוצאת הביטוי החשבוני שהופעל על שני המספרים.<br/>\n",
     "    בפתרונכם, השתמשו בהגדרת הפונקציות מלמעלה ובמילון.\n",
     "</p>"
    ]
@@ -251,15 +251,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">העברת פונקציה כפרמטר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">העברת פונקציה כפרמטר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נמשיך ללהטט בפונקציות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נמשיך ללהטט בפונקציות.<br/>\n",
     "</p>"
    ]
   },
@@ -267,8 +267,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פונקציה נקראת \"<dfn>פונקציה מסדר גבוה</dfn>\" (<dfn>higher order function</dfn>) אם היא מקבלת כפרמטר פונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פונקציה נקראת \"<dfn>פונקציה מסדר גבוה</dfn>\" (<dfn>higher order function</dfn>) אם היא מקבלת כפרמטר פונקציה.<br/>\n",
     "    ניקח לדוגמה את הפונקציה <var>calculate</var>:\n",
     "</p>"
    ]
@@ -287,8 +287,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקריאה ל־<var>calculate</var>, נצטרך להעביר פונקציה ושני מספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקריאה ל־<var>calculate</var>, נצטרך להעביר פונקציה ושני מספרים.<br/>\n",
     "    נעביר לדוגמה את הפונקציה <var>divide</var> שהגדרנו קודם לכן:\n",
     "</p>"
    ]
@@ -306,9 +306,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה שמתרחש במקרה הזה הוא שהעברנו את הפונקציה <var>divide</var> כארגומנט ראשון.<br>\n",
-    "    הפרמטר <var>function</var> בפונקציה <var>calculate</var> מצביע כעת על פונקציית החילוק שהגדרנו למעלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה שמתרחש במקרה הזה הוא שהעברנו את הפונקציה <var>divide</var> כארגומנט ראשון.<br/>\n",
+    "    הפרמטר <var>function</var> בפונקציה <var>calculate</var> מצביע כעת על פונקציית החילוק שהגדרנו למעלה.<br/>\n",
     "    מכאן, שהפונקציה תחזיר את התוצאה של <code>divide(5, 2)</code> – הרי היא 2.5.\n",
     "</p>"
    ]
@@ -317,16 +317,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מפה לפה</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מפה לפה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו generator בשם <var>apply</var> שמקבל כפרמטר ראשון פונקציה (<var>func</var>), וכפרמטר שני iterable (<var dir=\"rtl\">iter</var>).<br>\n",
-    "    עבור כל איבר ב־iterable, ה־generator יניב את האיבר אחרי שהופעלה עליו הפונקציה <var>func</var>, דהיינו – <code>func(item)</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו generator בשם <var>apply</var> שמקבל כפרמטר ראשון פונקציה (<var>func</var>), וכפרמטר שני iterable (<var dir=\"rtl\">iter</var>).<br/>\n",
+    "    עבור כל איבר ב־iterable, ה־generator יניב את האיבר אחרי שהופעלה עליו הפונקציה <var>func</var>, דהיינו – <code>func(item)</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -334,7 +334,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ודאו שהרצת התא הבא מחזירה <code>True</code> עבור הקוד שלכם:\n",
     "</p>"
    ]
@@ -357,14 +357,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום ביניים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום ביניים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וואו. זה היה די משוגע.\n",
     "</p>"
    ]
@@ -373,10 +373,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אז למעשה, פונקציות בפייתון הן ערך לכל דבר, כמו מחרוזות ומספרים!<br>\n",
-    "    אפשר לאחסן אותן במשתנים, לשלוח אותן כארגומנטים ולכלול אותם בתוך מבני נתונים מורכבים יותר.<br>\n",
-    "    אנשי התיאוריה של מדעי המחשב נתנו להתנהגות כזו שם: \"<dfn>אזרח ממדרגה ראשונה</dfn>\" (<dfn>first class citizen</dfn>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אז למעשה, פונקציות בפייתון הן ערך לכל דבר, כמו מחרוזות ומספרים!<br/>\n",
+    "    אפשר לאחסן אותן במשתנים, לשלוח אותן כארגומנטים ולכלול אותם בתוך מבני נתונים מורכבים יותר.<br/>\n",
+    "    אנשי התיאוריה של מדעי המחשב נתנו להתנהגות כזו שם: \"<dfn>אזרח ממדרגה ראשונה</dfn>\" (<dfn>first class citizen</dfn>).<br/>\n",
     "    אם כך, אפשר להגיד על פונקציות בפייתון שהן אזרחיות ממדרגה ראשונה.\n",
     "</p>"
    ]
@@ -385,16 +385,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות מסדר גבוה בפייתון</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות מסדר גבוה בפייתון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    החדשות הטובות הן שכבר עשינו היכרות קלה עם המונח פונקציות מסדר גבוה.<br>\n",
-    "    עכשיו, כשאנחנו יודעים שמדובר בפונקציות שמקבלות פונקציה כפרמטר, נתחיל ללכלך קצת את הידיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    החדשות הטובות הן שכבר עשינו היכרות קלה עם המונח פונקציות מסדר גבוה.<br/>\n",
+    "    עכשיו, כשאנחנו יודעים שמדובר בפונקציות שמקבלות פונקציה כפרמטר, נתחיל ללכלך קצת את הידיים.<br/>\n",
     "    נציג כמה פונקציות פייתוניות מעניינות שכאלו:\n",
     "</p>"
    ]
@@ -403,17 +403,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפונקציה map</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפונקציה map</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה <var>map</var> מקבלת פונקציה כפרמטר הראשון, ו־iterable כפרמטר השני.<br>\n",
-    "    <var>map</var> מפעילה את הפונקציה מהפרמטר הראשון על כל אחד מהאיברים שהועברו ב־iterable.<br>\n",
-    "    היא מחזירה iterator שמורכב מהערכים שחזרו מהפעלת הפונקציה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה <var>map</var> מקבלת פונקציה כפרמטר הראשון, ו־iterable כפרמטר השני.<br/>\n",
+    "<var>map</var> מפעילה את הפונקציה מהפרמטר הראשון על כל אחד מהאיברים שהועברו ב־iterable.<br/>\n",
+    "    היא מחזירה iterator שמורכב מהערכים שחזרו מהפעלת הפונקציה.<br/>\n",
     "</p>"
    ]
   },
@@ -422,8 +422,8 @@
    "metadata": {},
    "source": [
     "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במילים אחרות, <var>map</var> יוצרת iterable חדש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במילים אחרות, <var>map</var> יוצרת iterable חדש.<br/>\n",
     "    ה־iterable כולל את הערך שהוחזר מהפונקציה עבור כל איבר ב־<code>iterable</code> שהועבר.\n",
     "</p>"
    ]
@@ -432,7 +432,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -451,10 +451,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה קיבלה כארגומנט ראשון את הפונקציה <var>square</var> שהגדרנו למעלה, שמטרתה העלאת מספר בריבוע.<br>\n",
-    "    כארגומנט שני היא קיבלה את רשימת כל המספרים שאנחנו רוצים שהפונקציה תרוץ עליהם.<br>\n",
-    "    כשהעברנו ל־<var>map</var> את הארגומנטים הללו, <var>map</var> החזירה לנו ב־iterator (מבנה שאפשר לעבור עליו איבר־איבר) את התוצאה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה קיבלה כארגומנט ראשון את הפונקציה <var>square</var> שהגדרנו למעלה, שמטרתה העלאת מספר בריבוע.<br/>\n",
+    "    כארגומנט שני היא קיבלה את רשימת כל המספרים שאנחנו רוצים שהפונקציה תרוץ עליהם.<br/>\n",
+    "    כשהעברנו ל־<var>map</var> את הארגומנטים הללו, <var>map</var> החזירה לנו ב־iterator (מבנה שאפשר לעבור עליו איבר־איבר) את התוצאה:<br/>\n",
     "    הריבוע, קרי החזקה השנייה, של כל אחד מהאיברים ברשימה שהועברה כארגומנט השני.\n",
     "</p>"
    ]
@@ -463,7 +463,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למעשה, אפשר להגיד ש־<code>map</code> שקולה לפונקציה הבאה:\n",
     "</p>"
    ]
@@ -483,7 +483,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הנה דוגמה נוספת לשימוש ב־<var>map</var>:\n",
     "</p>"
    ]
@@ -503,8 +503,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה הזה, בכל מעבר, קיבלה הפונקציה <var>sum</var> איבר אחד מתוך הרשימה – tuple.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה הזה, בכל מעבר, קיבלה הפונקציה <var>sum</var> איבר אחד מתוך הרשימה – tuple.<br/>\n",
     "    היא סכמה את האיברים של כל tuple שקיבלה, וכך החזירה לנו את הסכומים של כל ה־tuple־ים – זה אחרי זה.\n",
     "</p>"
    ]
@@ -513,7 +513,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ודוגמה אחרונה:\n",
     "</p>"
    ]
@@ -536,8 +536,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה הזו יצרנו פונקציה משל עצמנו, ואותה העברנו ל־map.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה הזו יצרנו פונקציה משל עצמנו, ואותה העברנו ל־map.<br/>\n",
     "    מטרת דוגמה זו היא להדגיש שאין שוני בין העברת פונקציה שקיימת בפייתון לבין פונקציה שאנחנו יצרנו.\n",
     "</p>"
    ]
@@ -546,22 +546,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת רשימת מחרוזות של שתי מילים: שם פרטי ושם משפחה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת רשימת מחרוזות של שתי מילים: שם פרטי ושם משפחה.<br/>\n",
     "            הפונקציה תשתמש ב־map כדי להחזיר מכולן רק את השם הפרטי.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -569,16 +569,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפונקציה filter</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפונקציה filter</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה <var>filter</var> מקבלת פונקציה כפרמטר ראשון, ו־iterable כפרמטר שני.<br>\n",
-    "    <var>filter</var> מפעילה על כל אחד מאיברי ה־iterable את הפונקציה, ומחזירה את האיבר אך ורק אם הערך שחזר מהפונקציה שקול ל־<code>True</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה <var>filter</var> מקבלת פונקציה כפרמטר ראשון, ו־iterable כפרמטר שני.<br/>\n",
+    "<var>filter</var> מפעילה על כל אחד מאיברי ה־iterable את הפונקציה, ומחזירה את האיבר אך ורק אם הערך שחזר מהפונקציה שקול ל־<code>True</code>.<br/>\n",
     "    אם ערך ההחזרה שקול ל־<code>False</code> – הערך \"יבלע\" ב־<var>filter</var> ולא יחזור ממנה.\n",
     "</p>"
    ]
@@ -588,8 +588,8 @@
    "metadata": {},
    "source": [
     "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במילים אחרות, <var>filter</var> יוצרת iterable חדש ומחזירה אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במילים אחרות, <var>filter</var> יוצרת iterable חדש ומחזירה אותו.<br/>\n",
     "    ה־iterable כולל רק את האיברים שעבורם הפונקציה שהועברה החזירה ערך השקול ל־<code>True</code>.\n",
     "</p>"
    ]
@@ -598,8 +598,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נבנה, לדוגמה, פונקציה שמחזירה אם אדם הוא בגיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נבנה, לדוגמה, פונקציה שמחזירה אם אדם הוא בגיר.<br/>\n",
     "    הפונקציה תקבל כפרמטר גיל, ותחזיר <code>True</code> כאשר הגיל שהועבר לה הוא לפחות 18, ו־<code>False</code> אחרת.\n",
     "</p>"
    ]
@@ -618,7 +618,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נגדיר רשימת גילים, ונבקש מ־<var>filter</var> לסנן אותם לפי הפונקציה שהגדרנו:\n",
     "</p>"
    ]
@@ -638,7 +638,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כפי שלמדנו, <var>filter</var> מחזירה לנו רק גילים השווים ל־18 או גדולים ממנו.\n",
     "</p>"
    ]
@@ -647,8 +647,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נחדד שהפונקציה שאנחנו מעבירים ל־<var>filter</var> לא חייבת להחזיר בהכרח <code>True</code> או <code>False</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נחדד שהפונקציה שאנחנו מעבירים ל־<var>filter</var> לא חייבת להחזיר בהכרח <code>True</code> או <code>False</code>.<br/>\n",
     "    הערך 0, לדוגמה, שקול ל־<code>False</code>, ולכן <var>filter</var> תסנן כל ערך שעבורו הפונקציה תחזיר 0: \n",
     "</p>"
    ]
@@ -668,8 +668,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא האחרון העברנו ל־<var>filter</var> את sum כפונקציה שאותה אנחנו רוצים להפעיל, ואת <var>to_sum</var> כאיברים שעליהם אנחנו רוצים לפעול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא האחרון העברנו ל־<var>filter</var> את sum כפונקציה שאותה אנחנו רוצים להפעיל, ואת <var>to_sum</var> כאיברים שעליהם אנחנו רוצים לפעול.<br/>\n",
     "    ה־tuple־ים שסכום איבריהם היה 0 סוננו, וקיבלנו חזרה iterator שהאיברים בו הם אך ורק אלו שסכומם שונה מ־0.\n",
     "</p>"
    ]
@@ -678,9 +678,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כטריק אחרון, נלמד ש־<var>filter</var> יכולה לקבל גם <code>None</code> בתור הפרמטר הראשון, במקום פונקציה.<br>\n",
-    "    זה יגרום ל־<var>filter</var> לא להפעיל פונקציה על האיברים שהועברו, כלומר לסנן אותם כמו שהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כטריק אחרון, נלמד ש־<var>filter</var> יכולה לקבל גם <code>None</code> בתור הפרמטר הראשון, במקום פונקציה.<br/>\n",
+    "    זה יגרום ל־<var>filter</var> לא להפעיל פונקציה על האיברים שהועברו, כלומר לסנן אותם כמו שהם.<br/>\n",
     "    איברים השקולים ל־<code>True</code> יוחזרו, ואיברים השקולים ל־<code>False</code> לא יוחזרו:\n",
     "</p>"
    ]
@@ -700,23 +700,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת רשימת מחרוזות, ומחזירה רק את המחרוזות הפלינדרומיות שבה.<br>\n",
-    "            מחרוזת נחשבת פלינדרום אם קריאתה מימין לשמאל ומשמאל לימין יוצרת אותו ביטוי.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת רשימת מחרוזות, ומחזירה רק את המחרוזות הפלינדרומיות שבה.<br/>\n",
+    "            מחרוזת נחשבת פלינדרום אם קריאתה מימין לשמאל ומשמאל לימין יוצרת אותו ביטוי.<br/>\n",
     "            השתמשו ב־<var>filter</var>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -724,16 +724,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות אנונימיות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פונקציות אנונימיות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תעלול נוסף שנוסיף לארגז הכלים שלנו הוא <dfn>פונקציות אנונימיות</dfn> (<dfn>anonymous functions</dfn>).<br>\n",
-    "    אל תיבהלו מהשם המאיים – בסך הכול פירושו הוא \"פונקציות שאין להן שם\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תעלול נוסף שנוסיף לארגז הכלים שלנו הוא <dfn>פונקציות אנונימיות</dfn> (<dfn>anonymous functions</dfn>).<br/>\n",
+    "    אל תיבהלו מהשם המאיים – בסך הכול פירושו הוא \"פונקציות שאין להן שם\".<br/>\n",
     "</p>"
    ]
   },
@@ -741,8 +741,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפני שאתם מרימים גבה ושואלים את עצמכם למה הן שימושיות, בואו נבחן כמה דוגמאות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפני שאתם מרימים גבה ושואלים את עצמכם למה הן שימושיות, בואו נבחן כמה דוגמאות.<br/>\n",
     "    ניזכר בהגדרת פונקציית החיבור שיצרנו לא מזמן:\n",
     "</p>"
    ]
@@ -761,7 +761,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ונגדיר את אותה הפונקציה בדיוק בצורה אנונימית:\n",
     "</p>"
    ]
@@ -781,8 +781,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפני שנסביר איפה החלק של ה\"פונקציה בלי שם\" נתמקד בצד ימין של ההשמה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפני שנסביר איפה החלק של ה\"פונקציה בלי שם\" נתמקד בצד ימין של ההשמה.<br/>\n",
     "    כיצד מנוסחת הגדרת פונקציה אנונימית?\n",
     "</p>"
    ]
@@ -791,11 +791,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הצהרנו שברצוננו ליצור פונקציה אנונימית בעזרת מילת המפתח <code>lambda</code>.</li>\n",
-    "    <li>מייד אחריה, ציינו את שמות כל הפרמטרים שהפונקציה תקבל, כשהם מופרדים בפסיק זה מזה.</li>\n",
-    "    <li>כדי להפריד בין רשימת הפרמטרים לערך ההחזרה של הפונקציה, השתמשנו בנקודתיים.</li>\n",
-    "    <li>אחרי הנקודתיים, כתבנו את הביטוי שאנחנו רוצים שהפונקציה תחזיר.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הצהרנו שברצוננו ליצור פונקציה אנונימית בעזרת מילת המפתח <code>lambda</code>.</li>\n",
+    "<li>מייד אחריה, ציינו את שמות כל הפרמטרים שהפונקציה תקבל, כשהם מופרדים בפסיק זה מזה.</li>\n",
+    "<li>כדי להפריד בין רשימת הפרמטרים לערך ההחזרה של הפונקציה, השתמשנו בנקודתיים.</li>\n",
+    "<li>אחרי הנקודתיים, כתבנו את הביטוי שאנחנו רוצים שהפונקציה תחזיר.</li>\n",
     "</ol>"
    ]
   },
@@ -804,8 +804,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/lambda.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה מופיעה הגדרת ה־lambda שביצענו קודם לכן. מעל המילה lambda המודגשת בירוק ישנו פס מקווקו, ומעליו רשום 'הצהרה'. מימין למילה lambda כתוב num1 (פסיק) num2, מעליהם קו מקווקו ומעליו המילה 'פרמטרים'. מימין לפרמטרים יש נקודתיים, ואז num1 (הסימן פלוס) num2. מעליהם קו מקווקו, ומעליו המילה 'ערך החזרה'.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">חלקי ההגדרה של פונקציה אנונימית בעזרת מילת המפתח <code>lambda</code><br><span style=\"color: white;\">A girl has no name</span></figcaption>\n",
+    "<img alt=\"בתמונה מופיעה הגדרת ה־lambda שביצענו קודם לכן. מעל המילה lambda המודגשת בירוק ישנו פס מקווקו, ומעליו רשום 'הצהרה'. מימין למילה lambda כתוב num1 (פסיק) num2, מעליהם קו מקווקו ומעליו המילה 'פרמטרים'. מימין לפרמטרים יש נקודתיים, ואז num1 (הסימן פלוס) num2. מעליהם קו מקווקו, ומעליו המילה 'ערך החזרה'.\" src=\"images/lambda.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">חלקי ההגדרה של פונקציה אנונימית בעזרת מילת המפתח <code>lambda</code><br/><span style=\"color: white;\">A girl has no name</span></figcaption>\n",
     "</figure>"
    ]
   },
@@ -813,9 +813,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במה שונה ההגדרה של פונקציה זו מההגדרה של פונקציה רגילה?<br>\n",
-    "    היא לא באמת שונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במה שונה ההגדרה של פונקציה זו מההגדרה של פונקציה רגילה?<br/>\n",
+    "    היא לא באמת שונה.<br/>\n",
     "    המטרה היא לאפשר תחביר שיקל על חיינו כשאנחנו רוצים לכתוב פונקציה קצרצרה שאורכה שורה אחת.\n",
     "</p>"
    ]
@@ -824,7 +824,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה, לדוגמה, שימוש ב־<var>filter</var> כדי לסנן את כל האיברים שאינם חיוביים:\n",
     "</p>"
    ]
@@ -848,7 +848,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במקום להגדיר פונקציה חדשה שנקראת <var>is_positive</var>, נוכל להשתמש בפונקציה אנונימית:\n",
     "</p>"
    ]
@@ -868,10 +868,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    איך זה עובד?<br>\n",
-    "    במקום להעביר ל־<var>filter</var> פונקציה שיצרנו מבעוד מועד, השתמשנו ב־<code>lambda</code> כדי ליצור פונקציה ממש באותה השורה.<br>\n",
-    "    הפונקציה שהגדרנו מקבלת מספר (<var>n</var>), ומחזירה <code>True</code> אם הוא חיובי, או <code>False</code> אחרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    איך זה עובד?<br/>\n",
+    "    במקום להעביר ל־<var>filter</var> פונקציה שיצרנו מבעוד מועד, השתמשנו ב־<code>lambda</code> כדי ליצור פונקציה ממש באותה השורה.<br/>\n",
+    "    הפונקציה שהגדרנו מקבלת מספר (<var>n</var>), ומחזירה <code>True</code> אם הוא חיובי, או <code>False</code> אחרת.<br/>\n",
     "    שימו לב שבצורה זו באמת לא היינו צריכים לתת שם לפונקציה שהגדרנו.\n",
     "</p>"
    ]
@@ -880,8 +880,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השימוש בפונקציות אנונימיות לא מוגבל ל־<var>map</var> ול־<var>filter</var>, כמובן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השימוש בפונקציות אנונימיות לא מוגבל ל־<var>map</var> ול־<var>filter</var>, כמובן.<br/>\n",
     "    מקובל להשתמש ב־<code>lambda</code> גם עבור פונקציות כמו <var>sorted</var>, שמקבלות פונקציה בתור ארגומנט.\n",
     "</p>"
    ]
@@ -890,16 +890,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/recall.svg\" style=\"height: 50px !important;\" alt=\"תזכורת\" title=\"תזכורת\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הפונקציה <code>sorted</code> מאפשרת לנו לסדר ערכים, ואפילו להגדיר עבורה לפי מה לסדר אותם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"תזכורת\" height=\"50px\" src=\"images/recall.svg\" style=\"height: 50px !important;\" title=\"תזכורת\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הפונקציה <code>sorted</code> מאפשרת לנו לסדר ערכים, ואפילו להגדיר עבורה לפי מה לסדר אותם.<br/>\n",
     "            לרענון בנוגע לשימוש בפונקציה גשו למחברת בנושא פונקציות מובנות בשבוע 4.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -907,7 +907,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נסדר, למשל, את הדמויות ברשימה הבאה, לפי תאריך הולדתן:\n",
     "</p>"
    ]
@@ -931,9 +931,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נרצה שסידור הרשימה יתבצע לפי המפתח <var>year_of_birth</var>.<br>\n",
-    "    כלומר, בהינתן מילון שמייצג דמות בשם <var>d</var>, יש להשיג את <code dir=\"ltr\">d['year_of_birth']</code>, ולפיו לבצע את סידור הרשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נרצה שסידור הרשימה יתבצע לפי המפתח <var>year_of_birth</var>.<br/>\n",
+    "    כלומר, בהינתן מילון שמייצג דמות בשם <var>d</var>, יש להשיג את <code dir=\"ltr\">d['year_of_birth']</code>, ולפיו לבצע את סידור הרשימה.<br/>\n",
     "    ניגש למלאכה:\n",
     "</p>"
    ]
@@ -951,16 +951,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            פונקציות אנונימיות הן יכולת חביבה שאמורה לסייע לכם לכתוב קוד נאה וקריא.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            פונקציות אנונימיות הן יכולת חביבה שאמורה לסייע לכם לכתוב קוד נאה וקריא.<br/>\n",
     "            כלל אצבע טוב לחיים הוא להימנע משימוש בהן כאשר הן מסרבלות את הקוד.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -968,15 +968,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגיל\" title=\"תרגיל\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגיל\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\" title=\"תרגיל\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            סדרו את הדמויות ב־<var>closet</var> לפי האות האחרונה בשמם. \n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -984,43 +984,43 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>פונקציה מסדר גבוה</dt>\n",
-    "        <dd>פונקציה שמקבלת פונקציה כאחד הארגומנטים, או שמחזירה פונקציה כערך ההחזרה שלה.</dd>\n",
-    "    <dt>אזרח ממדרגה ראשונה</dt>\n",
-    "        <dd>ישות תכנותית המתנהגת בשפת התכנות כערך לכל דבר. בפייתון, פונקציות הן אזרחיות ממדרגה ראשונה.<dd>\n",
-    "    <dt>פונקציה אנונימית, פונקציית <code>lambda</code></dt>\n",
-    "        <dd>פונקציה ללא שם המיועדת להגדרת פונקציה בשורה אחת, לרוב לשימוש חד־פעמי. בעברית: פונקציית למדא.</dd>\n",
-    "</dl>"
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>פונקציה מסדר גבוה</dt>\n",
+    "<dd>פונקציה שמקבלת פונקציה כאחד הארגומנטים, או שמחזירה פונקציה כערך ההחזרה שלה.</dd>\n",
+    "<dt>אזרח ממדרגה ראשונה</dt>\n",
+    "<dd>ישות תכנותית המתנהגת בשפת התכנות כערך לכל דבר. בפייתון, פונקציות הן אזרחיות ממדרגה ראשונה.<dd>\n",
+    "<dt>פונקציה אנונימית, פונקציית <code>lambda</code></dt>\n",
+    "<dd>פונקציה ללא שם המיועדת להגדרת פונקציה בשורה אחת, לרוב לשימוש חד־פעמי. בעברית: פונקציית למדא.</dd>\n",
+    "</dd></dd></dl>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">פילטר מותאם אישית</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">פילטר מותאם אישית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>my_filter</var> שמתנהגת בדיוק כמו הפונקציה <var>filter</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>my_filter</var> שמתנהגת בדיוק כמו הפונקציה <var>filter</var>.<br/>\n",
     "    בפתירת התרגיל, המנעו משימוש ב־<var>filter</var> או במודולים.\n",
     "</p>"
    ]
@@ -1029,17 +1029,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">נשאר? חיובי</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">נשאר? חיובי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "כתבו פונקציה בשם <var>get_positive_numbers</var> שמקבלת מהמשתמש קלט בעזרת <var>input</var>.<br>\n",
-    "המשתמש יתבקש להזין סדרה של מספרים המופרדים בפסיק זה מזה.<br>\n",
-    "הפונקציה תחזיר את כל המספרים החיוביים שהמשתמש הזין, כרשימה של מספרים מסוג <code>int</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "כתבו פונקציה בשם <var>get_positive_numbers</var> שמקבלת מהמשתמש קלט בעזרת <var>input</var>.<br/>\n",
+    "המשתמש יתבקש להזין סדרה של מספרים המופרדים בפסיק זה מזה.<br/>\n",
+    "הפונקציה תחזיר את כל המספרים החיוביים שהמשתמש הזין, כרשימה של מספרים מסוג <code>int</code>.<br/>\n",
     "אפשר להניח שהקלט מהמשתמש תקין.\n",
     "</p>"
    ]
@@ -1048,16 +1048,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">ריצת 2,000</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">ריצת 2,000</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>timer</var> שמקבלת כפרמטר פונקציה  (נקרא לה <var>f</var>) ופרמטרים נוספים.<br>\n",
-    "    הפונקציה <var>timer</var> תמדוד כמה זמן רצה פונקציה <var>f</var> כשמועברים אליה אותם פרמטרים. <br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>timer</var> שמקבלת כפרמטר פונקציה  (נקרא לה <var>f</var>) ופרמטרים נוספים.<br/>\n",
+    "    הפונקציה <var>timer</var> תמדוד כמה זמן רצה פונקציה <var>f</var> כשמועברים אליה אותם פרמטרים. <br/>\n",
     "</p>"
    ]
   },
@@ -1065,7 +1065,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -1074,10 +1074,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\">timer(print, \"Hello\")</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">print(\"Hello\")</code>.</li>\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\">timer(zip, [1, 2, 3], [4, 5, 6])</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">zip([1, 2, 3], [4, 5, 6])</code>.</li>\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\">timer(\"Hi {name}\".format, name=\"Bug\")</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">\"Hi {name}\".format(name=\"Bug\")</code></li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>עבור הקריאה <code dir=\"ltr\">timer(print, \"Hello\")</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">print(\"Hello\")</code>.</li>\n",
+    "<li>עבור הקריאה <code dir=\"ltr\">timer(zip, [1, 2, 3], [4, 5, 6])</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">zip([1, 2, 3], [4, 5, 6])</code>.</li>\n",
+    "<li>עבור הקריאה <code dir=\"ltr\">timer(\"Hi {name}\".format, name=\"Bug\")</code>, תחזיר הפונקציה את משך זמן הביצוע של <code dir=\"ltr\">\"Hi {name}\".format(name=\"Bug\")</code></li>\n",
     "</ol>"
    ]
   }
diff --git a/week6/3_Comprehensions.ipynb b/week6/3_Comprehensions.ipynb
index 0fe92e4..e5085b2 100644
--- a/week6/3_Comprehensions.ipynb
+++ b/week6/3_Comprehensions.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">Comprehensions</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Comprehensions</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מפתחי פייתון אוהבים מאוד קוד קצר ופשוט שמנוסח היטב.<br>\n",
-    "    יוצרי השפה מתמקדים פעמים רבות בלאפשר למפתחים בה לכתוב קוד בהיר ותמציתי במהירות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מפתחי פייתון אוהבים מאוד קוד קצר ופשוט שמנוסח היטב.<br/>\n",
+    "    יוצרי השפה מתמקדים פעמים רבות בלאפשר למפתחים בה לכתוב קוד בהיר ותמציתי במהירות.<br/>\n",
     "    במחברת זו נלמד איך לעבור על iterable וליצור ממנו מבני נתונים מעניינים בקלות ובמהירות.\n",
     "</p>"
    ]
@@ -36,23 +36,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">List Comprehension</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">List Comprehension</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">עיבוד רשימות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">עיבוד רשימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נתחיל במשימה פשוטה יחסית:<br>\n",
-    "    בהינתן רשימת שמות, אני מעוניין להפוך את כל השמות ברשימה ליווניים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נתחיל במשימה פשוטה יחסית:<br/>\n",
+    "    בהינתן רשימת שמות, אני מעוניין להפוך את כל השמות ברשימה ליווניים.<br/>\n",
     "    כידוע, אפשר להפוך כל שם ליווני על ידי הוספת ההברה <em>os</em> בסופו. לדוגמה, השם Yam ביוונית הוא Yamos.\n",
     "</p>"
    ]
@@ -70,7 +70,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למה אנחנו מחכים? ניצור את הרשימה החדשה:\n",
     "</p>"
    ]
@@ -88,7 +88,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נעבור על הרשימה הישנה בעזרת לולאת <code>for</code>, נשרשר לכל איבר \"<em>os</em>\" ונצרף את התוצאה לרשימה החדשה:\n",
     "</p>"
    ]
@@ -107,7 +107,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כשהלולאה תסיים לרוץ, תהיה בידינו רשימה חדשה של שמות יוונים:\n",
     "</p>"
    ]
@@ -125,7 +125,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם נסתכל על הלולאה שיצרנו, נוכל לזהות בה ארבעה מרכיבים עיקריים.\n",
     "</p>"
    ]
@@ -134,37 +134,37 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">פירוק מרכיבי לולאת for ליצירת רשימה חדשה</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>שם המרכיב</th>\n",
-    "            <th>תיאור המרכיב</th>\n",
-    "            <th>דוגמה</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #073b4c; color: white; padding: 0.2em;\">ה־iterable הישן</span></td>\n",
-    "            <td>אוסף הנתונים המקורי שעליו אנחנו רצים.</td>\n",
-    "            <td><var>names</var></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #118ab2; color: white; padding: 0.15em;\">הערך הישן</span></td>\n",
-    "            <td>משתנה הלולאה. הלייזר שמצביע בכל פעם על ערך יחיד מתוך ה־iterable הישן.</td>\n",
-    "            <td><var>name</var></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #57bbad; color: white; padding: 0.15em;\">הערך החדש</span></td>\n",
-    "            <td>הערך שנרצה להכניס ל־iterable שאנחנו יוצרים, בדרך כלל מושפע מהערך הישן.</td>\n",
-    "            <td><code dir=\"ltr\">name + 'os'</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #ef476f; color: white; padding: 0.15em;\">ה־iterable החדש</span></td>\n",
-    "            <td>ה־iterable שאנחנו רוצים ליצור, הערך שיתקבל בסוף הריצה.</td>\n",
-    "            <td><var>new_names</var></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">פירוק מרכיבי לולאת for ליצירת רשימה חדשה</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>שם המרכיב</th>\n",
+    "<th>תיאור המרכיב</th>\n",
+    "<th>דוגמה</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #073b4c; color: white; padding: 0.2em;\">ה־iterable הישן</span></td>\n",
+    "<td>אוסף הנתונים המקורי שעליו אנחנו רצים.</td>\n",
+    "<td><var>names</var></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #118ab2; color: white; padding: 0.15em;\">הערך הישן</span></td>\n",
+    "<td>משתנה הלולאה. הלייזר שמצביע בכל פעם על ערך יחיד מתוך ה־iterable הישן.</td>\n",
+    "<td><var>name</var></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #57bbad; color: white; padding: 0.15em;\">הערך החדש</span></td>\n",
+    "<td>הערך שנרצה להכניס ל־iterable שאנחנו יוצרים, בדרך כלל מושפע מהערך הישן.</td>\n",
+    "<td><code dir=\"ltr\">name + 'os'</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #ef476f; color: white; padding: 0.15em;\">ה־iterable החדש</span></td>\n",
+    "<td>ה־iterable שאנחנו רוצים ליצור, הערך שיתקבל בסוף הריצה.</td>\n",
+    "<td><var>new_names</var></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -172,21 +172,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            השתמשו ב־<var>map</var> כדי ליצור מ־<var>names</var> רשימת שמות יווניים באותה הצורה.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            השתמשו ב־<var>map</var> כדי ליצור מ־<var>names</var> רשימת שמות יווניים באותה הצורה.<br/>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -194,9 +194,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צורת ה־<var>map</var> בפתרון שלכם הייתה אמורה להשתמש בדיוק באותם חלקי הלולאה.<br>\n",
-    "    אם עדיין לא ניסיתם לפתור בעצמכם, זה הזמן לכך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צורת ה־<var>map</var> בפתרון שלכם הייתה אמורה להשתמש בדיוק באותם חלקי הלולאה.<br/>\n",
+    "    אם עדיין לא ניסיתם לפתור בעצמכם, זה הזמן לכך.<br/>\n",
     "    התשובה שלכם אמורה להיראות בערך כך:\n",
     "</p>"
    ]
@@ -215,16 +215,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הטכניקה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הטכניקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dfn>list comprehension</dfn> היא טכניקה שמטרתה לפשט את מלאכת הרכבת הרשימה, כך שתהיה קצרה, מהירה וקריאה.<br>\n",
-    "    ניגש לעניינים! אבל ראו הוזהרתם – במבט ראשון list comprehension עשוי להיראות מעט מאיים וקשה להבנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>list comprehension</dfn> היא טכניקה שמטרתה לפשט את מלאכת הרכבת הרשימה, כך שתהיה קצרה, מהירה וקריאה.<br/>\n",
+    "    ניגש לעניינים! אבל ראו הוזהרתם – במבט ראשון list comprehension עשוי להיראות מעט מאיים וקשה להבנה.<br/>\n",
     "    הנה זה בא:\n",
     "</p>"
    ]
@@ -244,8 +244,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הדבר הראשון שמבלבל כשנפגשים לראשונה עם list comprehension הוא סדר הקריאה המשונה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הדבר הראשון שמבלבל כשנפגשים לראשונה עם list comprehension הוא סדר הקריאה המשונה:<br/>\n",
     "</p>"
    ]
   },
@@ -253,10 +253,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>list comprehension מתחיל בפתיחת סוגריים מרובעים (ומסתיים בסגירתם), שמציינים שאנחנו מעוניינים ליצור רשימה חדשה.</li>\n",
-    "    <li>את מה שבתוך הסוגריים עדיף להתחיל לקרוא מהמילה <code>for</code> – נוכל לראות את הביטוי <code dir=\"ltr\">for name in names</code> שאנחנו כבר מכירים.</li>\n",
-    "    <li>מייד לפני המילה <code>for</code>, נכתוב את ערכו של האיבר שאנחנו רוצים לצרף לרשימה החדשה בכל איטרציה של הלולאה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>list comprehension מתחיל בפתיחת סוגריים מרובעים (ומסתיים בסגירתם), שמציינים שאנחנו מעוניינים ליצור רשימה חדשה.</li>\n",
+    "<li>את מה שבתוך הסוגריים עדיף להתחיל לקרוא מהמילה <code>for</code> – נוכל לראות את הביטוי <code dir=\"ltr\">for name in names</code> שאנחנו כבר מכירים.</li>\n",
+    "<li>מייד לפני המילה <code>for</code>, נכתוב את ערכו של האיבר שאנחנו רוצים לצרף לרשימה החדשה בכל איטרציה של הלולאה.</li>\n",
     "</ol>"
    ]
   },
@@ -264,7 +264,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נביט בהשוואת החלקים של ה־list comprehension לחלקים של לולאת ה־<code>for</code>:\n",
     "</p>"
    ]
@@ -274,8 +274,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/for_vs_listcomp.png?v=2\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"לולאת ה־for שכתבנו למעלה עם המשתנה names (ה־iterable) מודגש בצבע מספר 1, המשתנה name (הערך הישן) מודגש בצבע מספר 2, הביטוי name + 'os' מודגשים בצבע 3 והמשתנה new_names (הרשימה החדשה) בצבע 4. מתחתיו לביטוי זה יש קו מקווקו, ומתחתיו הביטוי של ה־list comprehension עם אותם חלקים צבועים באותם צבעים.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת רשימה בעזרת <code>for</code> ובעזרת list comprehension</figcaption>\n",
+    "<img alt=\"לולאת ה־for שכתבנו למעלה עם המשתנה names (ה־iterable) מודגש בצבע מספר 1, המשתנה name (הערך הישן) מודגש בצבע מספר 2, הביטוי name + 'os' מודגשים בצבע 3 והמשתנה new_names (הרשימה החדשה) בצבע 4. מתחתיו לביטוי זה יש קו מקווקו, ומתחתיו הביטוי של ה־list comprehension עם אותם חלקים צבועים באותם צבעים.\" src=\"images/for_vs_listcomp.png?v=2\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת רשימה בעזרת <code>for</code> ובעזרת list comprehension</figcaption>\n",
     "</figure>"
    ]
   },
@@ -283,8 +283,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    list comprehension מאפשרת לשנות את הערך שנוסף לרשימה בקלות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    list comprehension מאפשרת לשנות את הערך שנוסף לרשימה בקלות.<br/>\n",
     "    מסיבה זו, מתכנתים רבים יעדיפו את הטכניקה הזו על פני שימוש ב־<var>map</var>, שבה נצטרך להשתמש ב־<code>lambda</code> ברוב המקרים.\n",
     "</p>"
    ]
@@ -293,23 +293,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            נתונה הרשימה <code dir=\"ltr\">numbers = [1, 2, 3, 4, 5]</code>.<br>\n",
-    "            השתמשו ב־list comprehension כדי ליצור בעזרתה את הרשימה <code dir=\"ltr\">[1, 4, 9, 16, 25]</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            נתונה הרשימה <code dir=\"ltr\">numbers = [1, 2, 3, 4, 5]</code>.<br/>\n",
+    "            השתמשו ב־list comprehension כדי ליצור בעזרתה את הרשימה <code dir=\"ltr\">[1, 4, 9, 16, 25]</code>.<br/>\n",
     "            האם אפשר להשתמש בפונקציה <var>range</var> במקום ב־<var>numbers</var>?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -317,9 +317,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    list comprehension הוא מבנה גמיש מאוד!<br>\n",
-    "    נוכל לכתוב בערך שאנחנו מצרפים לרשימה כל ביטוי שיתחשק לנו, ואפילו לקרוא לפונקציות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    list comprehension הוא מבנה גמיש מאוד!<br/>\n",
+    "    נוכל לכתוב בערך שאנחנו מצרפים לרשימה כל ביטוי שיתחשק לנו, ואפילו לקרוא לפונקציות.<br/>\n",
     "    נראה כמה דוגמאות:\n",
     "</p>"
    ]
@@ -364,22 +364,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            השתמשו ב־list comprehension כדי ליצור את הרשימה הבאה:<br>\n",
-    "            <code dir=\"ltr\">[(1, 2), (2, 3), (3, 4), (4, 5), (5, 6)]</code>. \n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            השתמשו ב־list comprehension כדי ליצור את הרשימה הבאה:<br/>\n",
+    "<code dir=\"ltr\">[(1, 2), (2, 3), (3, 4), (4, 5), (5, 6)]</code>. \n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -387,16 +387,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תנאים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תנאים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נציג תבנית נפוצה נוספת הנוגעת לעבודה עם רשימות.<br>\n",
-    "    לעיתים קרובות, נרצה להוסיף איבר לרשימה רק אם מתקיים לגביו תנאי מסוים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נציג תבנית נפוצה נוספת הנוגעת לעבודה עם רשימות.<br/>\n",
+    "    לעיתים קרובות, נרצה להוסיף איבר לרשימה רק אם מתקיים לגביו תנאי מסוים.<br/>\n",
     "    לדוגמה, ניקח מרשימת השמות הבאה רק את האנשים ששמם ארוך מתריסר תווים:\n",
     "</p>"
    ]
@@ -427,21 +427,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            השתמשו ב־<var>filter</var> כדי ליצור מ־<var>names</var> רשימת שמות ארוכים באותה הצורה.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            השתמשו ב־<var>filter</var> כדי ליצור מ־<var>names</var> רשימת שמות ארוכים באותה הצורה.<br/>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -449,7 +449,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נפרק את הקוד הקצר שיצרנו למעלה למרכיביו:\n",
     "</p>"
    ]
@@ -458,37 +458,37 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<table style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
-    "    <caption style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">פירוק מרכיבי לולאת for עם התניה ליצירת רשימה חדשה</caption>\n",
-    "    <thead>\n",
-    "        <tr>\n",
-    "            <th>שם המרכיב</th>\n",
-    "            <th>תיאור המרכיב</th>\n",
-    "            <th>דוגמה</th>\n",
-    "        </tr>\n",
-    "    </thead>\n",
-    "    <tbody>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #073b4c; color: white; padding: 0.2em;\">איפוס</span></td>\n",
-    "            <td>אתחול הרשימה לערך ריק.</td>\n",
-    "            <td><code dir=\"ltr\">long_names = []</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #118ab2; color: white; padding: 0.15em;\">הלולאה</span></td>\n",
-    "            <td>החלק שעובר על כל האיברים ב־iterable הקיים ויוצר משתנה שאליו אפשר להתייחס.</td>\n",
-    "            <td><code dir=\"ltr\">for name in names:</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #57bbad; color: white; padding: 0.15em;\">הבדיקה</span></td>\n",
-    "            <td>התניה שבודקת אם הערך עונה על תנאי מסוים.</td>\n",
-    "            <td><code dir=\"ltr\">if len(name) > 12:</code></td>\n",
-    "        </tr>\n",
-    "        <tr>\n",
-    "            <td><span style=\"background: #ef476f; color: white; padding: 0.15em;\">הוספה</span></td>\n",
-    "            <td>צירוף האיבר לרשימה החדשה, אם הוא עונה על התנאי שנקבע בבדיקה.</td>\n",
-    "            <td><code dir=\"ltr\">long_names.append(name)</code></td>\n",
-    "        </tr>\n",
-    "    </tbody>\n",
+    "<table dir=\"rtl\" style=\"text-align: right; direction: rtl; clear: both; font-size: 1.3rem\">\n",
+    "<caption dir=\"rtl\" style=\"text-align: center; direction: rtl; clear: both; font-size: 2rem; padding-bottom: 2rem;\">פירוק מרכיבי לולאת for עם התניה ליצירת רשימה חדשה</caption>\n",
+    "<thead>\n",
+    "<tr>\n",
+    "<th>שם המרכיב</th>\n",
+    "<th>תיאור המרכיב</th>\n",
+    "<th>דוגמה</th>\n",
+    "</tr>\n",
+    "</thead>\n",
+    "<tbody>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #073b4c; color: white; padding: 0.2em;\">איפוס</span></td>\n",
+    "<td>אתחול הרשימה לערך ריק.</td>\n",
+    "<td><code dir=\"ltr\">long_names = []</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #118ab2; color: white; padding: 0.15em;\">הלולאה</span></td>\n",
+    "<td>החלק שעובר על כל האיברים ב־iterable הקיים ויוצר משתנה שאליו אפשר להתייחס.</td>\n",
+    "<td><code dir=\"ltr\">for name in names:</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #57bbad; color: white; padding: 0.15em;\">הבדיקה</span></td>\n",
+    "<td>התניה שבודקת אם הערך עונה על תנאי מסוים.</td>\n",
+    "<td><code dir=\"ltr\">if len(name) &gt; 12:</code></td>\n",
+    "</tr>\n",
+    "<tr>\n",
+    "<td><span style=\"background: #ef476f; color: white; padding: 0.15em;\">הוספה</span></td>\n",
+    "<td>צירוף האיבר לרשימה החדשה, אם הוא עונה על התנאי שנקבע בבדיקה.</td>\n",
+    "<td><code dir=\"ltr\">long_names.append(name)</code></td>\n",
+    "</tr>\n",
+    "</tbody>\n",
     "</table>"
    ]
   },
@@ -496,7 +496,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ונלמד איך מממשים את אותו הרעיון בדיוק בעזרת list comprehension:\n",
     "</p>"
    ]
@@ -516,7 +516,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה שוב השוואה בין list comprehension ללולאת <code>for</code> רגילה, הפעם עם תנאי:\n",
     "</p>"
    ]
@@ -526,8 +526,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/for_vs_listcomp_with_if.png?v=1\" style=\"max-width: 600px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בחלק העליון: לולאת ה־for שכתבנו למעלה. long_names = [] מודגש בצבע 1, גוף הלולאה בצבע 2, הבדיקה בצבע 3 וההוספה של האיבר לרשימה בצבע 4. בחלק התחתון: long_names = [ בצבע 1, name בצבע 2, for name in names בצבע 3, if len(name) > 12 בצבע 4, ] בצבע 1.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת רשימה בעזרת <code>for</code> ובעזרת list comprehension</figcaption>\n",
+    "<img alt=\"בחלק העליון: לולאת ה־for שכתבנו למעלה. long_names = [] מודגש בצבע 1, גוף הלולאה בצבע 2, הבדיקה בצבע 3 וההוספה של האיבר לרשימה בצבע 4. בחלק התחתון: long_names = [ בצבע 1, name בצבע 2, for name in names בצבע 3, if len(name) &gt; 12 בצבע 4, ] בצבע 1.\" src=\"images/for_vs_listcomp_with_if.png?v=1\" style=\"max-width: 600px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת רשימה בעזרת <code>for</code> ובעזרת list comprehension</figcaption>\n",
     "</figure>"
    ]
   },
@@ -535,8 +535,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גם כאן יש לנו סדר קריאה משונה מעט, אך הרעיון הכללי של ה־list comprehension נשמר:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גם כאן יש לנו סדר קריאה משונה מעט, אך הרעיון הכללי של ה־list comprehension נשמר:<br/>\n",
     "</p>"
    ]
   },
@@ -544,11 +544,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>list comprehension מתחיל בפתיחת סוגריים מרובעים (ומסתיים בסגירתם), כדי לציין שאנחנו מעוניינים ליצור רשימה חדשה.</li>\n",
-    "    <li>את מה שבתוך הסוגריים עדיף להתחיל לקרוא מהמילה <code>for</code> – נוכל לראות את הביטוי <code dir=\"ltr\">for name in names</code> שאנחנו כבר מכירים.</li>\n",
-    "    <li>ממשיכים לקרוא את התנאי, אם קיים כזה. רק אם התנאי יתקיים, יתווסף האיבר לרשימה.</li>\n",
-    "    <li>מייד לפני המילה <code>for</code>, נכתוב את ערכו של האיבר שאנחנו רוצים לצרף לרשימה בכל איטרציה של הלולאה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>list comprehension מתחיל בפתיחת סוגריים מרובעים (ומסתיים בסגירתם), כדי לציין שאנחנו מעוניינים ליצור רשימה חדשה.</li>\n",
+    "<li>את מה שבתוך הסוגריים עדיף להתחיל לקרוא מהמילה <code>for</code> – נוכל לראות את הביטוי <code dir=\"ltr\">for name in names</code> שאנחנו כבר מכירים.</li>\n",
+    "<li>ממשיכים לקרוא את התנאי, אם קיים כזה. רק אם התנאי יתקיים, יתווסף האיבר לרשימה.</li>\n",
+    "<li>מייד לפני המילה <code>for</code>, נכתוב את ערכו של האיבר שאנחנו רוצים לצרף לרשימה בכל איטרציה של הלולאה.</li>\n",
     "</ol>"
    ]
   },
@@ -556,8 +556,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לשלב את השיטות כדי לבנות בקלילות רשימות מורכבות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לשלב את השיטות כדי לבנות בקלילות רשימות מורכבות.<br/>\n",
     "    נמצא את שמות כל הקבצים שהסיומת שלהם היא \"<em dir=\"ltr\">.html</em>\":\n",
     "</p>"
    ]
@@ -577,18 +577,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: טיפול שורש</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: טיפול שורש</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בחנות של סנדל'ה הארון קצת מבולגן.<br>\n",
-    "    כשלקוח נכנס ומבקש מסנדל'ה למדוד מידה מסוימת, היא צריכה לפשפש בין אלפי המוצרים בארון, ולפעמים המידות שהיא מוצאת שם מוזרות מאוד.<br>\n",
-    "    ההנחיות שסנדל'ה נתנה לנו לצורך סידור הארון שלה די פשוטות:<br>\n",
-    "    התעלמו מכל מידה שיש בה תו שאינו ספרה או נקודה, והוציאו שורש רק מהמידות המספריות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בחנות של סנדל'ה הארון קצת מבולגן.<br/>\n",
+    "    כשלקוח נכנס ומבקש מסנדל'ה למדוד מידה מסוימת, היא צריכה לפשפש בין אלפי המוצרים בארון, ולפעמים המידות שהיא מוצאת שם מוזרות מאוד.<br/>\n",
+    "    ההנחיות שסנדל'ה נתנה לנו לצורך סידור הארון שלה די פשוטות:<br/>\n",
+    "    התעלמו מכל מידה שיש בה תו שאינו ספרה או נקודה, והוציאו שורש רק מהמידות המספריות.<br/>\n",
     "    התעלמו גם ממספרים עם יותר מנקודה אחת.\n",
     "</p>"
    ]
@@ -597,9 +597,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה, עבור הארון <code dir=\"ltr\">['100', '25.0', '12a', 'mEoW', '0']</code>, החזירו <samp dir=\"ltr\">[10.0, 5.0, 0.0]</samp>.<br>\n",
-    "    עבור הארון <code dir=\"ltr\">['Area51', '303', '2038', 'f00b4r', '314.1']</code>, החזירו <samp dir=\"ltr\">[17.4, 45.14, 17.72]</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה, עבור הארון <code dir=\"ltr\">['100', '25.0', '12a', 'mEoW', '0']</code>, החזירו <samp dir=\"ltr\">[10.0, 5.0, 0.0]</samp>.<br/>\n",
+    "    עבור הארון <code dir=\"ltr\">['Area51', '303', '2038', 'f00b4r', '314.1']</code>, החזירו <samp dir=\"ltr\">[17.4, 45.14, 17.72]</samp>.<br/>\n",
     "    (מחקנו קצת ספרות אחרי הנקודה בשביל הנראות).\n",
     "</p>"
    ]
@@ -608,8 +608,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>organize_closet</var> שמקבלת רשימת ארון ומסדרת אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>organize_closet</var> שמקבלת רשימת ארון ומסדרת אותו.<br/>\n",
     "    תוכלו לבדוק את עצמכם באמצעות הפונקציה <var>generate_closet</var> שתיצור עבורכם ארון אסלי מהחנות של סנדל'ה.\n",
     "</p>"
    ]
@@ -643,16 +643,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            בפייתון, נהוג לכנות משתנה שלא יהיה בו שימוש בעתיד כך: <code>_</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            בפייתון, נהוג לכנות משתנה שלא יהיה בו שימוש בעתיד כך: <code>_</code>.<br/>\n",
     "            דוגמה טובה אפשר לראות בלולאה שב־<code>generate_closet</code>.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -660,16 +660,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Dictionary Comprehension ו־Set Comprehension</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Dictionary Comprehension ו־Set Comprehension</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מלבד <strong>list</strong> comprehension, קיימים גם <strong>set</strong> comprehension ו־<strong>dictionary</strong> comprehension שפועלים בצורה דומה.<br>\n",
-    "    הרעיון בבסיסו נשאר זהה – שימוש בערכי iterable כלשהו לצורך יצירת מבנה נתונים חדש בצורה קריאה ומהירה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מלבד <strong>list</strong> comprehension, קיימים גם <strong>set</strong> comprehension ו־<strong>dictionary</strong> comprehension שפועלים בצורה דומה.<br/>\n",
+    "    הרעיון בבסיסו נשאר זהה – שימוש בערכי iterable כלשהו לצורך יצירת מבנה נתונים חדש בצורה קריאה ומהירה.<br/>\n",
     "    נראה דוגמה ל־dictionary comprehension שבו המפתח הוא מספר, והערך הוא אותו המספר בריבוע:\n",
     "</p>"
    ]
@@ -688,9 +688,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה למעלה חישבנו את הריבוע של כל אחד מעשרת המספרים החיוביים הראשונים.<br>\n",
-    "    משתנה הלולאה <var>i</var> עבר על כל אחד מהמספרים בטווח שבין 1 ל־11 (לא כולל), ויצר עבור כל אחד מהם את המפתח <var>i</var>, ואת הערך <code>i ** 2</code>.<br>    \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה למעלה חישבנו את הריבוע של כל אחד מעשרת המספרים החיוביים הראשונים.<br/>\n",
+    "    משתנה הלולאה <var>i</var> עבר על כל אחד מהמספרים בטווח שבין 1 ל־11 (לא כולל), ויצר עבור כל אחד מהם את המפתח <var>i</var>, ואת הערך <code>i ** 2</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -698,9 +698,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ראו כיצד בעזרת התחביר העוצמתי הזה בפייתון, אנחנו יכולים ליצור מילונים מורכבים בקלות רבה.<br>\n",
-    "    כל שעלינו לעשות הוא להשתמש בסוגריים מסולסלים במקום במרובעים,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ראו כיצד בעזרת התחביר העוצמתי הזה בפייתון, אנחנו יכולים ליצור מילונים מורכבים בקלות רבה.<br/>\n",
+    "    כל שעלינו לעשות הוא להשתמש בסוגריים מסולסלים במקום במרובעים,<br/>\n",
     "    ולציין מייד אחרי פתיחת הסוגריים את הצמד שנרצה להוסיף בכל איטרציה – מפתח וערך, כשביניהם נקודתיים.\n",
     "</p>"
    ]
@@ -709,7 +709,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בצורה דומה אפשר ליצור set comprehension:\n",
     "</p>"
    ]
@@ -730,9 +730,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התחביר של set comprehension כמעט זהה לתחביר של list comprehension.<br>\n",
-    "    ההבדל היחיד ביניהם הוא שב־set comprehension אנחנו משתמשים בסוגריים מסולסלים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התחביר של set comprehension כמעט זהה לתחביר של list comprehension.<br/>\n",
+    "    ההבדל היחיד ביניהם הוא שב־set comprehension אנחנו משתמשים בסוגריים מסולסלים.<br/>\n",
     "    ההבדל בינו לבין dictionary comprehension הוא שאנחנו משמיטים את הנקודתיים והערך, ומשאירים רק את המפתח.\n",
     "</p>"
    ]
@@ -741,22 +741,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מצאו כמה מהמספרים הנמוכים מ־1,000 מתחלקים ב־3 וב־7 ללא שארית.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מצאו כמה מהמספרים הנמוכים מ־1,000 מתחלקים ב־3 וב־7 ללא שארית.<br/>\n",
     "            השתמשו ב־set comprehension.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -764,15 +764,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Generator Expression</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Generator Expression</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשבוע שעבר למדנו על הכוח הטמון ב־generators.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשבוע שעבר למדנו על הכוח הטמון ב־generators.<br/>\n",
     "    בזכות שמירת ערך אחד בלבד בכל פעם, generators מאפשרים לנו לכתוב תוכניות יעילות מבחינת צריכת הזיכרון.\n",
     "</p>"
    ]
@@ -781,7 +781,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נכתוב generator פשוט שמניב עבורנו את אורכי השורות בטקסט מסוים:\n",
     "</p>"
    ]
@@ -808,9 +808,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חדי העין כבר זיהו את התבנית המוכרת – יש פה <code>for</code>, מייד אחריו <code>if</code> ומייד אחריו אנחנו יוצרים איבר חדש.<br>\n",
-    "    אם כך, generator expression הוא בסך הכול שם מפונפן למה שאנחנו היינו קוראים לו generator comprehension.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חדי העין כבר זיהו את התבנית המוכרת – יש פה <code>for</code>, מייד אחריו <code>if</code> ומייד אחריו אנחנו יוצרים איבר חדש.<br/>\n",
+    "    אם כך, generator expression הוא בסך הכול שם מפונפן למה שאנחנו היינו קוראים לו generator comprehension.<br/>\n",
     "    נמיר את הפונקציה <var>get_line_lengths</var> ל־generator comprehension:\n",
     "</p>"
    ]
@@ -832,7 +832,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נעמוד על ההבדלים בין הגישות:\n",
     "</p>"
    ]
@@ -842,8 +842,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/generator_vs_expression.png\" style=\"max-width: 800px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בחלק העליון: פונקציית ה־generator שכתבנו למעלה. כותרת הפונקציה מודגשת בצבע 1, גוף הלולאה בצבע 2, הבדיקה בצבע 3 והנבת האיבר בעזרת yield בצבע 4. בחלק התחתון: ה־generator expression. line_lengths = ( בצבע 1, for line in states.splitlines() בצבע 2, if line.strip() בצבע 3,  len(line) בצבע 4, ) בצבע 1.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת generator בעזרת פונקציה ובין יצירת generator בעזרת generator expression</figcaption>\n",
+    "<img alt=\"בחלק העליון: פונקציית ה־generator שכתבנו למעלה. כותרת הפונקציה מודגשת בצבע 1, גוף הלולאה בצבע 2, הבדיקה בצבע 3 והנבת האיבר בעזרת yield בצבע 4. בחלק התחתון: ה־generator expression. line_lengths = ( בצבע 1, for line in states.splitlines() בצבע 2, if line.strip() בצבע 3,  len(line) בצבע 4, ) בצבע 1.\" src=\"images/generator_vs_expression.png\" style=\"max-width: 800px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">השוואה בין יצירת generator בעזרת פונקציה ובין יצירת generator בעזרת generator expression</figcaption>\n",
     "</figure>"
    ]
   },
@@ -851,8 +851,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כאמור, הרעיון דומה מאוד ל־list comprehension.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כאמור, הרעיון דומה מאוד ל־list comprehension.<br/>\n",
     "    האיבר שנחזיר בכל פעם מה־generator בעזרת <code>yield</code> יהפוך ב־generator expression להיות האיבר שנמצא לפני המילה <code>for</code>.\n",
     "</p>"
    ]
@@ -861,8 +861,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב שה־generator expression שקול לערך המוחזר לנו בקריאה לפונקציית ה־generator.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב שה־generator expression שקול לערך המוחזר לנו בקריאה לפונקציית ה־generator.<br/>\n",
     "    זו נקודה שחשוב לשים עליה דגש: generator expression מחזיר generator iterator, ולא פונקציית generator.\n",
     "</p>"
    ]
@@ -871,7 +871,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נסתכל על דוגמה נוספת ל־generator expression שמחזיר את ריבועי כל המספרים מ־1 ועד 11 (לא כולל):\n",
     "</p>"
    ]
@@ -890,7 +890,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בדיוק כמו ב־generator iterator רגיל, אחרי שנשתמש באיבר לא נוכל לקבל אותו שוב:\n",
     "</p>"
    ]
@@ -908,7 +908,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והפעלת <var>next</var> על generator iterator שכבר הניב את כל הערכים תקפיץ <var>StopIterator</var>: \n",
     "</p>"
    ]
@@ -926,9 +926,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ולטריק האחרון בנושא זה –<br>\n",
-    "    טוב לדעת שכשמעבירים לפונקציה generator expression כפרמטר יחיד, לא צריך לעטוף אותו בסוגריים נוספים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ולטריק האחרון בנושא זה –<br/>\n",
+    "    טוב לדעת שכשמעבירים לפונקציה generator expression כפרמטר יחיד, לא צריך לעטוף אותו בסוגריים נוספים.<br/>\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -946,8 +946,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה שלמעלה ה־generator comprehension יצר את כל ריבועי המספרים מ־1 ועד 11, לא כולל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה שלמעלה ה־generator comprehension יצר את כל ריבועי המספרים מ־1 ועד 11, לא כולל.<br/>\n",
     "    הפונקציה <var>sum</var> השתמשה בכל ריבועי המספרים שה־generator הניב, וסכמה אותם.\n",
     "</p>"
    ]
@@ -956,15 +956,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאות מרובות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לולאות מרובות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפעמים נרצה לכתוב כמה לולאות מקוננות זו בתוך זו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפעמים נרצה לכתוב כמה לולאות מקוננות זו בתוך זו.<br/>\n",
     "    לדוגמה, ליצירת כל האפשרויות שיכולות להתקבל בהטלת 2 קוביות:\n",
     "</p>"
    ]
@@ -987,7 +987,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל להפוך גם את המבנה הזה ל־list comprehension:\n",
     "</p>"
    ]
@@ -1006,8 +1006,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להבין איך זה עובד, חשוב לזכור איך קוראים list comprehension:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להבין איך זה עובד, חשוב לזכור איך קוראים list comprehension:<br/>\n",
     "    פשוט התחילו לקרוא מה־<code>for</code> הראשון, וחזרו לאיבר שאנחנו מוסיפים לרשימה בכל פעם רק בסוף.\n",
     "</p>"
    ]
@@ -1016,7 +1016,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם במשחק מוזר כלשהו נצטרך לזרוק 3 קוביות, לדוגמה, ונרצה לראות אילו אופציות יכולות להתקבל, נוכל לכתוב זאת כך:\n",
     "</p>"
    ]
@@ -1040,8 +1040,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שבירת השורה בתא שלמעלה נעשתה מטעמי סגנון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שבירת השורה בתא שלמעלה נעשתה מטעמי סגנון.<br/>\n",
     "    באופן טכני, מותר לרשום את ה־list comprehension הזה בשורה אחת.\n",
     "</p>"
    ]
@@ -1050,21 +1050,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו פונקציית generator ו־generator expression מהדוגמה האחרונה.<br>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו פונקציית generator ו־generator expression מהדוגמה האחרונה.<br/>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1072,22 +1072,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            החסרון בדוגמה של קוביות הוא שאנחנו מקבלים בתוצאות גם את <code dir=\"ltr\">(1, 1, 6)</code> וגם את <code dir=\"ltr\">(6, 1, 1)</code> .<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            החסרון בדוגמה של קוביות הוא שאנחנו מקבלים בתוצאות גם את <code dir=\"ltr\">(1, 1, 6)</code> וגם את <code dir=\"ltr\">(6, 1, 1)</code> .<br/>\n",
     "            האם תוכלו לפתור בעיה זו בקלות?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1095,28 +1095,26 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסין</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסין</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הטכניקות שלמדנו במחברת זו מפקידות בידינו כוח רב, אך כמו שאומר הדוד בן, \"עם כוח גדול באה אחריות גדולה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הטכניקות שלמדנו במחברת זו מפקידות בידינו כוח רב, אך כמו שאומר הדוד בן, \"עם כוח גדול באה אחריות גדולה\".<br/>\n",
     "    עלינו לזכור תמיד שהמטרה של הטכניקות הללו בסופו של דבר היא להפוך את הקוד לקריא יותר.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים קרובות מתכנתים לא מנוסים ישתמשו בטכניקות שנלמדו במחברת זו כדי לבנות מבנים מורכבים מאוד.<br>\n",
-    "    התוצאה תהיה קוד שקשה לתחזק ולקרוא, ולעיתים קרובות הקוד יוחלף לבסוף בלולאות רגילות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים קרובות מתכנתים לא מנוסים ישתמשו בטכניקות שנלמדו במחברת זו כדי לבנות מבנים מורכבים מאוד.<br/>\n",
+    "    התוצאה תהיה קוד שקשה לתחזק ולקרוא, ולעיתים קרובות הקוד יוחלף לבסוף בלולאות רגילות.<br/>\n",
     "    כלל האצבע הוא שבשורה לא יהיו יותר מ־99 תווים, ושהקוד יהיה פשוט ונוח לקריאה בידי מתכנת חיצוני.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קהילת פייתון דשה בנושאי קריאות קוד לעיתים קרובות, תוך כדי התייחסויות תכופות ל־<a href=\"https://www.python.org/dev/peps/pep-0008/\">PEP8</a>.<br>\n",
-    "    נסביר בקצרה – PEP8 הוא מסמך שמתקנן את הקווים הכלליים של סגנון הכתיבה הרצוי בפייתון.<br>\n",
-    "    לדוגמה, מאגרי קוד העוקבים אחרי המסמך בצורה מחמירה לא מתירים כתיבת שורות קוד שבהן יותר מ־79 תווים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קהילת פייתון דשה בנושאי קריאות קוד לעיתים קרובות, תוך כדי התייחסויות תכופות ל־<a href=\"https://www.python.org/dev/peps/pep-0008/\">PEP8</a>.<br/>\n",
+    "    נסביר בקצרה – PEP8 הוא מסמך שמתקנן את הקווים הכלליים של סגנון הכתיבה הרצוי בפייתון.<br/>\n",
+    "    לדוגמה, מאגרי קוד העוקבים אחרי המסמך בצורה מחמירה לא מתירים כתיבת שורות קוד שבהן יותר מ־79 תווים.<br/>\n",
     "    כתיבה מסוגננת היטב היא נושא רחב יריעה שנעמיק בו בהמשך הקורס.\n",
     "</p>"
    ]
@@ -1125,14 +1123,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במחברת זו למדנו 4 טכניקות שימושיות שעוזרות לנו ליצור בצורה קריאה ומהירה מבני נתונים:\n",
     "</p>"
    ]
@@ -1141,11 +1139,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>List Comprehensions</li>\n",
-    "    <li>Dictionary Comprehensions</li>\n",
-    "    <li>Set Comprehensions</li>\n",
-    "    <li>Generator Expressions</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>List Comprehensions</li>\n",
+    "<li>Dictionary Comprehensions</li>\n",
+    "<li>Set Comprehensions</li>\n",
+    "<li>Generator Expressions</li>\n",
     "</ul>"
    ]
   },
@@ -1153,8 +1151,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למדנו מעט איך להשתמש בהם ומתי, ועל ההקבלות שלהם ללולאות רגילות ולפונקציות כמו <var>map</var> ו־<var>filter</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למדנו מעט איך להשתמש בהם ומתי, ועל ההקבלות שלהם ללולאות רגילות ולפונקציות כמו <var>map</var> ו־<var>filter</var>.<br/>\n",
     "    למדנו גם איך אפשר להשתמש בכל אחת מהן במצב שבו יש לנו כמה לולאות מקוננות.\n",
     "</p>"
    ]
@@ -1163,7 +1161,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "מתכנתי פייתון עושים שימוש רב בטכניקות האלו, וחשוב לשלוט בהן היטב כדי לדעת לקרוא קוד וכדי להצליח לממש רעיונות במהירות.\n",
     "</p>"
    ]
@@ -1172,27 +1170,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">הֲיִי שלום</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">הֲיִי שלום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>words_length</var> שמקבלת משפט ומחזירה את אורכי המילים שבו, לפי סדרן במשפט.<br>\n",
-    "    לצורך התרגיל, הניחו שסימני הפיסוק הם חלק מאורכי המילים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>words_length</var> שמקבלת משפט ומחזירה את אורכי המילים שבו, לפי סדרן במשפט.<br/>\n",
+    "    לצורך התרגיל, הניחו שסימני הפיסוק הם חלק מאורכי המילים.<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה:<br>\n",
-    "    עבור המשפט: <em dir=\"ltr\">Toto, I've a feeling we're not in Kansas anymore</em><br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה:<br/>\n",
+    "    עבור המשפט: <em dir=\"ltr\">Toto, I've a feeling we're not in Kansas anymore</em><br/>\n",
     "    החזירו את הרשימה: <samp dir=\"ltr\">[5, 4, 1, 7, 5, 3, 2, 6, 7]</samp>\n",
     "</p>"
    ]
@@ -1201,16 +1199,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">א אוהל, פ זה פייתון</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">א אוהל, פ זה פייתון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>get_letters</var> שמחזירה את רשימת כל התווים בין a ל־z ובין A ל־Z.<br>\n",
-    "    השתמשו ב־list comprehension, ב־<var>ord</var> וב־<var>chr</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>get_letters</var> שמחזירה את רשימת כל התווים בין a ל־z ובין A ל־Z.<br/>\n",
+    "    השתמשו ב־list comprehension, ב־<var>ord</var> וב־<var>chr</var>.<br/>\n",
     "    הקפידו שלא לכלול את המספרים 65, 90, 97 או 122 בקוד שלכם.\n",
     "</p>"
    ]
@@ -1219,17 +1217,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">חתול ארוך הוא ארוך</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">חתול ארוך הוא ארוך</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>count_words</var> שמקבלת כפרמטר טקסט, ומחזירה מילון של אורכי המילים שבו.<br>\n",
-    "    השתמשו ב־comprehension לבחירתכם (או ב־generator expression) כדי לנקות את הטקסט מסימנים שאינם אותיות.<br>\n",
-    "    לאחר מכן, השתמשו ב־dictionary comprehension כדי לגלות את אורכה של כל מילה במשפט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>count_words</var> שמקבלת כפרמטר טקסט, ומחזירה מילון של אורכי המילים שבו.<br/>\n",
+    "    השתמשו ב־comprehension לבחירתכם (או ב־generator expression) כדי לנקות את הטקסט מסימנים שאינם אותיות.<br/>\n",
+    "    לאחר מכן, השתמשו ב־dictionary comprehension כדי לגלות את אורכה של כל מילה במשפט.<br/>\n",
     "</p>"
    ]
   },
@@ -1237,7 +1235,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה, עבור הטקסט הבא, בדקו שחוזר לכם המילון המופיע מייד אחריו.\n",
     "</p>"
    ]
@@ -1265,16 +1263,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">ואלה שמות</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">ואלה שמות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>full_names</var>, שתקבל כפרמטרים רשימת שמות פרטיים ורשימת שמות משפחה, ותרכיב מהם שמות מלאים.<br>\n",
-    "    לכל שם פרטי תצמיד הפונקציה את כל שמות המשפחה שהתקבלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>full_names</var>, שתקבל כפרמטרים רשימת שמות פרטיים ורשימת שמות משפחה, ותרכיב מהם שמות מלאים.<br/>\n",
+    "    לכל שם פרטי תצמיד הפונקציה את כל שמות המשפחה שהתקבלו.<br/>\n",
     "    ודאו שהשמות חוזרים כאשר האות הראשונה בשם הפרטי ובשם המשפחה היא אות גדולה.\n",
     "</p>"
    ]
@@ -1283,8 +1281,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על הפונקציה לקבל גם פרמטר אופציונלי בשם <var>min_length</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על הפונקציה לקבל גם פרמטר אופציונלי בשם <var>min_length</var>.<br/>\n",
     "    אם הפרמטר הועבר, שמות מלאים שכמות התווים שבהם קטנה מהאורך שהוגדר – לא יוחזרו מהפונקציה.\n",
     "</p>"
    ]
@@ -1293,7 +1291,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>"
    ]
diff --git a/week6/4_Modules_Part_2.ipynb b/week6/4_Modules_Part_2.ipynb
index 04aedcb..f25ed36 100644
--- a/week6/4_Modules_Part_2.ipynb
+++ b/week6/4_Modules_Part_2.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">Modules – חלק 2</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">Modules – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשבוע שעבר עשינו את צעדינו הראשונים בעולם המודולים.<br>\n",
-    "    למדנו את הרעיון העומד מאחוריהם, כיצד לייבא אותם, איפה למצוא עליהם מידע וכיצד להשתמש בהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשבוע שעבר עשינו את צעדינו הראשונים בעולם המודולים.<br/>\n",
+    "    למדנו את הרעיון העומד מאחוריהם, כיצד לייבא אותם, איפה למצוא עליהם מידע וכיצד להשתמש בהם.<br/>\n",
     "    השתמשנו במודולים שמגיעים עם פייתון, כמו <var>math</var>, <var>random</var> או <var>datetime</var>, ופתרנו בעזרתם בעיות מורכבות.\n",
     "</p>"
    ]
@@ -36,11 +36,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנם יתרונות רבים לשימוש במודולים המובנים בפייתון:<br>\n",
-    "    הם מקלים עלינו בפתרון בעיות מורכבות, מכסים מקרי קצה רבים ומתוחזקים היטב.<br>\n",
-    "    מעבר לכך, השימוש בהם נפוץ מאוד בקהילת מפתחי הפייתון, ולכן התמיכה בהם ברשת רחבה.<br>\n",
-    "    רשימת המודולים שמגיעים עם פייתון נמצאת <a href=\"https://docs.python.org/3/py-modindex.html\">באתר התיעוד הרשמי של פייתון</a>, וכל מודול ברשימה מתועד לעילא ולעילא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנם יתרונות רבים לשימוש במודולים המובנים בפייתון:<br/>\n",
+    "    הם מקלים עלינו בפתרון בעיות מורכבות, מכסים מקרי קצה רבים ומתוחזקים היטב.<br/>\n",
+    "    מעבר לכך, השימוש בהם נפוץ מאוד בקהילת מפתחי הפייתון, ולכן התמיכה בהם ברשת רחבה.<br/>\n",
+    "    רשימת המודולים שמגיעים עם פייתון נמצאת <a href=\"https://docs.python.org/3/py-modindex.html\">באתר התיעוד הרשמי של פייתון</a>, וכל מודול ברשימה מתועד לעילא ולעילא.<br/>\n",
     "</p>"
    ]
   },
@@ -48,10 +48,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אך ישנם גם חסרונות למודולים המובנים בפייתון:<br>\n",
-    "    הם לא מתיימרים לפתור בעיות איזוטריות, כמו קריאת חדשות או פתירת קוביות הונגריות.<br>\n",
-    "    יתרה מזאת, המודולים מתעדכנים לעיתים רחוקות, חלקם מפגרים אחר קצב החידושים בעולם,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אך ישנם גם חסרונות למודולים המובנים בפייתון:<br/>\n",
+    "    הם לא מתיימרים לפתור בעיות איזוטריות, כמו קריאת חדשות או פתירת קוביות הונגריות.<br/>\n",
+    "    יתרה מזאת, המודולים מתעדכנים לעיתים רחוקות, חלקם מפגרים אחר קצב החידושים בעולם,<br/>\n",
     "    ועבור חלקם הקהילה מפתחת אלטרנטיבה טובה יותר.\n",
     "</p>"
    ]
@@ -60,8 +60,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפרק זה נלמד על מודולים שנוצרו על ידי צד שלישי – מתכנתים כמוכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפרק זה נלמד על מודולים שנוצרו על ידי צד שלישי – מתכנתים כמוכם.<br/>\n",
     "    לאורך המחברת הזו נבין איך מוצאים אותם, איך מתקינים אותם ואיך משתמשים בהם.\n",
     "</p>"
    ]
@@ -70,16 +70,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">איתור מודול</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">איתור מודול</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדרך כלל המסע שלנו יתחיל כאשר ניתקל בבעיה שגורמת לנו לשבור את הראש –<br>\n",
-    "    מאחר שהיא מורכבת מאוד או שיש לה מקרי קצה רבים מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדרך כלל המסע שלנו יתחיל כאשר ניתקל בבעיה שגורמת לנו לשבור את הראש –<br/>\n",
+    "    מאחר שהיא מורכבת מאוד או שיש לה מקרי קצה רבים מאוד.<br/>\n",
     "    זו גם יכולה להיות בעיה שכנראה כבר פתרו בעבר ושייקח לנו זמן לממש בעצמנו.\n",
     "</p>"
    ]
@@ -88,9 +88,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נניח שאנחנו בונים פרויקט קטן משלנו – מילון אינטרנטי שמציג למשתמש את פירוש המילה שהוא מקליד.<br>\n",
-    "    אנחנו רוצים שכשמחפשים מילה במילון שלנו – אחת התוצאות תהיה תקציר מוויקיפדיה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נניח שאנחנו בונים פרויקט קטן משלנו – מילון אינטרנטי שמציג למשתמש את פירוש המילה שהוא מקליד.<br/>\n",
+    "    אנחנו רוצים שכשמחפשים מילה במילון שלנו – אחת התוצאות תהיה תקציר מוויקיפדיה.<br/>\n",
     "    כרגע אין לנו די ידע כדי לממש שליפת מידע מוויקיפדיה, אבל אין סיבה שזה ירתיע אותנו!\n",
     "</p>"
    ]
@@ -99,8 +99,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המקום הראשון שנפנה אליו הוא מנוע החיפוש המועדף עליכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המקום הראשון שנפנה אליו הוא מנוע החיפוש המועדף עליכם.<br/>\n",
     "    נחפש מודול שמתעסק בוויקיפדיה: <q>python module wikipedia</q>, וננסה לקבל מושג על מודולים שעשויים לעזור לנו:\n",
     "</p>"
    ]
@@ -110,8 +110,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/google_module_search.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"4 תוצאות בגוגל. הראשונה: wikipedia - PyPI. השנייה, ערך בוויקיפדיה על פייתון. השלישית, סיכום על מודול wikipedia באתר Stack Abuse. הרביעית – אתר ובו תיעוד רשמי של מודול בשם wikipedia.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">תוצאות החיפוש שהופיעו לנו בגוגל כשחיפשנו <q>python module wikipedia</q></figcaption>\n",
+    "<img alt=\"4 תוצאות בגוגל. הראשונה: wikipedia - PyPI. השנייה, ערך בוויקיפדיה על פייתון. השלישית, סיכום על מודול wikipedia באתר Stack Abuse. הרביעית – אתר ובו תיעוד רשמי של מודול בשם wikipedia.\" src=\"images/google_module_search.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">תוצאות החיפוש שהופיעו לנו בגוגל כשחיפשנו <q>python module wikipedia</q></figcaption>\n",
     "</figure>"
    ]
   },
@@ -119,11 +119,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הקישור הראשון שהתקבל בתוצאות החיפוש מוביל אותנו לאתר שנקרא <dfn>PyPI</dfn>, או בשמו המלא – Python Package Index.<br>\n",
-    "    זהו האתר הרשמי של פייתון לאחסון חבילות (שאנחנו מכירים כ\"מודולים\") – מאגר גדול שבו חבילות מכל סוג וצורה.<br>\n",
-    "    בבסיסו, PyPI הוא מקום ריכוזי שאליו משתמשים יכולים להעלות חבילות שיצרו, וממנו ציבור המתכנתים יכול להוריד חבילות ולהשתמש בהן.<br>\n",
-    "    נכון לכתיבת מילים אלו, ל־PyPI הועלו יותר מ־235,000 חבילות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הקישור הראשון שהתקבל בתוצאות החיפוש מוביל אותנו לאתר שנקרא <dfn>PyPI</dfn>, או בשמו המלא – Python Package Index.<br/>\n",
+    "    זהו האתר הרשמי של פייתון לאחסון חבילות (שאנחנו מכירים כ\"מודולים\") – מאגר גדול שבו חבילות מכל סוג וצורה.<br/>\n",
+    "    בבסיסו, PyPI הוא מקום ריכוזי שאליו משתמשים יכולים להעלות חבילות שיצרו, וממנו ציבור המתכנתים יכול להוריד חבילות ולהשתמש בהן.<br/>\n",
+    "    נכון לכתיבת מילים אלו, ל־PyPI הועלו יותר מ־235,000 חבילות.<br/>\n",
     "</p>"
    ]
   },
@@ -131,8 +131,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנו הבדל בין משמעות המונח \"<em>חבילה</em>\" (<i>Package</i>) לבין משמעות המונח \"<em>מודול</em>\" (<i>Module</i>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנו הבדל בין משמעות המונח \"<em>חבילה</em>\" (<i>Package</i>) לבין משמעות המונח \"<em>מודול</em>\" (<i>Module</i>).<br/>\n",
     "    נסביר את ההבדל בין המילים באחד השבועות הבאים. עד אז – נתייחס אליהן כאל מילים נרדפות.\n",
     "</p>"
    ]
@@ -141,7 +141,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נכנס <a href=\"https://pypi.org/project/wikipedia/\">לקישור</a> שהופיע בתוצאות החיפוש, ונביט על דף המודול <var>wikipedia</var> באתר PyPI:\n",
     "</p>"
    ]
@@ -151,8 +151,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/pypi_wikipedia.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"תמונת מסך של העמוד של המודול wikipedia ב־PyPI, מהכתובת https://pypi.org/project/wikipedia/ בתאריך 2020-05-22.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דף המודול <var>wikipedia</var> באתר PyPI.</figcaption>\n",
+    "<img alt=\"תמונת מסך של העמוד של המודול wikipedia ב־PyPI, מהכתובת https://pypi.org/project/wikipedia/ בתאריך 2020-05-22.\" src=\"images/pypi_wikipedia.png\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דף המודול <var>wikipedia</var> באתר PyPI.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -160,9 +160,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במרכז האתר נוכל לראות פירוט קצר על החבילה, ולעיתים יופיעו הוראות התקנה ודוגמאות קוד המדריכות כיצד לעבוד איתה.<br>\n",
-    "    מדובר במידע שימושי שכדאי לעיין בו – <br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במרכז האתר נוכל לראות פירוט קצר על החבילה, ולעיתים יופיעו הוראות התקנה ודוגמאות קוד המדריכות כיצד לעבוד איתה.<br/>\n",
+    "    מדובר במידע שימושי שכדאי לעיין בו – <br/>\n",
     "    פעמים רבות נמצא בו קישורים רלוונטיים, או דוגמאות שנותנות מושג על נוחות השימוש בחבילה לצורכנו.\n",
     "</p>"
    ]
@@ -171,10 +171,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בצד ימין למעלה נוכל למצוא את תאריך העדכון האחרון של החבילה – במקרה שלנו, לפני 6 שנים, ב־2014.<br>\n",
-    "    מדובר בתאריך ישן וברור שהחבילה אינה מתוחזקת.<br>\n",
-    "    נעדיף שלא לבחור חבילות כאלו לצורכי פרויקטים גדולים שאנחנו מתכוונים לתחזק לאורך זמן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בצד ימין למעלה נוכל למצוא את תאריך העדכון האחרון של החבילה – במקרה שלנו, לפני 6 שנים, ב־2014.<br/>\n",
+    "    מדובר בתאריך ישן וברור שהחבילה אינה מתוחזקת.<br/>\n",
+    "    נעדיף שלא לבחור חבילות כאלו לצורכי פרויקטים גדולים שאנחנו מתכוונים לתחזק לאורך זמן.<br/>\n",
     "    לרוב נעדיף חבילות עם סביבת תמיכה כמה שיותר מבוססת, וכאלו שעבורן משוחררים תיקונים ועדכונים שיוצאים תדיר.\n",
     "</p>"
    ]
@@ -183,9 +183,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בצד שמאל נוכל לראות נתונים שמעידים, בין היתר, על הפופולריות של הפרויקט.<br>\n",
-    "    מדד הכוכבים הוא למעשה כמות ה\"לייקים\" שהפרויקט קיבל בפלטפורמה לניהול קוד בשם GitHub.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בצד שמאל נוכל לראות נתונים שמעידים, בין היתר, על הפופולריות של הפרויקט.<br/>\n",
+    "    מדד הכוכבים הוא למעשה כמות ה\"לייקים\" שהפרויקט קיבל בפלטפורמה לניהול קוד בשם GitHub.<br/>\n",
     "    לרוב נעדיף לבחור בספריות שצברו כמה מאות כוכבים. לזו יש כמעט 2,000, מספר לא רע בכלל.\n",
     "</p>"
    ]
@@ -194,15 +194,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">התקנת החבילה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">התקנת החבילה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המודול הזה נראה טוב דיו לצורכנו, והחלטנו להשתמש בו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המודול הזה נראה טוב דיו לצורכנו, והחלטנו להשתמש בו.<br/>\n",
     "    אם ננסה לייבא אותו, נקבל שגיאה:\n",
     "</p>"
    ]
@@ -220,8 +220,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה מובן. פייתון מן הסתם לא יכולה להגיע עם כל ה־235,000 מודולים שפרסמה הקהילה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה מובן. פייתון מן הסתם לא יכולה להגיע עם כל ה־235,000 מודולים שפרסמה הקהילה.<br/>\n",
     "    אם כך, נצטרך לבחור אילו מודולים אנחנו רוצים להתקין, ולהתקין אותם לפני שנוכל להשתמש בהם.\n",
     "</p>"
    ]
@@ -230,9 +230,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תהליך ההתקנה הוא לרוב פשוט ולא דורש מאמץ רב.<br>\n",
-    "    פייתון מגיעה עם כלי שנקרא <dfn><abbr title=\"Pip Installs Packages\">pip</abbr></dfn>, שמשמש להתקנה של חבילות חיצוניות ולניהולן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תהליך ההתקנה הוא לרוב פשוט ולא דורש מאמץ רב.<br/>\n",
+    "    פייתון מגיעה עם כלי שנקרא <dfn><abbr title=\"Pip Installs Packages\">pip</abbr></dfn>, שמשמש להתקנה של חבילות חיצוניות ולניהולן.<br/>\n",
     "    כדי להשתמש בו, פתחו את שורת הפקודה במחשב שלכם.\n",
     "</p>"
    ]
@@ -241,10 +241,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לפתוח את שורת הפקודה במערכת ההפעלה חלונות, לחצו על <span dir=\"ltr\"><kbd dir=\"ltr\">⊞ WinKey</kbd>+<kbd dir=\"ltr\">R</kbd></span> במקלדת.<br>\n",
-    "    הלחצן <kbd dir=\"ltr\">⊞ WinKey</kbd> מופיע בין כפתור ה־<kbd>ALT</kbd> לכפתור ה־<kbd>CTRL</kbd> בצד השמאלי התחתון של המקלדת.<br>\n",
-    "    בחלון הקטן שייפתח לכם, הקישו <q><em>cmd</em></q> ולחצו <kbd dir=\"ltr\">⏎ Enter</kbd>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לפתוח את שורת הפקודה במערכת ההפעלה חלונות, לחצו על <span dir=\"ltr\"><kbd dir=\"ltr\">⊞ WinKey</kbd>+<kbd dir=\"ltr\">R</kbd></span> במקלדת.<br/>\n",
+    "    הלחצן <kbd dir=\"ltr\">⊞ WinKey</kbd> מופיע בין כפתור ה־<kbd>ALT</kbd> לכפתור ה־<kbd>CTRL</kbd> בצד השמאלי התחתון של המקלדת.<br/>\n",
+    "    בחלון הקטן שייפתח לכם, הקישו <q><em>cmd</em></q> ולחצו <kbd dir=\"ltr\">⏎ Enter</kbd>.<br/>\n",
     "    בשלב זה אמור להופיע לכם על המסך חלון שחור. זוהי שורת הפקודה.\n",
     "</p>"
    ]
@@ -253,10 +253,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לפתוח את שורת הפקודה במערכת Mac, לחצו על <span dir=\"ltr\"><kbd dir=\"ltr\">cmd ⌘</kbd>+<kbd dir=\"ltr\">Space</kbd></span> במקלדת.<br>\n",
-    "    בחלון שייפתח לכם, הקישו <q><em>Terminal</em></q>. התוכנה Terminal אמורה להופיע לכם כעת תחת המילים Top Hit.<br>\n",
-    "    לחצו לחיצה כפולה על Terminal.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לפתוח את שורת הפקודה במערכת Mac, לחצו על <span dir=\"ltr\"><kbd dir=\"ltr\">cmd ⌘</kbd>+<kbd dir=\"ltr\">Space</kbd></span> במקלדת.<br/>\n",
+    "    בחלון שייפתח לכם, הקישו <q><em>Terminal</em></q>. התוכנה Terminal אמורה להופיע לכם כעת תחת המילים Top Hit.<br/>\n",
+    "    לחצו לחיצה כפולה על Terminal.<br/>\n",
     "    בשלב זה אמור להופיע לכם על המסך חלון לבן. זוהי שורת הפקודה.\n",
     "</p>"
    ]
@@ -265,9 +265,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עכשיו, כששורת הפקודה פתוחה, נוכל להתקין את החבילה wikipedia.<br>\n",
-    "    נכתוב בשורת הפקודה: <kbd>pip install wikipedia</kbd>, ונראה את pip מתקין עבורנו את החבילה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עכשיו, כששורת הפקודה פתוחה, נוכל להתקין את החבילה wikipedia.<br/>\n",
+    "    נכתוב בשורת הפקודה: <kbd>pip install wikipedia</kbd>, ונראה את pip מתקין עבורנו את החבילה.<br/>\n",
     "    פקודת ההתקנה מופיעה בראש הדף של החבילה באתר PyPI, ולרוב גם בתיעוד החבילה עצמו.\n",
     "</p>"
    ]
@@ -276,16 +276,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            אפשר להריץ פקודה בשורת הפקודה מהמחברת. פתחו תא קוד חדש, והדביקו את הפקודה כשלפניה סימן קריאה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            אפשר להריץ פקודה בשורת הפקודה מהמחברת. פתחו תא קוד חדש, והדביקו את הפקודה כשלפניה סימן קריאה.<br/>\n",
     "            לדוגמה, כדי להתקין את החבילה, השתמשו ב־<code dir=\"ltr\">!pip install wikipedia</code>\n",
-    "        </p>\n",
-    "    </div>\n",
+    "</p>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -293,15 +293,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תפעול החבילה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תפעול החבילה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה הזמן להתחיל לעבוד עם החבילה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה הזמן להתחיל לעבוד עם החבילה.<br/>\n",
     "    בשלב הזה כדאי לפתוח את תיעוד החבילה ולנסות להריץ משם דברים כדי לקבל תחושה כללית בנוגע לטיבה.\n",
     "</p>"
    ]
@@ -310,9 +310,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חיפוש זריז בגוגל של <q>python wikipedia module documentation</q> יחזיר לנו את התוצאה הרביעית מהחיפוש הקודם שלנו בגוגל.<br>\n",
-    "    <a href=\"https://wikipedia.readthedocs.io/en/latest/\">ניכנס</a> ונריץ את שורות הקוד לדוגמה המופיעות בתיעוד:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חיפוש זריז בגוגל של <q>python wikipedia module documentation</q> יחזיר לנו את התוצאה הרביעית מהחיפוש הקודם שלנו בגוגל.<br/>\n",
+    "<a href=\"https://wikipedia.readthedocs.io/en/latest/\">ניכנס</a> ונריץ את שורות הקוד לדוגמה המופיעות בתיעוד:<br/>\n",
     "</p>"
    ]
   },
@@ -330,8 +330,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יופי! כבר עכשיו אפשר להגיד שהצלחנו במשימה שלנו לאחזר את פסקת הסיכום מוויקיפדיה לפי ערך מילוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יופי! כבר עכשיו אפשר להגיד שהצלחנו במשימה שלנו לאחזר את פסקת הסיכום מוויקיפדיה לפי ערך מילוני.<br/>\n",
     "    לאן ממשיכים מכאן?\n",
     "</p>"
    ]
@@ -340,8 +340,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נשוטט קצת <a href=\"https://wikipedia.readthedocs.io/en/latest/quickstart.html#quickstart\">בתיעוד</a> של החבילה כדי להבין מה עוד היא יכולה לעשות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נשוטט קצת <a href=\"https://wikipedia.readthedocs.io/en/latest/quickstart.html#quickstart\">בתיעוד</a> של החבילה כדי להבין מה עוד היא יכולה לעשות.<br/>\n",
     "    נראה, לדוגמה, שאפשר לחפש ערכים גם בעברית!\n",
     "</p>"
    ]
@@ -361,16 +361,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div>\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            מצאו אילו נקודות עניין יש ברדיוס של עד 600 מטר מהנקודה שהקואורדינטות שלה הן: קו רוחב 29.979167 וקו אורך 31.134167.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            מצאו אילו נקודות עניין יש ברדיוס של עד 600 מטר מהנקודה שהקואורדינטות שלה הן: קו רוחב 29.979167 וקו אורך 31.134167.<br/>\n",
     "            השתמשו בחבילה wikipedia ובתיעוד שלה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -378,14 +378,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם אתם אמיצים במיוחד ומרגישים ברי־מזל, תוכלו לכתוב את שם החבילה, נקודה, ואז ללחוץ על <kbd dir=\"ltr\">Tab ↹</kbd> במקלדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם אתם אמיצים במיוחד ומרגישים ברי־מזל, תוכלו לכתוב את שם החבילה, נקודה, ואז ללחוץ על <kbd dir=\"ltr\">Tab ↹</kbd> במקלדת.<br/>\n",
     "    התוצאה תהיה רשימת הפעולות הקיימות בחבילה, מסודרת לפי סדר מילוני.\n",
     "</p>\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קל מאוד ללכת לאיבוד בצורה הזו.<br>\n",
-    "    פעמים רבות תראו לצד הפעולות גם משתנים פנימיים שבהם החבילה עושה שימוש,<br>\n",
-    "    והסידור האלפבתי לא מקל על מציאת פונקציות שבהן אנחנו רוצים להשתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קל מאוד ללכת לאיבוד בצורה הזו.<br/>\n",
+    "    פעמים רבות תראו לצד הפעולות גם משתנים פנימיים שבהם החבילה עושה שימוש,<br/>\n",
+    "    והסידור האלפבתי לא מקל על מציאת פונקציות שבהן אנחנו רוצים להשתמש.<br/>\n",
     "    כשמתאפשר, נעדיף להשתמש בתיעוד שכתב המפתח.\n",
     "</p>"
    ]
@@ -394,16 +394,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניהול חבילות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניהול חבילות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    pip מאפשרת לנו לנהל את כל חבילות הפייתון שמותקנות על המחשב שלנו.<br>\n",
-    "    נסקור כמה פקודות שכדאי להכיר:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    pip מאפשרת לנו לנהל את כל חבילות הפייתון שמותקנות על המחשב שלנו.<br/>\n",
+    "    נסקור כמה פקודות שכדאי להכיר:<br/>\n",
     "</p>"
    ]
   },
@@ -411,29 +411,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt><code dir=\"ltr\">pip install</code></dt>\n",
-    "    <dd>\n",
-    "        מאפשרת לנו להתקין חבילה חדשה, או לשדרג חבילה קיימת.<br>\n",
-    "        כדי לשדרג חבילה קיימת, השתמשו בדגל <kbd dir=\"ltr\">-U</kbd>: <kbd>pip install -U wikipedia</kbd>.<br>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt><code dir=\"ltr\">pip install</code></dt>\n",
+    "<dd>\n",
+    "        מאפשרת לנו להתקין חבילה חדשה, או לשדרג חבילה קיימת.<br/>\n",
+    "        כדי לשדרג חבילה קיימת, השתמשו בדגל <kbd dir=\"ltr\">-U</kbd>: <kbd>pip install -U wikipedia</kbd>.<br/>\n",
     "        במערכות שבהן פייתון מותקנת בהרשאות נמוכות, התקינו רק עבור המשתמש המקומי באמצעות הדגל <kbd dir=\"ltr\">--user</kbd>: <kbd>pip install --user wikipedia</kbd>.\n",
     "    </dd>\n",
-    "    <dt><code dir=\"ltr\">pip uninstall</code></dt>\n",
-    "    <dd>\n",
+    "<dt><code dir=\"ltr\">pip uninstall</code></dt>\n",
+    "<dd>\n",
     "        מאפשרת להסיר חבילה מסוימת מהמחשב: <kbd dir=\"ltr\">pip uninstall wikipedia</kbd>.\n",
     "    </dd>\n",
-    "    <dt><code dir=\"ltr\">pip show</code></dt>\n",
-    "    <dd>\n",
+    "<dt><code dir=\"ltr\">pip show</code></dt>\n",
+    "<dd>\n",
     "        מאפשרת לסקור פרטים נוספים על החבילה: <kbd dir=\"ltr\">pip show wikipedia</kbd>.\n",
     "    </dd>\n",
-    "    <dt><code dir=\"ltr\">pip search</code></dt>\n",
-    "    <dd>\n",
-    "        מאפשרת לחפש חבילות משורת הפקודה, לדוגמה: <kbd dir=\"ltr\">pip search wikipedia</kbd>.<br>\n",
+    "<dt><code dir=\"ltr\">pip search</code></dt>\n",
+    "<dd>\n",
+    "        מאפשרת לחפש חבילות משורת הפקודה, לדוגמה: <kbd dir=\"ltr\">pip search wikipedia</kbd>.<br/>\n",
     "        גוגל זה גם אחלה.\n",
     "    </dd>\n",
-    "    <dt><code dir=\"ltr\">pip list</code></dt>\n",
-    "    <dd>\n",
-    "        מאפשרת לראות את רשימת כל החבילות שהותקנו במחשב שלנו.<br>\n",
+    "<dt><code dir=\"ltr\">pip list</code></dt>\n",
+    "<dd>\n",
+    "        מאפשרת לראות את רשימת כל החבילות שהותקנו במחשב שלנו.<br/>\n",
     "        שימו לב שה־Anaconda שהתקנו מוסיפה לתהליך ההתקנה חבילות רבות, ולכן הרשימה שתראו מנופחת יחסית.\n",
     "    </dd>\n",
     "</dl>"
@@ -443,23 +443,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "<dt>PyPI</dt><dd>\n",
-    "    מאגר עצום המאחסן חבילות פייתון שמפתחים יצרו והעלו אליו.<br>\n",
+    "    מאגר עצום המאחסן חבילות פייתון שמפתחים יצרו והעלו אליו.<br/>\n",
     "    המקום שממנו pip מושך את קובצי החבילות שהוא צריך להתקין. \n",
     "</dd>\n",
     "<dt>pip</dt><dd>\n",
-    "    כלי המותקן יחד עם פייתון ועוזר לנו לנהל את החבילות שנמצאות על המחשב שלנו.<br>\n",
+    "    כלי המותקן יחד עם פייתון ועוזר לנו לנהל את החבילות שנמצאות על המחשב שלנו.<br/>\n",
     "    ראשי תיבות של Pip Install Packages.</dd>\n",
     "<dt>חבילה</dt><dd>\n",
-    "    בניגוד למודול, שהוא קובץ פייתון אחד שניתן לייבא, חבילה היא צירוף של כמה מודולים שניתן לייבא בפקודה אחת.<br>\n",
+    "    בניגוד למודול, שהוא קובץ פייתון אחד שניתן לייבא, חבילה היא צירוף של כמה מודולים שניתן לייבא בפקודה אחת.<br/>\n",
     "    בעתיד נרד לעומקו של העניין, אבל עד אז עד אז נניח שהמילים \"חבילה\" ו\"מודול\" הן נרדפות.\n",
     "</dd>\n",
     "</dl>"
@@ -469,15 +469,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחברת זו למדנו כיצד מוצאים, מתקינים ומשתמשים במודול שכתבו מפתחי פייתון אחרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחברת זו למדנו כיצד מוצאים, מתקינים ומשתמשים במודול שכתבו מפתחי פייתון אחרים.<br/>\n",
     "    היכולת למצוא קטעי קוד שכתבו מתכנתים אחרים ולהשתמש בהם, היא אחד הכלים החשובים ביותר עבור כל מתכנת.\n",
     "</p>"
    ]
@@ -486,8 +486,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ככל שתשתמשו יותר בחבילות חיצוניות, כך יתפתחו יכולותיכם הקשורות במציאה של מודולים חדשים ובתפעולם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ככל שתשתמשו יותר בחבילות חיצוניות, כך יתפתחו יכולותיכם הקשורות במציאה של מודולים חדשים ובתפעולם.<br/>\n",
     "    הקפידו לזכור שלרוב קיים פתרון לכל בעיה שנתקלתם בה, והרבו להשתמש בחבילות חיצוניות כדי לפתור בעיות.\n",
     "</p>"
    ]
@@ -496,22 +496,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">שְׁתַּיִם דֻּבִּים מִן הַגִּיזָה</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">שְׁתַּיִם דֻּבִּים מִן הַגִּיזָה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מצאו במחשבכם חבילה אחת ששמה כשם של חיה, חבילה אחת ששמה כשם של מספר וחבילה אחת ששמה כשם של יצור מתולוגי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מצאו במחשבכם חבילה אחת ששמה כשם של חיה, חבילה אחת ששמה כשם של מספר וחבילה אחת ששמה כשם של יצור מתולוגי.<br/>\n",
     "בחרו באחת מהן והסבירו במשפט אחד מה היא עושה.\n",
     "</p>"
    ]
@@ -520,7 +520,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב: אפשר להתעלם מהערות הבודק האוטומטי.\n",
     "</p>"
    ]
@@ -529,16 +529,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">זהות בדויה</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">זהות בדויה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>create_people</var> שמקבלת מספר ($n$) ומחזירה $n$ פרטי אנשים מזויפים.<br>\n",
-    "    \"איש\" מוגדר כצירוף הפרטים של שם מלא, כתובת, כתובת דואר אלקטרוני ומספר טלפון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>create_people</var> שמקבלת מספר ($n$) ומחזירה $n$ פרטי אנשים מזויפים.<br/>\n",
+    "    \"איש\" מוגדר כצירוף הפרטים של שם מלא, כתובת, כתובת דואר אלקטרוני ומספר טלפון.<br/>\n",
     "    בחרו בעצמכם את מבני הנתונים שבהם כדאי לעשות שימוש בתרגיל זה.\n",
     "</p>"
    ]
@@ -547,15 +547,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"align: right; direction: rtl; float: right; clear: both;\">זכרו זכרו</span>"
+    "### <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">זכרו זכרו</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הצילו! טרוריסט משוגע מנסה לבצע פיגוע, ויכולות הפייתון שלכם הן היחידות שיכולות לעזור!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הצילו! טרוריסט משוגע מנסה לבצע פיגוע, ויכולות הפייתון שלכם הן היחידות שיכולות לעזור!<br/>\n",
     "    מאמצי מודיעין נרחבים הביאו אותנו למסקנה שהטרוריסט מצפין את מסריו בתמונות כך:\n",
     "</p>"
    ]
@@ -564,9 +564,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכל עמודה בתמונה ישנו פיקסל אחד שצבוע בשחור.<br>\n",
-    "    הפיקסל צבוע במספר השורה שתואם את הערך המספרי של התו (ראו תיעוד על הפונקציות <var>ord</var>, <var>chr</var>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכל עמודה בתמונה ישנו פיקסל אחד שצבוע בשחור.<br/>\n",
+    "    הפיקסל צבוע במספר השורה שתואם את הערך המספרי של התו (ראו תיעוד על הפונקציות <var>ord</var>, <var>chr</var>).<br/>\n",
     "    אם ממירים את המיקום שבו נמצאים הפיקסלים השחורים לפי סדר, משמאל לימין, מקבלים את המסר המוכמן.\n",
     "</p>"
    ]
@@ -575,7 +575,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה, אם בתמונה בגודל <span dir=\"ltr\">(2, 255)</span> הפיקסל השמאלי נמצא בשורה מספר 72 והפיקסל הימני נמצא בשורה מספר 105, המסר המוכמן הוא \"<samp>Hi</samp>\".\n",
     "</p>"
    ]
@@ -584,8 +584,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה שמקבלת נתיב לקובץ המוצפן ומחזירה את המסר המוצפן בו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה שמקבלת נתיב לקובץ המוצפן ומחזירה את המסר המוצפן בו.<br/>\n",
     "    השתמשו בקובץ resources/code.png כדי לפענח את המסר של הטרוריסט!\n",
     "</p>"
    ]
diff --git a/week6/5_Summary.ipynb b/week6/5_Summary.ipynb
index 46fe680..26ece91 100644
--- a/week6/5_Summary.ipynb
+++ b/week6/5_Summary.ipynb
@@ -4,22 +4,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "# <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">group_by</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">group_by</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>group_by</var> שמקבלת פונקציה כפרמטר ראשון, ו־iterable כפרמטר שני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>group_by</var> שמקבלת פונקציה כפרמטר ראשון, ו־iterable כפרמטר שני.<br/>\n",
     "    הפונקציה תחזיר מילון, שבו:\n",
     "</p>"
    ]
@@ -28,9 +28,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המפתחות הם הערכים שחזרו מהפונקציה שהועברה כפרמטר הראשון.</li>\n",
-    "    <li>הערך התואם למפתח מסוים הוא רשימה של כל האיברים שעבורם חזר הערך המופיע במפתח.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המפתחות הם הערכים שחזרו מהפונקציה שהועברה כפרמטר הראשון.</li>\n",
+    "<li>הערך התואם למפתח מסוים הוא רשימה של כל האיברים שעבורם חזר הערך המופיע במפתח.</li>\n",
     "</ul>"
    ]
   },
@@ -38,7 +38,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה, עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">group_by(len, [\"hi\", \"bye\", \"yo\", \"try\"])</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">{2: [\"hi\", \"yo\"], 3: [\"bye\", \"try\"]}</samp>.\n",
     "</p>"
    ]
@@ -47,15 +47,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">zipwith</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">zipwith</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>zip_with</var> שמקבלת פונקציה כפרמטר ראשון, ושני iterable־ים או יותר בפרמטרים שאחריו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>zip_with</var> שמקבלת פונקציה כפרמטר ראשון, ושני iterable־ים או יותר בפרמטרים שאחריו.<br/>\n",
     "    הפונקציה תחזיר רשימה, שבה האיבר במקום ה־N־י הוא הערך שחזר מהעברת כל הערכים במקום ה־N־י של כל ה־iterables לפונקציה.\n",
     "</p>"
    ]
@@ -64,7 +64,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לדוגמה:\n",
     "</p>"
    ]
@@ -73,9 +73,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">zipwith(add, [1, 2, 3], [4, 5, 6])</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">[5, 7, 9]</samp>.</li>\n",
-    "    <li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">zipwith(max, (5, 4), (2, 5), (6, -6))</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">[6, 5]</samp>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">zipwith(add, [1, 2, 3], [4, 5, 6])</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">[5, 7, 9]</samp>.</li>\n",
+    "<li>עבור הקריאה <code dir=\"ltr\" style=\"direction: ltr; text-align: left;\">zipwith(max, (5, 4), (2, 5), (6, -6))</code> יוחזר הערך: <samp dir=\"ltr\" style=\"direction: ltr; text-align: left;\">[6, 5]</samp>.</li>\n",
     "</ul>"
    ]
   },
@@ -83,7 +83,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר להניח שה־iterables המועברים לפונקציה זהים באורכם.\n",
     "</p>"
    ]
@@ -92,15 +92,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">זכרתם?</span>\n"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">זכרתם?</span>\n"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה שמקבלת מסר להצפנה, ויוצרת ממנו תמונה מוצפנת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה שמקבלת מסר להצפנה, ויוצרת ממנו תמונה מוצפנת.<br/>\n",
     "    השתמשו בשיטת ההצפנה שהוצגה במחברת הקודמת. \n",
     "</p>"
    ]
@@ -109,14 +109,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סט</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סט</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למדו את החוקים של המשחק סט, <a href=\"https://he.wikipedia.org/wiki/%D7%A1%D7%98_(%D7%9E%D7%A9%D7%97%D7%A7_%D7%A7%D7%9C%D7%A4%D7%99%D7%9D)\">מהערך בוויקיפדיה</a> או מ־<a href=\"https://www.youtube.com/watch?v=Kc4WrL7cxeg\">YouTube</a>.\n",
     "</p>"
    ]
@@ -125,10 +125,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>צרו חפיסת סט.</li>\n",
-    "    <li>טרפו אותה היטב, ופתחו 12 קלפים על השולחן. הדפיסו את כל הסטים שמצאתם.</li>\n",
-    "    <li>בדקו בכמה אחוזים מהפעמים שבהן פותחים 12 קלפים אקראיים מהחפיסה – אין אף סט על הלוח.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>צרו חפיסת סט.</li>\n",
+    "<li>טרפו אותה היטב, ופתחו 12 קלפים על השולחן. הדפיסו את כל הסטים שמצאתם.</li>\n",
+    "<li>בדקו בכמה אחוזים מהפעמים שבהן פותחים 12 קלפים אקראיים מהחפיסה – אין אף סט על הלוח.</li>\n",
     "</ol>"
    ]
   },
@@ -136,7 +136,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כדי לחשב את סעיף 3, הריצו את הבדיקה על 10,000 מקרים שבהם פתחתם 12 קלפים מהחפיסה המעורבבת.\n",
     "</p>"
    ]
@@ -145,15 +145,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">100 מעלות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">100 מעלות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו קוד שמוצא את 100 השירים הפופולריים ביותר לפי מדד <a href=\"https://www.billboard.com/charts/hot-100\">Hot 100</a> של Billboard.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו קוד שמוצא את 100 השירים הפופולריים ביותר לפי מדד <a href=\"https://www.billboard.com/charts/hot-100\">Hot 100</a> של Billboard.<br/>\n",
     "    השיגו את המילים של השירים שמצאתם, ושרטטו גרף שמראה כמה פעמים מופיעה כל מילה מ־100 המילים הנפוצות ביותר בכל השירים.\n",
     "</p>"
    ]
@@ -162,7 +162,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בונוס: בצעו ניתוח מעניין אחר, כמו מיהם האומנים שמשתמשים בהכי הרבה מילים בשירים שלהם!\n",
     "</p>"
    ]
diff --git a/week7/1_Classes.ipynb b/week7/1_Classes.ipynb
index 8b23d3c..ce8efa0 100644
--- a/week7/1_Classes.ipynb
+++ b/week7/1_Classes.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">מחלקות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מחלקות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בוקר חדש, השמש הפציעה והחלטתם שצברתם מספיק ידע בקורס כדי לפתוח רשת חברתית משלכם, בשם צ'יקצ'וק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בוקר חדש, השמש הפציעה והחלטתם שצברתם מספיק ידע בקורס כדי לפתוח רשת חברתית משלכם, בשם צ'יקצ'וק.<br/>\n",
     "    אתם משליכים את מחברות הפייתון מהחלון ומתחילים לתכנת במרץ את המערכת שתעזור לכם לנהל את המשתמשים.\n",
     "</p>"
    ]
@@ -35,7 +35,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לכל משתמש יש את התכונות הבאות:\n",
     "</p>"
    ]
@@ -44,11 +44,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>שם פרטי</li>\n",
-    "    <li>שם משפחה</li>\n",
-    "    <li>כינוי</li>\n",
-    "    <li>גיל</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>שם פרטי</li>\n",
+    "<li>שם משפחה</li>\n",
+    "<li>כינוי</li>\n",
+    "<li>גיל</li>\n",
     "</ul>"
    ]
   },
@@ -56,22 +56,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            בחרו סוג משתנה שיאפשר לכם לאחסן בנוחות את הנתונים הללו.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            בחרו סוג משתנה שיאפשר לכם לאחסן בנוחות את הנתונים הללו.<br/>\n",
     "            צרו שני משתמשים לדוגמה, והשתמשו בסוג המשתנה שבחרתם.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -79,9 +79,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפני שנציג את פתרון השאלה, נעמיק מעט ברעיון הכללי שעומד מאחורי הדוגמה הזו.<br>\n",
-    "    <mark>כל משתמש שניצור הוא מעין אסופת תכונות</mark> – במקרה שלנו התכונות הן שם פרטי, שם משפחה, כינוי וגיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפני שנציג את פתרון השאלה, נעמיק מעט ברעיון הכללי שעומד מאחורי הדוגמה הזו.<br/>\n",
+    "<mark>כל משתמש שניצור הוא מעין אסופת תכונות</mark> – במקרה שלנו התכונות הן שם פרטי, שם משפחה, כינוי וגיל.<br/>\n",
     "    לכל תכונה יהיה ערך המתאים לה, ויחד הערכים הללו יצרו משתמש אחד.\n",
     "</p>"
    ]
@@ -90,15 +90,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נמצא עוד דוגמאות לאסופות תכונות שכאלו:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תכונותיו של שולחן הן גובה, מספר רגליים, צבע, אורך ורוחב.</li>\n",
-    "    <li>תכונותיה של נורה הן צבע ומצב (דולקת או כבויה).</li>\n",
-    "    <li>תכונותיו של תרגיל בקורס הן השבוע והמחברת שבהן הוא הופיע, כותרת והוראות התרגיל.</li>\n",
-    "    <li>תכונותיו של שיר הן מילות השיר, האומנים שהשתתפו ביצירתו ואורכו.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תכונותיו של שולחן הן גובה, מספר רגליים, צבע, אורך ורוחב.</li>\n",
+    "<li>תכונותיה של נורה הן צבע ומצב (דולקת או כבויה).</li>\n",
+    "<li>תכונותיו של תרגיל בקורס הן השבוע והמחברת שבהן הוא הופיע, כותרת והוראות התרגיל.</li>\n",
+    "<li>תכונותיו של שיר הן מילות השיר, האומנים שהשתתפו ביצירתו ואורכו.</li>\n",
     "</ul>"
    ]
   },
@@ -106,21 +105,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            חשבו על עוד 3 דוגמאות לעצמים שאפשר לתאר כערכים עם אסופת תכונות.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -128,7 +127,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניצור שני משתמשים לדוגמה לפי תכונותיהם שהוצגו לעיל:\n",
     "</p>"
    ]
@@ -157,8 +156,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תוכלו ליצור בעצמכם פונקציה שיוצרת משתמש חדש?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תוכלו ליצור בעצמכם פונקציה שיוצרת משתמש חדש?<br/>\n",
     "    זה לא מסובך מדי:\n",
     "</p>"
    ]
@@ -187,9 +186,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <mark>נוכל גם לממש פונקציות שיעזרו לנו לבצע פעולות על כל אחד מהמשתמשים.</mark><br>\n",
-    "    לדוגמה: הפונקציה <var>describe_as_a_string</var> תקבל משתמש ותחזיר לנו מחרוזת שמתארת אותו,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<mark>נוכל גם לממש פונקציות שיעזרו לנו לבצע פעולות על כל אחד מהמשתמשים.</mark><br/>\n",
+    "    לדוגמה: הפונקציה <var>describe_as_a_string</var> תקבל משתמש ותחזיר לנו מחרוזת שמתארת אותו,<br/>\n",
     "    והפונקציה <var>celeberate_birthday</var> תקבל משתמש ותגדיל את גילו ב־1:\n",
     "</p>"
    ]
@@ -223,16 +222,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/recall.svg\" style=\"height: 50px !important;\" alt=\"תזכורת\" title=\"תזכורת\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            הצלחנו לערוך את ערכו של <code>user['age']</code> מבלי להחזיר ערך, כיוון שמילונים הם mutable.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"תזכורת\" height=\"50px\" src=\"images/recall.svg\" style=\"height: 50px !important;\" title=\"תזכורת\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            הצלחנו לערוך את ערכו של <code>user['age']</code> מבלי להחזיר ערך, כיוון שמילונים הם mutable.<br/>\n",
     "            אם זה נראה לכם מוזר, חזרו למחברת על mutability ו־immutability.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -240,8 +239,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשלב הזה בתוכניתנו קיימות קבוצת פונקציות שמטרתן היא ניהול של משתמשים ושל תכונותיהם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשלב הזה בתוכניתנו קיימות קבוצת פונקציות שמטרתן היא ניהול של משתמשים ושל תכונותיהם.<br/>\n",
     "</p>"
    ]
   },
@@ -249,9 +248,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל להוסיף למשתמש תכונות נוספות, כמו דוא\"ל ומשקל, לדוגמה,<br>\n",
-    "    או להוסיף לו פעולות שיהיה אפשר לבצע עליו, כמו הפעולה <var>eat_bourekas</var>, שמוסיפה לתכונת המשקל של המשתמש חצי קילו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל להוסיף למשתמש תכונות נוספות, כמו דוא\"ל ומשקל, לדוגמה,<br/>\n",
+    "    או להוסיף לו פעולות שיהיה אפשר לבצע עליו, כמו הפעולה <var>eat_bourekas</var>, שמוסיפה לתכונת המשקל של המשתמש חצי קילו.<br/>\n",
     "</p>"
    ]
   },
@@ -259,16 +258,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חסרונות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חסרונות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אף על פי שהרעיון נחמד, ככל שנרבה להוסיף פעולות ותכונות, תגבר תחושת האי־סדר שאופפת את הקוד הזה.<br>\n",
-    "    קל לראות שהקוד שכתבנו מפוזר על פני פונקציות רבות בצורה לא מאורגנת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אף על פי שהרעיון נחמד, ככל שנרבה להוסיף פעולות ותכונות, תגבר תחושת האי־סדר שאופפת את הקוד הזה.<br/>\n",
+    "    קל לראות שהקוד שכתבנו מפוזר על פני פונקציות רבות בצורה לא מאורגנת.<br/>\n",
     "    במילים אחרות – אין אף מבנה בקוד שתחתיו מאוגדות כל הפונקציות והתכונות ששייכות לטיפול במשתמש.\n",
     "</p>"
    ]
@@ -277,10 +276,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הבעיה תצוף כשנרצה להוסיף לתוכנה שלנו עוד מבנים שכאלו.<br>\n",
-    "    לדוגמה, כשנרצה להוסיף לצ'יקצ'וק יכולת לניהול סרטונים – שתכונותיהם אורך סרטון ומספר לייקים, והפעולה עליהם היא היכולת לעשות Like לסרטון.<br>\n",
-    "    הקוד לניהול המשתמש והקוד לניהול הסרטונים עלולים להתערבב, יווצרו תלויות ביניהם וחוויית ההתמצאות בקוד תהפוך ללא נעימה בעליל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הבעיה תצוף כשנרצה להוסיף לתוכנה שלנו עוד מבנים שכאלו.<br/>\n",
+    "    לדוגמה, כשנרצה להוסיף לצ'יקצ'וק יכולת לניהול סרטונים – שתכונותיהם אורך סרטון ומספר לייקים, והפעולה עליהם היא היכולת לעשות Like לסרטון.<br/>\n",
+    "    הקוד לניהול המשתמש והקוד לניהול הסרטונים עלולים להתערבב, יווצרו תלויות ביניהם וחוויית ההתמצאות בקוד תהפוך ללא נעימה בעליל.<br/>\n",
     "</p>"
    ]
   },
@@ -288,9 +287,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    החוסר באיגוד התכונות והפונקציות אף מקשה על הקורא להבין לאן שייכות כל אחת מהתכונות והפונקציות, ומה תפקידן בקוד.<br>\n",
-    "    מי שמסתכל על הקוד שלנו לא יכול להבין מייד ש־<var>describe_as_a_string</var> מיועדת לפעול רק על מבנים שנוצרו מ־<var>create_user</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    החוסר באיגוד התכונות והפונקציות אף מקשה על הקורא להבין לאן שייכות כל אחת מהתכונות והפונקציות, ומה תפקידן בקוד.<br/>\n",
+    "    מי שמסתכל על הקוד שלנו לא יכול להבין מייד ש־<var>describe_as_a_string</var> מיועדת לפעול רק על מבנים שנוצרו מ־<var>create_user</var>.<br/>\n",
     "    הוא עלול לנסות להכניס מבנים אחרים ולהקריס את התוכנית, או גרוע מכך – להיתקל בבאגים בעתיד, בעקבות שימוש לא נכון בפונקציה.\n",
     "</p>"
    ]
@@ -299,17 +298,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במהלך המחברת ראינו דוגמאות למבנים שהגדרנו <mark>כאוספים של תכונות ושל פעולות</mark>.<br>\n",
-    "    משתמש באפליקציית צ'יקצ'וק, לדוגמה, מורכב מהתכונות שם פרטי, שם משפחה, כינוי וגיל, ומהפעולות \"חגוג יום הולדת\" ו\"תאר כמחרוזת\".<br>\n",
-    "    נורה עשויה להיות מורכבת מהתכונות צבע ומצב (דולקת או לא), ומהפעולות \"הדלק נורה\" ו\"כבה נורה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במהלך המחברת ראינו דוגמאות למבנים שהגדרנו <mark>כאוספים של תכונות ושל פעולות</mark>.<br/>\n",
+    "    משתמש באפליקציית צ'יקצ'וק, לדוגמה, מורכב מהתכונות שם פרטי, שם משפחה, כינוי וגיל, ומהפעולות \"חגוג יום הולדת\" ו\"תאר כמחרוזת\".<br/>\n",
+    "    נורה עשויה להיות מורכבת מהתכונות צבע ומצב (דולקת או לא), ומהפעולות \"הדלק נורה\" ו\"כבה נורה\".<br/>\n",
     "</p>"
    ]
   },
@@ -317,9 +316,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dfn>מחלקה</dfn> היא דרך לתאר לפייתון אוסף כזה של תכונות ושל פעולות, ולאגד אותן תחת מבנה אחד.<br>\n",
-    "    אחרי שתיארנו בעזרת מחלקה אילו תכונות ופעולות מאפיינות עצם מסוים, נוכל להשתמש בה כדי לייצר כמה עצמים כאלו שנרצה.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>מחלקה</dfn> היא דרך לתאר לפייתון אוסף כזה של תכונות ושל פעולות, ולאגד אותן תחת מבנה אחד.<br/>\n",
+    "    אחרי שתיארנו בעזרת מחלקה אילו תכונות ופעולות מאפיינות עצם מסוים, נוכל להשתמש בה כדי לייצר כמה עצמים כאלו שנרצה.<br/>\n",
     "</p>"
    ]
   },
@@ -327,9 +326,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נדמיין מחלקה כמו שבלונה – <mark>תבנית</mark> שמתארת אילו תכונות ופעולות מאפיינות סוג עצם מסוים.<br>\n",
-    "    מחלקה שעוסקת במשתמשים, לדוגמה, תתאר עבור פייתון מאילו תכונות ופעולות מורכב כל משתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נדמיין מחלקה כמו שבלונה – <mark>תבנית</mark> שמתארת אילו תכונות ופעולות מאפיינות סוג עצם מסוים.<br/>\n",
+    "    מחלקה שעוסקת במשתמשים, לדוגמה, תתאר עבור פייתון מאילו תכונות ופעולות מורכב כל משתמש.<br/>\n",
     "</p>"
    ]
   },
@@ -338,8 +337,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/user_class.svg?v=1\" style=\"max-width: 650px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"במרכז התמונה ניצבת צללית של אדם (משתמש). בצד ימין שלו יש תיבה עם הכותרת 'תכונות', ובתוכה המילים 'שם פרטי', 'שם משפחה', 'כינוי' ו'גיל'. בצד שמאל שלו יש תיבה נוספת הנושאת את הכותרת 'פעולות', ובתוכה המילים 'חגוג יום הולדת' ו'תאר משתמש'.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">איור המתאר את התכונות ואת הפעולות השייכות למחלקה \"משתמש\".</figcaption>\n",
+    "<img alt=\"במרכז התמונה ניצבת צללית של אדם (משתמש). בצד ימין שלו יש תיבה עם הכותרת 'תכונות', ובתוכה המילים 'שם פרטי', 'שם משפחה', 'כינוי' ו'גיל'. בצד שמאל שלו יש תיבה נוספת הנושאת את הכותרת 'פעולות', ובתוכה המילים 'חגוג יום הולדת' ו'תאר משתמש'.\" src=\"images/user_class.svg?v=1\" style=\"max-width: 650px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">איור המתאר את התכונות ואת הפעולות השייכות למחלקה \"משתמש\".</figcaption>\n",
     "</figure>"
    ]
   },
@@ -347,9 +346,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעזרת אותה מחלקת משתמשים (או שבלונת משתמשים, אם תרצו), נוכל ליצור משתמשים רבים.<br>\n",
-    "    כל משתמש שניצור באמצעות השבלונה ייקרא \"<dfn>מופע</dfn>\" (או <dfn>Instance</dfn>) – יחידה אחת, עצמאית, שמכילה את התכונות והפעולות שתיארנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעזרת אותה מחלקת משתמשים (או שבלונת משתמשים, אם תרצו), נוכל ליצור משתמשים רבים.<br/>\n",
+    "    כל משתמש שניצור באמצעות השבלונה ייקרא \"<dfn>מופע</dfn>\" (או <dfn>Instance</dfn>) – יחידה אחת, עצמאית, שמכילה את התכונות והפעולות שתיארנו.<br/>\n",
     "    אנחנו נשתמש במחלקה שוב ושוב כדי ליצור כמה משתמשים שנרצה, בדיוק כמו שנשתמש בשבלונה.\n",
     "</p>"
    ]
@@ -358,8 +357,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יש עוד הרבה מה להגיד והרבה מה להגדיר, אבל נשמע שמתחתי אתכם מספיק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יש עוד הרבה מה להגיד והרבה מה להגדיר, אבל נשמע שמתחתי אתכם מספיק.<br/>\n",
     "    בואו ניגש לקוד!\n",
     "</p>"
    ]
@@ -368,22 +367,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מחלקות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מחלקות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה בסיסית</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה בסיסית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ראשית, ניצור את המחלקה הפשוטה ביותר שאנחנו יכולים לבנות, ונקרא לה <var>User</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ראשית, ניצור את המחלקה הפשוטה ביותר שאנחנו יכולים לבנות, ונקרא לה <var>User</var>.<br/>\n",
     "    בהמשך המחברת נרחיב את המחלקה, והיא תהיה זו שמטפלת בכל הקשור במשתמשים של צ'יקצ'וק:\n",
     "</p>"
    ]
@@ -402,16 +401,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/recall.svg\" style=\"height: 50px !important;\" alt=\"תזכורת\" title=\"תזכורת\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            ניסינו ליצור את המבנה הכי קצר שאפשר, אבל <code>class</code> חייב להכיל קוד.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"תזכורת\" height=\"50px\" src=\"images/recall.svg\" style=\"height: 50px !important;\" title=\"תזכורת\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            ניסינו ליצור את המבנה הכי קצר שאפשר, אבל <code>class</code> חייב להכיל קוד.<br/>\n",
     "            כדי לעקוף את המגבלה הזו, השתמשנו במילת המפתח <code>pass</code>, שאומרת לפייתון \"אל תעשי כלום\".\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -419,9 +418,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה השתמשנו במילת המפתח <code>class</code> כדי להצהיר על מחלקה חדשה.<br>\n",
-    "    מייד לאחר מכן ציינו את שם המחלקה שאנחנו רוצים ליצור – <var>User</var> במקרה שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה השתמשנו במילת המפתח <code>class</code> כדי להצהיר על מחלקה חדשה.<br/>\n",
+    "    מייד לאחר מכן ציינו את שם המחלקה שאנחנו רוצים ליצור – <var>User</var> במקרה שלנו.<br/>\n",
     "    שם המחלקה נתון לחלוטין לבחירתנו, והמילה <var>User</var> לא אומרת לפייתון שום דבר מיוחד. באותה המידה יכולנו לבחור כל שם אחר.\n",
     "</p>"
    ]
@@ -430,9 +429,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הדבר שחשוב לזכור הוא שהמחלקה היא <em>לא</em> המשתמש עצמו, אלא רק השבלונה שלפיה פייתון תבנה את המשתמש.<br>\n",
-    "    אמנם כרגע המחלקה <var>User</var> ריקה ולא מתארת כלום, אבל פייתון עדיין תדע ליצור משתמש חדש אם נבקש ממנה לעשות זאת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הדבר שחשוב לזכור הוא שהמחלקה היא <em>לא</em> המשתמש עצמו, אלא רק השבלונה שלפיה פייתון תבנה את המשתמש.<br/>\n",
+    "    אמנם כרגע המחלקה <var>User</var> ריקה ולא מתארת כלום, אבל פייתון עדיין תדע ליצור משתמש חדש אם נבקש ממנה לעשות זאת.<br/>\n",
     "    נבקש מהמחלקה ליצור עבורנו משתמש חדש. נקרא לה בשמה ונוסיף סוגריים, בדומה לקריאה לפונקציה:\n",
     "</p>"
    ]
@@ -450,9 +449,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כעת יצרנו משתמש, ואנחנו יכולים לשנות את התכונות שלו.<br>\n",
-    "    מבחינה מילולית, נהוג להגיד שיצרנו <dfn>מופע</dfn> (<dfn>Instance</dfn>) או <dfn>עצם</dfn> (אובייקט, <dfn>Object</dfn>) מסוג <var>User</var>, ששמו <var>user1</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כעת יצרנו משתמש, ואנחנו יכולים לשנות את התכונות שלו.<br/>\n",
+    "    מבחינה מילולית, נהוג להגיד שיצרנו <dfn>מופע</dfn> (<dfn>Instance</dfn>) או <dfn>עצם</dfn> (אובייקט, <dfn>Object</dfn>) מסוג <var>User</var>, ששמו <var>user1</var>.<br/>\n",
     "    השתמשנו לשם כך ב<dfn>מחלקה</dfn> בשם <var>User</var>.\n",
     "</p>"
    ]
@@ -461,9 +460,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נשנה את תכונות המשתמש.<br>\n",
-    "    כדי להתייחס לתכונה של מופע כלשהו בפייתון, נכתוב את שם המשתנה שמצביע למופע, נקודה, ואז שם התכונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נשנה את תכונות המשתמש.<br/>\n",
+    "    כדי להתייחס לתכונה של מופע כלשהו בפייתון, נכתוב את שם המשתנה שמצביע למופע, נקודה, ואז שם התכונה.<br/>\n",
     "    אם נרצה לשנות את התכונה – נבצע אליה השמה:\n",
     "</p>"
    ]
@@ -484,7 +483,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לאחזר את התכונות הללו בקלות, באותה הצורה:\n",
     "</p>"
    ]
@@ -502,7 +501,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ואם נבדוק מה הסוג של המשתנה <var>user1</var>, מצפה לנו הפתעה נחמדה:\n",
     "</p>"
    ]
@@ -520,9 +519,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    איזה יופי! המחלקה גרמה לכך ש־<var>User</var> הוא ממש סוג משתנה בפייתון עכשיו.<br>\n",
-    "    קחו לעצמכם רגע להתפעל – יצרנו סוג משתנה חדש בפייתון!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    איזה יופי! המחלקה גרמה לכך ש־<var>User</var> הוא ממש סוג משתנה בפייתון עכשיו.<br/>\n",
+    "    קחו לעצמכם רגע להתפעל – יצרנו סוג משתנה חדש בפייתון!<br/>\n",
     "    אם כך, המשתנה <var>user1</var> מצביע על מופע של משתמש, שסוגו <var>User</var>.\n",
     "</p>"
    ]
@@ -531,7 +530,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה ליצור מופע נוסף, הפעם של משתמש אחר:\n",
     "</p>"
    ]
@@ -553,7 +552,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ונשים לב ששני המופעים מתקיימים זה לצד זה, ולא דורסים את הערכים זה של זה:\n",
     "</p>"
    ]
@@ -572,8 +571,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המצב הזה מתקיים כיוון שכל קריאה למחלקה <var>User</var> יוצרת מופע חדש של משתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המצב הזה מתקיים כיוון שכל קריאה למחלקה <var>User</var> יוצרת מופע חדש של משתמש.<br/>\n",
     "    כל אחד מהמופעים הוא ישות נפרדת שמתקיימת בזכות עצמה.\n",
     "</p>"
    ]
@@ -582,22 +581,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו מחלקה בשם <var>Point</var> שמייצגת נקודה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו מחלקה בשם <var>Point</var> שמייצגת נקודה.<br/>\n",
     "            צרו 2 מופעים של נקודות: אחת בעלת <var>x</var> שערכו 3 ו־<var>y</var> שערכו 1, והשנייה בעלת <var>x</var> שערכו 4 ו־<var>y</var> שערכו 1.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -605,9 +604,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שמות מחלקה ייכתבו באות גדולה בתחילתם, כדי להבדילם מפונקציות וממשתנים רגילים.<br>\n",
-    "    אם שם המחלקה מורכב מכמה מילים, האות הראשונה בכל מילה תהא אות גדולה. בשם לא יופיעו קווים תחתונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שמות מחלקה ייכתבו באות גדולה בתחילתם, כדי להבדילם מפונקציות וממשתנים רגילים.<br/>\n",
+    "    אם שם המחלקה מורכב מכמה מילים, האות הראשונה בכל מילה תהא אות גדולה. בשם לא יופיעו קווים תחתונים.<br/>\n",
     "    לדוגמה, מחלקת <var>PopSong</var>.\n",
     "</p>"
    ]
@@ -616,15 +615,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה עם פעולות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה עם פעולות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יצירת מחלקה ריקה זה נחמד, אבל זה לא מרגיש שעשינו צעד מספיק משמעותי כדי לשפר את איכות הקוד מתחילת המחברת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יצירת מחלקה ריקה זה נחמד, אבל זה לא מרגיש שעשינו צעד מספיק משמעותי כדי לשפר את איכות הקוד מתחילת המחברת.<br/>\n",
     "    לדוגמה, אם אנחנו רוצים להדפיס את הפרטים של משתמש מסוים, עדיין נצטרך לכתוב פונקציה כזו:\n",
     "</p>"
    ]
@@ -647,8 +646,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה עדיין מסתובבת לה חופשייה ולא מאוגדת תחת אף מבנה – וזה בדיוק המצב שניסינו למנוע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה עדיין מסתובבת לה חופשייה ולא מאוגדת תחת אף מבנה – וזה בדיוק המצב שניסינו למנוע.<br/>\n",
     "    למזלנו הפתרון לבעיית איגוד הקוד הוא פשוט. נוכל להדביק את קוד הפונקציה תחת המחלקה <code>User</code>:\n",
     "</p>"
    ]
@@ -676,8 +675,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא שלמעלה הגדרנו את הפונקציה <var>describe_as_a_string</var> בתוך המחלקה <var>User</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא שלמעלה הגדרנו את הפונקציה <var>describe_as_a_string</var> בתוך המחלקה <var>User</var>.<br/>\n",
     "    פונקציה שמוגדרת בתוך מחלקה נקראת <dfn>פעולה</dfn> (<dfn>Method</dfn>), שם שניתן לה כדי לבדל אותה מילולית מפונקציה רגילה.\n",
     "</p>"
    ]
@@ -686,8 +685,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למעשה, בתא שלמעלה הוספנו את הפעולה <var>describe_as_a_string</var> לשבלונה של המשתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למעשה, בתא שלמעלה הוספנו את הפעולה <var>describe_as_a_string</var> לשבלונה של המשתמש.<br/>\n",
     "    מעכשיו, כל מופע חדש של משתמש יוכל לקרוא לפעולה <var>describe_as_a_string</var> בצורה הבאה:\n",
     "</p>"
    ]
@@ -705,9 +704,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חדי העין שמו ודאי לב למשהו מעט משונה בקריאה לפעולה <var>describe_as_a_string</var>.<br>\n",
-    "    הפעולה מצפה לקבל פרמטר (קראנו לו <var>user</var>), אבל כשקראנו לה בתא האחרון לא העברנו לה אף ארגומנט!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חדי העין שמו ודאי לב למשהו מעט משונה בקריאה לפעולה <var>describe_as_a_string</var>.<br/>\n",
+    "    הפעולה מצפה לקבל פרמטר (קראנו לו <var>user</var>), אבל כשקראנו לה בתא האחרון לא העברנו לה אף ארגומנט!<br/>\n",
     "</p>"
    ]
   },
@@ -715,9 +714,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זהו קסם ידוע ונחמד של מחלקות: כשמופע קורא לפעולה כלשהי – אותו מופע עצמו מועבר אוטומטית כארגומנט הראשון לפעולה.<br>\n",
-    "    לדוגמה, בקריאה <code dir=\"ltr\">user3.describe_as_a_string()</code>, המופע <var>user3</var> הועבר לתוך הפרמטר <var>user</var> של <var>describe_as_a_string</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זהו קסם ידוע ונחמד של מחלקות: כשמופע קורא לפעולה כלשהי – אותו מופע עצמו מועבר אוטומטית כארגומנט הראשון לפעולה.<br/>\n",
+    "    לדוגמה, בקריאה <code dir=\"ltr\">user3.describe_as_a_string()</code>, המופע <var>user3</var> הועבר לתוך הפרמטר <var>user</var> של <var>describe_as_a_string</var>.<br/>\n",
     "</p>"
    ]
   },
@@ -725,8 +724,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המוסכמה היא לקרוא תמיד לפרמטר הקסום הזה, זה שהולך לקבל את המופע, בשם <var>self</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המוסכמה היא לקרוא תמיד לפרמטר הקסום הזה, זה שהולך לקבל את המופע, בשם <var>self</var>.<br/>\n",
     "    נשנה את ההגדרה שלנו בהתאם למוסכמה:\n",
     "</p>"
    ]
@@ -755,15 +754,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
     "            טעות נפוצה היא לשכוח לשים <var>self</var> כפרמטר הראשון בפעולות שנגדיר.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -771,22 +770,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו פעולה בשם <var>describe_as_a_string</var> עבור מחלקת <var>Point</var> שיצרתם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו פעולה בשם <var>describe_as_a_string</var> עבור מחלקת <var>Point</var> שיצרתם.<br/>\n",
     "            הפעולה תחזיר מחרוזת בצורת <samp dir=\"ltr\">(x, y)</samp>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -794,17 +793,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מופע</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת מופע</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפיסה החסרה בפאזל היא יצירת המופע.<br>\n",
-    "    אם נרצה ליצור משתמש חדש, עדיין נצטרך להציב בו תכונות אחת־אחת – וזה לא כזה כיף.<br>\n",
-    "    נשדרג את עצמנו ונכתוב פונקציה שקוראת ל־<var>User</var> ויוצרת מופע עם כל התכונות שלו:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפיסה החסרה בפאזל היא יצירת המופע.<br/>\n",
+    "    אם נרצה ליצור משתמש חדש, עדיין נצטרך להציב בו תכונות אחת־אחת – וזה לא כזה כיף.<br/>\n",
+    "    נשדרג את עצמנו ונכתוב פונקציה שקוראת ל־<var>User</var> ויוצרת מופע עם כל התכונות שלו:<br/>\n",
     "</p>"
    ]
   },
@@ -831,8 +830,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל הגדרה שכזו, כמו שכבר אמרנו, סותרת את כל הרעיון של מחלקות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל הגדרה שכזו, כמו שכבר אמרנו, סותרת את כל הרעיון של מחלקות.<br/>\n",
     "    הרי המטרה של מחלקות היא קיבוץ כל מה שקשור בניהול התכונות והפעולות תחת המחלקה.\n",
     "</p>"
    ]
@@ -841,12 +840,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "     נעתיק את <var>create_user</var> לתוך מחלקת <var>User</var>, בשינויים קלים:    \n",
     "</p>\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>לא נשכח לשים את <var>self</var> כפרמטר ראשון בחתימת הפעולה.</li>\n",
-    "    <li>כפי שראינו, פעולות במחלקה מקבלות מופע ועובדות ישירות עליו, ולכן נשמיט את השורות <code dir=\"ltr\">user = User()</code> ו־<code dir=\"ltr\">return user</code>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>לא נשכח לשים את <var>self</var> כפרמטר ראשון בחתימת הפעולה.</li>\n",
+    "<li>כפי שראינו, פעולות במחלקה מקבלות מופע ועובדות ישירות עליו, ולכן נשמיט את השורות <code dir=\"ltr\">user = User()</code> ו־<code dir=\"ltr\">return user</code>.</li>\n",
     "</ol>"
    ]
   },
@@ -872,7 +871,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עכשיו נוכל ליצור משתמש חדש, בצורה החביבה והמקוצרת הבאה:\n",
     "</p>"
    ]
@@ -892,15 +891,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מחלקת נקודות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: מחלקת נקודות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מינרווה מקגונגל יצאה לבילוי לילי בסמטת דיאגון,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מינרווה מקגונגל יצאה לבילוי לילי בסמטת דיאגון,<br/>\n",
     "    ואחרי לילה עמוס בשתיית שיכר בקלחת הרותחת, היא מעט מתקשה לחזור להוגוורטס.\n",
     "</p>"
    ]
@@ -909,9 +908,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הוסיפו את הפעולות <var>create_point</var> ו־<var>distance</var> למחלקת הנקודה שיצרתם.<br>\n",
-    "    הפעולה <var>create_point</var> תקבל כפרמטרים <var>x</var> ו־<var>y</var>, ותיצוק תוכן למופע שיצרתם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הוסיפו את הפעולות <var>create_point</var> ו־<var>distance</var> למחלקת הנקודה שיצרתם.<br/>\n",
+    "    הפעולה <var>create_point</var> תקבל כפרמטרים <var>x</var> ו־<var>y</var>, ותיצוק תוכן למופע שיצרתם.<br/>\n",
     "    הפעולה <var>distance</var> תחזיר את המרחק של מקגונגל מהוגוורטס, הממוקם בנקודה <span dir=\"ltr\">(0, 0)</span>.\n",
     "</p>"
    ]
@@ -920,17 +919,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוסחת המרחק היא חיבור בין הערכים המוחלטים של נקודות ה־<var>x</var> וה־<var>y</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוסחת המרחק היא חיבור בין הערכים המוחלטים של נקודות ה־<var>x</var> וה־<var>y</var>.<br/>\n",
     "    לדוגמה:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 5, y = 3</pre> הוא <samp>8</samp>.</li>\n",
-    "    <li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 0, y = 3</pre> הוא <samp>3</samp>.</li>\n",
-    "    <li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = -3, y = 3</pre> הוא <samp>6</samp>.</li>\n",
-    "    <li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = -5, y = 0</pre> הוא <samp>5</samp>.</li>\n",
-    "    <li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 0, y = 0</pre> הוא <samp>0</samp>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 5, y = 3</pre> הוא <samp>8</samp>.</li>\n",
+    "<li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 0, y = 3</pre> הוא <samp>3</samp>.</li>\n",
+    "<li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = -3, y = 3</pre> הוא <samp>6</samp>.</li>\n",
+    "<li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = -5, y = 0</pre> הוא <samp>5</samp>.</li>\n",
+    "<li>המרחק מהנקודה <pre dir=\"ltr\" style=\"display: inline; margin: 0 0.5em;\">x = 0, y = 0</pre> הוא <samp>0</samp>.</li>\n",
     "</ul>"
    ]
   },
@@ -938,7 +936,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ודאו שהתוכנית שלכם מחזירה <samp dir=\"ltr\">Success!</samp> עבור הקוד הבא:\n",
     "</p>"
    ]
@@ -959,15 +957,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות קסם</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות קסם</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להקל אפילו עוד יותר על המלאכה, בפייתון יש <dfn>פעולות קסם</dfn> (<dfn>Magic Methods</dfn>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להקל אפילו עוד יותר על המלאכה, בפייתון יש <dfn>פעולות קסם</dfn> (<dfn>Magic Methods</dfn>).<br/>\n",
     "    אלו פעולות עם שם מיוחד, שאם נגדיר אותן במחלקה, הן ישנו את ההתנהגות שלה או של המופעים הנוצרים בעזרתה.\n",
     "</p>"
    ]
@@ -976,16 +974,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<h4 style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>__str__</code></h4>"
+    "<h4 dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>__str__</code></h4>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נתחיל, לדוגמה, מהיכרות קצרה עם פעולת הקסם <code>__str__</code> (עם קו תחתון כפול, מימין ומשמאל לשם הפעולה).<br>\n",
-    "    אם ננסה סתם ככה להמיר למחרוזת את <var>user4</var> שיצרנו קודם לכן, נקבל בהלה והיסטריה:"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נתחיל, לדוגמה, מהיכרות קצרה עם פעולת הקסם <code>__str__</code> (עם קו תחתון כפול, מימין ומשמאל לשם הפעולה).<br/>\n",
+    "    אם ננסה סתם ככה להמיר למחרוזת את <var>user4</var> שיצרנו קודם לכן, נקבל בהלה והיסטריה:</p>"
    ]
   },
   {
@@ -1003,8 +1001,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פייתון אמנם אומרת דברים נכונים, כמו שמדובר באובייקט (מופע) מהמחלקה <var>User</var> ואת הכתובת שלו בזיכרון, אבל זה לא באמת מועיל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פייתון אמנם אומרת דברים נכונים, כמו שמדובר באובייקט (מופע) מהמחלקה <var>User</var> ואת הכתובת שלו בזיכרון, אבל זה לא באמת מועיל.<br/>\n",
     "</p>"
    ]
   },
@@ -1012,8 +1010,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיוון שפונקציית ההדפסה <var>print</var>, מאחורי הקלעים, מבקשת את צורת המחרוזת של הארגומנט שמועבר אליה,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיוון שפונקציית ההדפסה <var>print</var>, מאחורי הקלעים, מבקשת את צורת המחרוזת של הארגומנט שמועבר אליה,<br/>\n",
     "    גם קריאה ל־<var>print</var> ישירות על <var>user4</var> תיצור את אותה תוצאה לא ססגונית:\n",
     "</p>"
    ]
@@ -1031,8 +1029,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המחלקה שלנו, כמובן, כבר ערוכה להתמודד עם המצב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המחלקה שלנו, כמובן, כבר ערוכה להתמודד עם המצב.<br/>\n",
     "    בזכות הפעולה <var>describe_as_a_string</var> שהגדרנו קודם לכן נוכל להדפיס את פרטי המשתמש בקלות יחסית:\n",
     "</p>"
    ]
@@ -1050,9 +1048,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל יש דרך קלה עוד יותר!<br>\n",
-    "    ניחשתם נכון – פעולת הקסם <code>__str__</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל יש דרך קלה עוד יותר!<br/>\n",
+    "    ניחשתם נכון – פעולת הקסם <code>__str__</code>.<br/>\n",
     "    נחליף את השם של הפעולה <var>describe_as_a_string</var>, ל־<code>__str__</code>:\n",
     "</p>"
    ]
@@ -1084,8 +1082,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ראו איזה קסם! עכשיו המרה של כל מופע מסוג <var>User</var> למחרוזת היא פעולה ממש פשוטה!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ראו איזה קסם! עכשיו המרה של כל מופע מסוג <var>User</var> למחרוזת היא פעולה ממש פשוטה!<br/>\n",
     "</p>"
    ]
   },
@@ -1093,9 +1091,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא שלמעלה, הגדרנו את פעולת הקסם <code>__str__</code>.<br>\n",
-    "    הפעולה מקבלת כפרמטר את <var>self</var>, המופע שביקשנו להמיר למחרוזת,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא שלמעלה, הגדרנו את פעולת הקסם <code>__str__</code>.<br/>\n",
+    "    הפעולה מקבלת כפרמטר את <var>self</var>, המופע שביקשנו להמיר למחרוזת,<br/>\n",
     "    ומחזירה לנו מחרוזת שאנחנו הגדרנו כמחרוזת שמתארת את המופע.\n",
     "</p>"
    ]
@@ -1104,7 +1102,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הגדרת פעולת הקסם <code>__str__</code> עבור מחלקה מסוימת מאפשרת לנו להמיר מופעים למחרוזות בצורה טבעית.\n",
     "</p>"
    ]
@@ -1113,15 +1111,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<h4 style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>__init__</code></h4>"
+    "<h4 dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הפעולה <code>__init__</code></h4>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פעולת קסם חשובה אף יותר, ואולי המפורסמת ביותר, נקראת <code>__init__</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פעולת קסם חשובה אף יותר, ואולי המפורסמת ביותר, נקראת <code>__init__</code>.<br/>\n",
     "    היא מאפשרת לנו להגדיר מה יקרה ברגע שניצור מופע חדש:\n",
     "</p>"
    ]
@@ -1156,8 +1154,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמת הקוד שלמעלה הגדרנו את פעולת הקסם <code>__init__</code>, שתרוץ מייד כשנוצר מופע חדש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמת הקוד שלמעלה הגדרנו את פעולת הקסם <code>__init__</code>, שתרוץ מייד כשנוצר מופע חדש.<br/>\n",
     "    החלטנו שברגע שייווצר מופע של משתמש, תודפס ההודעה <samp dir=\"ltr\">New user has been created!</samp>.\n",
     "</p>"
    ]
@@ -1166,8 +1164,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הכיף הגדול ב־<code>__init__</code> הוא היכולת שלה לקבל פרמטרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הכיף הגדול ב־<code>__init__</code> הוא היכולת שלה לקבל פרמטרים.<br/>\n",
     "    נוכל להעביר אליה את הארגומנטים בקריאה לשם המחלקה, בעת יצירת המופע 🤯\n",
     "</p>"
    ]
@@ -1204,9 +1202,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא שלמעלה הגדרנו שפעולת הקסם <code>__init__</code> תקבל כפרמטר הודעה להדפסה.<br>\n",
-    "    ההודעה תישמר בתכונה <var>creation_message</var> השייכת למופע, ותודפס מייד לאחר מכן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא שלמעלה הגדרנו שפעולת הקסם <code>__init__</code> תקבל כפרמטר הודעה להדפסה.<br/>\n",
+    "    ההודעה תישמר בתכונה <var>creation_message</var> השייכת למופע, ותודפס מייד לאחר מכן.<br/>\n",
     "    את ההודעה העברנו כארגומנט בעת הקריאה לשם המחלקה, <var>User</var>, שיוצרת את המופע.\n",
     "</p>"
    ]
@@ -1215,10 +1213,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ואם כבר יש לנו משהו שרץ כשאנחנו יוצרים את המופע... והוא יודע לקבל פרמטרים...<br>\n",
-    "    אתם חושבים על מה שאני חושב?<br>\n",
-    "    בואו נשנה את השם של <var>create_user</var> ל־<code>__init__</code>!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ואם כבר יש לנו משהו שרץ כשאנחנו יוצרים את המופע... והוא יודע לקבל פרמטרים...<br/>\n",
+    "    אתם חושבים על מה שאני חושב?<br/>\n",
+    "    בואו נשנה את השם של <var>create_user</var> ל־<code>__init__</code>!<br/>\n",
     "    בצורה הזו נוכל לצקת את התכונות למופע מייד עם יצירתו, ולוותר על קריאה נפרדת לפעולה שמטרתה למלא את הערכים:\n",
     "</p>"
    ]
@@ -1250,9 +1248,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    איגדנו את יצירת תכונות המופע תחת פעולה אחת, שרצה כשהוא נוצר.<br>\n",
-    "    הרעיון הנפלא הזה נפוץ מאוד בשפות תכנות שתומכות במחלקות, ומוכרת בשם <dfn>פעולת אתחול</dfn> (<dfn>Initialization Method</dfn>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    איגדנו את יצירת תכונות המופע תחת פעולה אחת, שרצה כשהוא נוצר.<br/>\n",
+    "    הרעיון הנפלא הזה נפוץ מאוד בשפות תכנות שתומכות במחלקות, ומוכרת בשם <dfn>פעולת אתחול</dfn> (<dfn>Initialization Method</dfn>).<br/>\n",
     "    זו גם הסיבה לשם הפעולה – המילה init נגזרת מהמילה initialization, אתחול. \n",
     "</p>"
    ]
@@ -1261,21 +1259,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            שפצו את מחלקת הנקודה שיצרתם, כך שתכיל <code>__init__</code> ו־<code>__str__</code>.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1283,15 +1281,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצור מסחרי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ייצור מסחרי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צ'יקצ'וק שמה את ידה על פרטי המשתמשים של הרשת החברתית המתחרה, סניילצ'אט.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צ'יקצ'וק שמה את ידה על פרטי המשתמשים של הרשת החברתית המתחרה, סניילצ'אט.<br/>\n",
     "    רשימת המשתמשים נראית כך:\n",
     "</p>"
    ]
@@ -1313,8 +1311,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נניח, לכאורה בלבד, שאנחנו רוצים להעתיק את אותה רשימת משתמשים ולצרף אותה לרשת החברתית שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נניח, לכאורה בלבד, שאנחנו רוצים להעתיק את אותה רשימת משתמשים ולצרף אותה לרשת החברתית שלנו.<br/>\n",
     "    קחו דקה וחשבו איך הייתם עושים את זה.\n",
     "</p>"
    ]
@@ -1323,8 +1321,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זכרו שקריאה למחלקה <var>User</var> היא ככל קריאה לפונקציה אחרת,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זכרו שקריאה למחלקה <var>User</var> היא ככל קריאה לפונקציה אחרת,<br/>\n",
     "    ושהמופע שחוזר ממנה הוא ערך בדיוק כמו כל ערך אחר.\n",
     "</p>"
    ]
@@ -1333,7 +1331,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל ליצור רשימת מופעים של משתמשים. לדוגמה:\n",
     "</p>"
    ]
@@ -1355,9 +1353,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה יצרנו רשימה ריקה, שאותה נמלא במשתמשים <strike>שנגנוב</strike> שנשאיל מסניילצ'אט.<br>\n",
-    "    נעביר את הפרטים של כל אחד מהמשתמשים המופיעים ב־<var>snailchat_users</var>, ל־<code>__init__</code> של <var>User</var>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה יצרנו רשימה ריקה, שאותה נמלא במשתמשים <strike>שנגנוב</strike> שנשאיל מסניילצ'אט.<br/>\n",
+    "    נעביר את הפרטים של כל אחד מהמשתמשים המופיעים ב־<var>snailchat_users</var>, ל־<code>__init__</code> של <var>User</var>,<br/>\n",
     "    ונצרף את המופע החדש שנוצר לתוך הרשימה החדשה שיצרנו.\n",
     "</p>"
    ]
@@ -1366,7 +1364,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עכשיו הרשימה <var>our_users</var> היא רשימה לכל דבר, שכוללת את כל המשתמשים החדשים שהצטרפו לרשת החברתית שלנו:\n",
     "</p>"
    ]
@@ -1386,23 +1384,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            צרו את רשימת כל הנקודות שה־x וה־y שלהן הוא מספר שלם בין 0 ל־6.<br>\n",
-    "            לדוגמה, רשימת כל הנקודות שה־x וה־y שלהן הוא בין 0 ל־2 היא:<br>\n",
-    "            <samp dir=\"ltr\">[(0, 0), (0, 1), (1, 0), (1, 1), (0, 2), (1, 2), (2, 0), (2, 1), (2, 2)]</samp>\n",
-    "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            צרו את רשימת כל הנקודות שה־x וה־y שלהן הוא מספר שלם בין 0 ל־6.<br/>\n",
+    "            לדוגמה, רשימת כל הנקודות שה־x וה־y שלהן הוא בין 0 ל־2 היא:<br/>\n",
+    "<samp dir=\"ltr\">[(0, 0), (0, 1), (1, 0), (1, 1), (0, 2), (1, 2), (2, 0), (2, 1), (2, 2)]</samp>\n",
+    "</p>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1410,22 +1408,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טעויות נפוצות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טעויות נפוצות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">גבולות מרחב הערכים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">גבולות מרחב הערכים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נסקור כמה דוגמאות כדי לוודא שבאמת הבנו כיצד מתנהגות מחלקות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נסקור כמה דוגמאות כדי לוודא שבאמת הבנו כיצד מתנהגות מחלקות.<br/>\n",
     "    נגדיר את מחלקת <var>User</var> שאנחנו מכירים, ונצרף לה את הפעולה <var>celebrate_birthday</var>, שכזכור, מגדילה את גיל המשתמש ב־1:\n",
     "</p>"
    ]
@@ -1455,8 +1453,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניסיון ליצור מופע של משתמש ולחגוג לו יום הולדת יגרום לשגיאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניסיון ליצור מופע של משתמש ולחגוג לו יום הולדת יגרום לשגיאה.<br/>\n",
     "    תוכלו לנחש מה תהיה השגיאה עוד לפני שתריצו?\n",
     "</p>"
    ]
@@ -1475,10 +1473,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניסינו לשנות את המשתנה <var>age</var> – אך הוא אינו מוגדר.<br>\n",
-    "    כדי לשנות את הגיל של המשתמש שיצרנו, נהיה חייבים להתייחס ל־<code>self.age</code>.<br>\n",
-    "    אם לא נציין במפורש שאנחנו רוצים לשנות את התכונה <var>age</var> ששייכת ל־<var>self</var>, פייתון לא תדע לאיזה מופע אנחנו מתכוונים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניסינו לשנות את המשתנה <var>age</var> – אך הוא אינו מוגדר.<br/>\n",
+    "    כדי לשנות את הגיל של המשתמש שיצרנו, נהיה חייבים להתייחס ל־<code>self.age</code>.<br/>\n",
+    "    אם לא נציין במפורש שאנחנו רוצים לשנות את התכונה <var>age</var> ששייכת ל־<var>self</var>, פייתון לא תדע לאיזה מופע אנחנו מתכוונים.<br/>\n",
     "    נתקן:\n",
     "</p>"
    ]
@@ -1514,8 +1512,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באותה המידה, תכונות שהוגדרו כחלק ממופע לא מוגדרות מחוצה לו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באותה המידה, תכונות שהוגדרו כחלק ממופע לא מוגדרות מחוצה לו.<br/>\n",
     "    אפשר להשתמש, לדוגמה, בשם המשתנה <var>age</var> מבלי לחשוש לפגוע בתפקוד המחלקה או בתפקוד המופעים:\n",
     "</p>"
    ]
@@ -1536,7 +1534,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כדי לשנות את גילו של המשתמש, נצטרך להתייחס אל התכונה שלו בצורת הכתיבה שלמדנו:\n",
     "</p>"
    ]
@@ -1555,15 +1553,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תכונה או פעולה שלא קיימות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תכונה או פעולה שלא קיימות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שגיאה שמתרחשת לא מעט היא פנייה לתכונה או לפעולה שלא קיימות עבור המופע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שגיאה שמתרחשת לא מעט היא פנייה לתכונה או לפעולה שלא קיימות עבור המופע.<br/>\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -1587,8 +1585,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יצרנו רשימת קוביות וביצענו השמה כך ש־<var>dice_bag</var> תצביע עליה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יצרנו רשימת קוביות וביצענו השמה כך ש־<var>dice_bag</var> תצביע עליה.<br/>\n",
     "    כעת נדפיס את התכונה <var>is_valid</var> של כל אחת מהקוביות:\n",
     "</p>"
    ]
@@ -1607,9 +1605,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הבעיה היא שהקוביה הראשונה שיצרנו קיבלה את המספר 0.<br>\n",
-    "    במקרה כזה, התנאי בפעולת האתחול (<code>__init__</code>) לא יתקיים, והתכונה <var>is_valid</var> לא תוגדר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הבעיה היא שהקוביה הראשונה שיצרנו קיבלה את המספר 0.<br/>\n",
+    "    במקרה כזה, התנאי בפעולת האתחול (<code>__init__</code>) לא יתקיים, והתכונה <var>is_valid</var> לא תוגדר.<br/>\n",
     "    כשהלולאה תגיע לקובייה 0 ותנסה לגשת לתכונה <var>is_valid</var>, נגלה שהיא לא קיימת עבור הקובייה 0, ונקבל <var>AttributeError</var>.\n",
     "</p>"
    ]
@@ -1618,7 +1616,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נתקן:\n",
     "</p>"
    ]
@@ -1643,15 +1641,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחברת זו רכשנו כלים לעבודה עם מחלקות ועצמים, ולייצוג אוספים של תכונות ופעולות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחברת זו רכשנו כלים לעבודה עם מחלקות ועצמים, ולייצוג אוספים של תכונות ופעולות.<br/>\n",
     "    כלים אלו יעזרו לנו לארגן טוב יותר את התוכנית שלנו ולייצג ישויות מהעולם האמיתי בצורה אינטואיטיבית יותר.\n",
     "</p>"
    ]
@@ -1660,9 +1658,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נהוג לכנות את עולם המחלקות בשם \"<dfn>תכנות מונחה עצמים</dfn>\" (<dfn>Object Oriented Programming</dfn>, או <dfn>OOP</dfn>).<br>\n",
-    "    זו פרדיגמת תכנות הדוגלת ביצירת מחלקות לצורך חלוקת קוד טובה יותר,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נהוג לכנות את עולם המחלקות בשם \"<dfn>תכנות מונחה עצמים</dfn>\" (<dfn>Object Oriented Programming</dfn>, או <dfn>OOP</dfn>).<br/>\n",
+    "    זו פרדיגמת תכנות הדוגלת ביצירת מחלקות לצורך חלוקת קוד טובה יותר,<br/>\n",
     "    ובתיאור עצמים מהעולם האמיתי בצורה טובה יותר, כאוספים של תכונות ופעולות.\n",
     "</p>"
    ]
@@ -1671,8 +1669,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תכנות מונחה עצמים הוא פיתוח מאוחר יותר של פרדיגמת תכנות אחרת שאתם כבר מכירים, הנקראת \"<dfn>תכנות פרוצדורלי</dfn>\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תכנות מונחה עצמים הוא פיתוח מאוחר יותר של פרדיגמת תכנות אחרת שאתם כבר מכירים, הנקראת \"<dfn>תכנות פרוצדורלי</dfn>\".<br/>\n",
     "    פרדיגמה זו דוגלת בחלוקת הקוד לתתי־תוכניות קטנות (מה שאתם מכירים כפונקציות), כדי ליצור קוד שמחולק טוב יותר וקל יותר לתחזוק.\n",
     "</p>"
    ]
@@ -1681,7 +1679,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פייתון תומכת הן בתכנות פרוצדורלי והן בתכנות מונחה עצמים.\n",
     "</p>"
    ]
@@ -1690,63 +1688,63 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>מחלקה (Class)</dt>\n",
-    "    <dd>\n",
-    "        תבנית, או שבלונה, שמתארת אוסף של תכונות ופעולות שיש ביניהן קשר.<br>\n",
-    "        המחלקה מגדירה מבנה שבעזרתו נוכל ליצור בקלות עצם מוגדר, שוב ושוב.<br>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>מחלקה (Class)</dt>\n",
+    "<dd>\n",
+    "        תבנית, או שבלונה, שמתארת אוסף של תכונות ופעולות שיש ביניהן קשר.<br/>\n",
+    "        המחלקה מגדירה מבנה שבעזרתו נוכל ליצור בקלות עצם מוגדר, שוב ושוב.<br/>\n",
     "        לדוגמה: מחלקה המתארת משתמש ברשת חברתית, מחלקה המתארת כלי רכב, מחלקה המתארת נקודה במישור.\n",
     "    </dd>\n",
-    "    <dt>מופע (Instance)</dt>\n",
-    "    <dd>\n",
-    "        נקרא גם <dfn>עצם</dfn> (<dfn>Object</dfn>).<br>\n",
-    "        ערך שנוצר על ידי מחלקה כלשהי. סוג הערך ייקבע לפי המחלקה שיצרה אותו.<br>\n",
-    "        הערך נוצר לפי התבנית (\"השבלונה\") של המחלקה שממנה הוא נוצר, ומוצמדות לו הפעולות שהוגדרו במחלקה.<br>\n",
-    "        המופע הוא יחידה עצמאית שעומדת בפני עצמה. לרוב מחלקה תשמש אותנו ליצירת מופעים רבים.<br>\n",
+    "<dt>מופע (Instance)</dt>\n",
+    "<dd>\n",
+    "        נקרא גם <dfn>עצם</dfn> (<dfn>Object</dfn>).<br/>\n",
+    "        ערך שנוצר על ידי מחלקה כלשהי. סוג הערך ייקבע לפי המחלקה שיצרה אותו.<br/>\n",
+    "        הערך נוצר לפי התבנית (\"השבלונה\") של המחלקה שממנה הוא נוצר, ומוצמדות לו הפעולות שהוגדרו במחלקה.<br/>\n",
+    "        המופע הוא יחידה עצמאית שעומדת בפני עצמה. לרוב מחלקה תשמש אותנו ליצירת מופעים רבים.<br/>\n",
     "        לדוגמה: המופע \"נקודה שנמצאת ב־<span dir=\"ltr\">(5, 3)</span>\" יהיה מופע שנוצר מהמחלקה \"נקודה\". \n",
     "    </dd>\n",
-    "    <dt>תכונה (Property, Member)</dt>\n",
-    "    <dd>\n",
-    "        ערך אופייני למופע שנוצר מהמחלקה.<br>\n",
-    "        משתנים השייכים למופע שנוצר מהמחלקה, ומכילים ערכים שמתארים אותו.<br>\n",
-    "        לדוגמה: לנקודה במישור יש ערך x וערך y. אלו 2 תכונות של הנקודה.<br>\n",
+    "<dt>תכונה (Property, Member)</dt>\n",
+    "<dd>\n",
+    "        ערך אופייני למופע שנוצר מהמחלקה.<br/>\n",
+    "        משתנים השייכים למופע שנוצר מהמחלקה, ומכילים ערכים שמתארים אותו.<br/>\n",
+    "        לדוגמה: לנקודה במישור יש ערך x וערך y. אלו 2 תכונות של הנקודה.<br/>\n",
     "        נוכל להחליט שתכונותיה של מחלקת מכונית יהיו צבע, דגם ויצרן.\n",
     "    </dd>\n",
-    "    <dt>פעולה (Method)</dt>\n",
-    "    <dd>\n",
-    "        פונקציה שמוגדרת בגוף המחלקה.<br>\n",
-    "        מתארת התנהגויות אפשריות של המופע שייווצר מהמחלקה.<br>\n",
-    "        לדוגמה: פעולה על נקודה במישור יכולה להיות מציאת מרחקה מראשית הצירים.<br>\n",
+    "<dt>פעולה (Method)</dt>\n",
+    "<dd>\n",
+    "        פונקציה שמוגדרת בגוף המחלקה.<br/>\n",
+    "        מתארת התנהגויות אפשריות של המופע שייווצר מהמחלקה.<br/>\n",
+    "        לדוגמה: פעולה על נקודה במישור יכולה להיות מציאת מרחקה מראשית הצירים.<br/>\n",
     "        פעולה על שולחן יכולה להיות \"קצץ 5 סנטימטר מגובהו\".\n",
     "    </dd>\n",
-    "    <dt>שדה (Field, Attribute)</dt>\n",
-    "    <dd>\n",
-    "        שם כללי הנועד לתאר תכונה או פעולה.<br>\n",
-    "        שדות של מופע מסוים יהיו כלל התכונות והפעולות שאפשר לגשת אליהן מאותו מופע.<br>\n",
+    "<dt>שדה (Field, Attribute)</dt>\n",
+    "<dd>\n",
+    "        שם כללי הנועד לתאר תכונה או פעולה.<br/>\n",
+    "        שדות של מופע מסוים יהיו כלל התכונות והפעולות שאפשר לגשת אליהן מאותו מופע.<br/>\n",
     "        לדוגמה: השדות של נקודה יהיו התכונות x ו־y, והפעולה שבודקת את מרחקה מראשית הצירים.\n",
     "    </dd>\n",
-    "    <dt>פעולה מיוחדת (Special Method)</dt>\n",
-    "    <dd>\n",
-    "        ידועה גם כ־<dfn>dunder method</dfn> (double under, קו תחתון כפול) או כ־<dfn>magic method</dfn> (פעולת קסם).<br>\n",
-    "        פעולה שהגדרתה במחלקה גורמת למחלקה או למופעים הנוצרים ממנה להתנהגות מיוחדת.<br>\n",
+    "<dt>פעולה מיוחדת (Special Method)</dt>\n",
+    "<dd>\n",
+    "        ידועה גם כ־<dfn>dunder method</dfn> (double under, קו תחתון כפול) או כ־<dfn>magic method</dfn> (פעולת קסם).<br/>\n",
+    "        פעולה שהגדרתה במחלקה גורמת למחלקה או למופעים הנוצרים ממנה להתנהגות מיוחדת.<br/>\n",
     "        דוגמאות לפעולות שכאלו הן <code>__init__</code> ו־<code>__str__</code>.\n",
     "    </dd>\n",
-    "    <dt>פעולת אתחול (Initialization Method)</dt>\n",
-    "    <dd>\n",
-    "        פעולה שרצה עם יצירת מופע חדש מתוך מחלקה.<br>\n",
+    "<dt>פעולת אתחול (Initialization Method)</dt>\n",
+    "<dd>\n",
+    "        פעולה שרצה עם יצירת מופע חדש מתוך מחלקה.<br/>\n",
     "        לרוב משתמשים בפעולה זו כדי להזין במופע ערכים התחלתיים.\n",
     "    </dd>\n",
-    "    <dt>תכנות מונחה עצמים (Object Oriented Programming)</dt>\n",
-    "    <dd>\n",
-    "        פרדיגמת תכנות שמשתמשת במחלקות בקוד ככלי העיקרי להפשטה של העולם האמיתי.<br>\n",
-    "        בפרדיגמה זו נהוג ליצור מחלקות המייצגות תבניות של עצמים, ולאפיין את העצמים באמצעות תכונות ופעולות.<br>\n",
+    "<dt>תכנות מונחה עצמים (Object Oriented Programming)</dt>\n",
+    "<dd>\n",
+    "        פרדיגמת תכנות שמשתמשת במחלקות בקוד ככלי העיקרי להפשטה של העולם האמיתי.<br/>\n",
+    "        בפרדיגמה זו נהוג ליצור מחלקות המייצגות תבניות של עצמים, ולאפיין את העצמים באמצעות תכונות ופעולות.<br/>\n",
     "        בעזרת המחלקות אפשר ליצור מופעים, שהם ייצוג של פריט בודד (עצם, אובייקט) שנוצר לפי תבנית המחלקה.\n",
     "    </dd>\n",
     "</dl>"
@@ -1756,18 +1754,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו מחלקה המייצגת נתיב תקין במערכת ההפעלה חלונות.<br>\n",
-    "    הנתיב מחולק לחלקים באמצעות התו / או התו \\.<br>\n",
-    "    החלק הראשון בנתיב הוא תמיד אות הכונן ואחריה נקודתיים.<br>\n",
-    "    החלקים שנמצאים אחרי החלק הראשון, ככל שיש כאלו, הם תיקיות וקבצים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו מחלקה המייצגת נתיב תקין במערכת ההפעלה חלונות.<br/>\n",
+    "    הנתיב מחולק לחלקים באמצעות התו / או התו \\.<br/>\n",
+    "    החלק הראשון בנתיב הוא תמיד אות הכונן ואחריה נקודתיים.<br/>\n",
+    "    החלקים שנמצאים אחרי החלק הראשון, ככל שיש כאלו, הם תיקיות וקבצים.<br/>\n",
     "    דוגמאות לנתיבים תקינים:\n",
     "</p>"
    ]
@@ -1776,32 +1774,32 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "  <ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><span dir=\"ltr\">C:\\Users\\Yam\\python.jpg</span></li>\n",
-    "    <li><span dir=\"ltr\">C:/Users/Yam/python.jpg</span></li>\n",
-    "    <li><span dir=\"ltr\">C:</span></li>\n",
-    "    <li><span dir=\"ltr\">C:\\</span></li>\n",
-    "    <li><span dir=\"ltr\">C:/</span></li>\n",
-    "    <li><span dir=\"ltr\">C:\\User/</span></li>\n",
-    "    <li><span dir=\"ltr\">D:/User/</span></li>\n",
-    "    <li><span dir=\"ltr\">C:/User</span></li>\n",
-    "  </ul>"
+    " <ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><span dir=\"ltr\">C:\\Users\\Yam\\python.jpg</span></li>\n",
+    "<li><span dir=\"ltr\">C:/Users/Yam/python.jpg</span></li>\n",
+    "<li><span dir=\"ltr\">C:</span></li>\n",
+    "<li><span dir=\"ltr\">C:\\</span></li>\n",
+    "<li><span dir=\"ltr\">C:/</span></li>\n",
+    "<li><span dir=\"ltr\">C:\\User/</span></li>\n",
+    "<li><span dir=\"ltr\">D:/User/</span></li>\n",
+    "<li><span dir=\"ltr\">C:/User</span></li>\n",
+    "</ul>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    המחלקה תכלול את הפעולות הבאות:\n",
     "</p>\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אחזר את אות הכונן בעזרת הפעולה <var>get_drive_letter</var>.</li>\n",
-    "    <li>אחזר את הנתיב ללא חלקו האחרון בעזרת הפעולה <var>get_dirname</var>.</li>\n",
-    "    <li>אחזר את שם החלק האחרון בנתיב, בעזרת הפעולה <var>get_basename</var>.</li>\n",
-    "    <li>אחזר את סיומת הקובץ בעזרת הפעולה <var>get_extension</var>.</li>\n",
-    "    <li>אחזר אם הנתיב קיים במחשב בעזרת הפעולה <var>is_exists</var>.</li>\n",
-    "    <li>אחזר את הנתיב כולו כמחרוזת, כשהתו המפריד הוא <samp>/</samp>, וללא <samp>/</samp> בסוף הנתיב.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אחזר את אות הכונן בעזרת הפעולה <var>get_drive_letter</var>.</li>\n",
+    "<li>אחזר את הנתיב ללא חלקו האחרון בעזרת הפעולה <var>get_dirname</var>.</li>\n",
+    "<li>אחזר את שם החלק האחרון בנתיב, בעזרת הפעולה <var>get_basename</var>.</li>\n",
+    "<li>אחזר את סיומת הקובץ בעזרת הפעולה <var>get_extension</var>.</li>\n",
+    "<li>אחזר אם הנתיב קיים במחשב בעזרת הפעולה <var>is_exists</var>.</li>\n",
+    "<li>אחזר את הנתיב כולו כמחרוזת, כשהתו המפריד הוא <samp>/</samp>, וללא <samp>/</samp> בסוף הנתיב.</li>\n",
     "</ul>"
    ]
   },
@@ -1888,25 +1886,25 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סקרנות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סקרנות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מחלקת המוצר בצ'יקצ'וק החליטה להוסיף פיצ'ר שמאפשר למשתמשים ליצור סקרים, וכרגיל כל העבודה נופלת עליכם.<br>\n",
-    "    כתבו מחלקה בשם <var>Poll</var> שמייצגת סקר.<br>\n",
-    "    פעולת האתחול של המחלקה תקבל כפרמטר את שאלת הסקר, וכפרמטר נוסף iterable עם כל אפשרויות ההצבעה לסקר.<br>\n",
-    "    כל אפשרות הצבעה בסקר מיוצגת על ידי מחרוזת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מחלקת המוצר בצ'יקצ'וק החליטה להוסיף פיצ'ר שמאפשר למשתמשים ליצור סקרים, וכרגיל כל העבודה נופלת עליכם.<br/>\n",
+    "    כתבו מחלקה בשם <var>Poll</var> שמייצגת סקר.<br/>\n",
+    "    פעולת האתחול של המחלקה תקבל כפרמטר את שאלת הסקר, וכפרמטר נוסף iterable עם כל אפשרויות ההצבעה לסקר.<br/>\n",
+    "    כל אפשרות הצבעה בסקר מיוצגת על ידי מחרוזת.<br/>\n",
     "    המחלקה תכיל את הפעולות הבאות: \n",
     "</p>"
    ]
@@ -1915,13 +1913,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>vote</var> שמקבלת כפרמטר אפשרות הצבעה לסקר ומגדילה את מספר ההצבעות בו ב־1.</li>\n",
-    "    <li><var>add_option</var>, שמקבלת כפרמטר אפשרות הצבעה לסקר ומוסיפה אותה.</li>\n",
-    "    <li><var>remove_option</var> שמקבלת כפרמטר אפשרות הצבעה לסקר ומוחקת אותה.</li>\n",
-    "    <li><var>get_votes</var> המחזירה את כל האפשרויות כרשימה של tuple, המסודרים לפי כמות ההצבעות.<br>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>vote</var> שמקבלת כפרמטר אפשרות הצבעה לסקר ומגדילה את מספר ההצבעות בו ב־1.</li>\n",
+    "<li><var>add_option</var>, שמקבלת כפרמטר אפשרות הצבעה לסקר ומוסיפה אותה.</li>\n",
+    "<li><var>remove_option</var> שמקבלת כפרמטר אפשרות הצבעה לסקר ומוחקת אותה.</li>\n",
+    "<li><var>get_votes</var> המחזירה את כל האפשרויות כרשימה של tuple, המסודרים לפי כמות ההצבעות.<br/>\n",
     "        בכל tuple התא הראשון יהיה שם האפשרות בסקר, והתא השני יהיה מספר ההצבעות.</li>\n",
-    "    <li><var>get_winner</var> המחזירה את שם האפשרות שקיבלה את מרב ההצבעות.</li>\n",
+    "<li><var>get_winner</var> המחזירה את שם האפשרות שקיבלה את מרב ההצבעות.</li>\n",
     "</ol>"
    ]
   },
@@ -1929,10 +1927,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה של תיקו, החזירו מ־<var>get_winner</var> את אחת האפשרויות המובילות.<br>\n",
-    "    החזירו מהפעולות <var>vote</var>, <var>add_option</var> ו־<var>remove_option</var> את הערך <samp>True</samp> אם הפעולה עבדה כמצופה.<br> \n",
-    "    במקרה של הצבעה לאפשרות שאינה קיימת, מחיקת אפשרות שאינה קיימת או הוספת אפשרות שכבר קיימת, החזירו <samp>False</samp>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה של תיקו, החזירו מ־<var>get_winner</var> את אחת האפשרויות המובילות.<br/>\n",
+    "    החזירו מהפעולות <var>vote</var>, <var>add_option</var> ו־<var>remove_option</var> את הערך <samp>True</samp> אם הפעולה עבדה כמצופה.<br/> \n",
+    "    במקרה של הצבעה לאפשרות שאינה קיימת, מחיקת אפשרות שאינה קיימת או הוספת אפשרות שכבר קיימת, החזירו <samp>False</samp>.<br/>\n",
     "</p>"
    ]
   },
@@ -1940,7 +1938,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "ודאו שהקוד הבא מדפיס רק <samp>True</samp> עבור התוכנית שכתבתם:\n",
     "</p>"
    ]
@@ -1975,15 +1973,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">משחקי הרעב</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">משחקי הרעב</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קטניס אוורדין הלכה לאיבוד באיזו זירה מעצבנת, ועכשיו היא מחפשת את הסניף הקרוב של אבו־חסן למנה משולשת ראויה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קטניס אוורדין הלכה לאיבוד באיזו זירה מעצבנת, ועכשיו היא מחפשת את הסניף הקרוב של אבו־חסן למנה משולשת ראויה.<br/>\n",
     "</p>"
    ]
   },
@@ -1991,10 +1989,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צורת הזירה היא משולש שקודקודיו <span dir=\"ltr\">(0, 0)</span>, <span dir=\"ltr\">(2, 2)</span> ו־<span dir=\"ltr\">(4, 0)</span>.<br>\n",
-    "    קטניס מתחילה מאחד הקודקודים ומחליטה על הצעד הבא שלה כך:<br>\n",
-    "    \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צורת הזירה היא משולש שקודקודיו <span dir=\"ltr\">(0, 0)</span>, <span dir=\"ltr\">(2, 2)</span> ו־<span dir=\"ltr\">(4, 0)</span>.<br/>\n",
+    "    קטניס מתחילה מאחד הקודקודים ומחליטה על הצעד הבא שלה כך:<br/>\n",
     "</p>"
    ]
   },
@@ -2002,10 +1999,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>היא בוחרת אקראית באחד מקודקודי הזירה.</li>\n",
-    "    <li>היא הולכת מהמקום שבו היא נמצאת את מחצית הדרך עד לקודקוד שבחרה.</li>\n",
-    "    <li>היא מסמנת על המפה את הנקודה שהגיעה אליה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>היא בוחרת אקראית באחד מקודקודי הזירה.</li>\n",
+    "<li>היא הולכת מהמקום שבו היא נמצאת את מחצית הדרך עד לקודקוד שבחרה.</li>\n",
+    "<li>היא מסמנת על המפה את הנקודה שהגיעה אליה.</li>\n",
     "</ol>"
    ]
   },
@@ -2013,9 +2010,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פעולה בשם <var>plot_walks</var>, שמקבלת כפרמטר את מספר הצעדים של קטניס.<br>\n",
-    "    הפעולה תצייר מפת נקודות בגודל 4 על 4, שכל נקודה בה מציינת מקום שקטניס סימנה במפה שלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פעולה בשם <var>plot_walks</var>, שמקבלת כפרמטר את מספר הצעדים של קטניס.<br/>\n",
+    "    הפעולה תצייר מפת נקודות בגודל 4 על 4, שכל נקודה בה מציינת מקום שקטניס סימנה במפה שלה.<br/>\n",
     "</p>"
    ]
   },
@@ -2023,8 +2020,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השתמשו במנועי חיפוש כדי לקרוא על פעולות קסם שיכולות לעזור לכם, ועל מודולים לשרטוט גרפים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השתמשו במנועי חיפוש כדי לקרוא על פעולות קסם שיכולות לעזור לכם, ועל מודולים לשרטוט גרפים.<br/>\n",
     "    שימו לב שנקודות יכולות להיות ממוקמות על x ו־y עשרוניים.\n",
     "</p>"
    ]
diff --git a/week7/2_Documentation.ipynb b/week7/2_Documentation.ipynb
index 3475037..e06b997 100644
--- a/week7/2_Documentation.ipynb
+++ b/week7/2_Documentation.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">תיעוד</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">תיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחרי שחיפשתם זמן רב מודולים ואפילו השתמשתם באחד או שניים מהם, הבנתם ודאי את החשיבות הרבה של תיעוד טוב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחרי שחיפשתם זמן רב מודולים ואפילו השתמשתם באחד או שניים מהם, הבנתם ודאי את החשיבות הרבה של תיעוד טוב.<br/>\n",
     "    בין אם תכתבו קוד כחלק מפרויקט צוותי או שתשחררו מודול בקוד פתוח, איכות התיעוד תקבע אם יהיו לכם לקוחות מרוצים או אם תצטרכו לעמוד מול המון זועם. \n",
     "</p>"
    ]
@@ -35,9 +35,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמפתחים וכמשתמשים, התיעוד עוזר לנו להבין מהי תכליתם של מודולים, טיפוסים, מחלקות, פעולות ופונקציות.<br>\n",
-    "    הוא עוזר לנו להתמצא בקוד ולהבין במהירות אם מה שאנחנו רואים מתאים לנו ומה תהיה צורת השימוש המיטבית בו,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמפתחים וכמשתמשים, התיעוד עוזר לנו להבין מהי תכליתם של מודולים, טיפוסים, מחלקות, פעולות ופונקציות.<br/>\n",
+    "    הוא עוזר לנו להתמצא בקוד ולהבין במהירות אם מה שאנחנו רואים מתאים לנו ומה תהיה צורת השימוש המיטבית בו,<br/>\n",
     "    ובכלל, בשפה כמו פייתון, שמקדשת את ערך קְרִיאוּת הקוד, יש ערך גדול מאוד לתיעוד ראוי. \n",
     "</p>"
    ]
@@ -46,7 +46,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במחברת הקרובה נלמד על תיעוד ראוי בפייתון, על מוסכמות תיעוד ועל גישות שונות לתיעוד.\n",
     "</p>"
    ]
@@ -55,14 +55,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות ותיעוד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות ותיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לפני שנדון לעומק בתיעוד, נדבר מעט על ההבדל שבין הערות בקוד לבין תיעוד בקוד.\n",
     "</p>"
    ]
@@ -71,11 +71,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הערות הן שורות מלל המיועדות למפתחים.<br>\n",
-    "    הן מכילות מידע אינפורמטיבי על החלטות שקיבלתם בנוגע לקוד. מידע זה נועד לעזור לעמיתיכם לתחזק את הקוד.<br>\n",
-    "    הן יופיעו קרוב ככל האפשר שאפשר לקוד שאליו הן מתייחסות, לעיתים אפילו ממש בשורה של הקוד עצמו.<br>\n",
-    "    <mark>הערות אמורות להסביר <em>למה</em> דבר מסוים כתוב כמו שהוא כתוב, ולעולם לא <em>מה</em> כתוב בקוד.</mark>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הערות הן שורות מלל המיועדות למפתחים.<br/>\n",
+    "    הן מכילות מידע אינפורמטיבי על החלטות שקיבלתם בנוגע לקוד. מידע זה נועד לעזור לעמיתיכם לתחזק את הקוד.<br/>\n",
+    "    הן יופיעו קרוב ככל האפשר שאפשר לקוד שאליו הן מתייחסות, לעיתים אפילו ממש בשורה של הקוד עצמו.<br/>\n",
+    "<mark>הערות אמורות להסביר <em>למה</em> דבר מסוים כתוב כמו שהוא כתוב, ולעולם לא <em>מה</em> כתוב בקוד.</mark>\n",
     "</p>"
    ]
   },
@@ -83,9 +83,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעומתן, תיעוד הוא מלל המיועד לאנשים שמשתמשים בקוד שלכם.<br>\n",
-    "    הוא יוצמד למודולים, למחלקות, לפעולות ולפונקציות, ויספר בקצרה ובענייניות מה עושה הפונקציה ואיך להשתמש בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעומתן, תיעוד הוא מלל המיועד לאנשים שמשתמשים בקוד שלכם.<br/>\n",
+    "    הוא יוצמד למודולים, למחלקות, לפעולות ולפונקציות, ויספר בקצרה ובענייניות מה עושה הפונקציה ואיך להשתמש בה.<br/>\n",
     "</p>"
    ]
   },
@@ -93,8 +93,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם, לדוגמה, פיתחתם מודול ושיחררתם אותו לאינטרנט,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם, לדוגמה, פיתחתם מודול ושיחררתם אותו לאינטרנט,<br/>\n",
     "    המשתמשים בו יצפו לתיעוד שברור ממנו איך משתמשים בקוד, ומה קורה בכל אחד ממקרי הקצה.\n",
     "</p>"
    ]
@@ -103,22 +103,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות בקוד</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות בקוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Block Comments</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Block Comments</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כפי שאתם ודאי זוכרים מהמחברות שקראתם עד כה, הערה תתחיל בתו <code>#</code> ורווח שיבוא אחריו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כפי שאתם ודאי זוכרים מהמחברות שקראתם עד כה, הערה תתחיל בתו <code>#</code> ורווח שיבוא אחריו.<br/>\n",
     "    אחרי הסולמית והרווח יבוא המלל שמסביר את ההחלטות שהתקבלו לצורך כתיבת הקוד.\n",
     "</p>"
    ]
@@ -127,7 +127,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה לדוגמה קוד קצר לפירוק מספרים ראשוניים עם הערות שהוטמעו בו:\n",
     "</p>"
    ]
@@ -172,9 +172,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה מופיעים שני מקרים של \"<dfn>Block Comment</dfn>\".<br>\n",
-    "    מדובר בשורה אחת או יותר של הערה שבאה לפני פיסת קוד, ומטרתה לבאר דברים בקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה מופיעים שני מקרים של \"<dfn>Block Comment</dfn>\".<br/>\n",
+    "    מדובר בשורה אחת או יותר של הערה שבאה לפני פיסת קוד, ומטרתה לבאר דברים בקוד.<br/>\n",
     "    ה־Block ייכתב באותה רמת הזחה של הקוד שאליו הוא מתייחס, וכל שורה בו תתחיל בתו <code>#</code> שלאחריו יבוא רווח.\n",
     "</p>"
    ]
@@ -183,7 +183,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשים לב לנקודות סגנון חשובות, שניכרות היטב בדוגמה האחרונה:\n",
     "</p>"
    ]
@@ -192,12 +192,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הערה תמיד תסביר <em>למה</em> עשינו משהו מסוים – ובשום אופן לא <em>מה</em> עשינו.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הערה תמיד תסביר <em>למה</em> עשינו משהו מסוים – ובשום אופן לא <em>מה</em> עשינו.<br/>\n",
     "        המתכנת המפורסם ג'ף אטווד <a href=\"https://blog.codinghorror.com/code-tells-you-how-comments-tell-you-why/\">אומר</a>: \"הקוד יגיד לך מה, ההערות יגידו לך למה\".</li>\n",
-    "    <li>הערות מורכבות ממשפטים שלמים שמתחילים באות גדולה ומסתיימים בנקודה.</li>\n",
-    "    <li>לעולם לא נשנה שמות של מזהים (משתנים, פונקציות וכו') – גם אם הם מופיעים בתחילת משפט.</li>\n",
-    "    <li>הערות חייבות להיכתב באנגלית.</li>\n",
+    "<li>הערות מורכבות ממשפטים שלמים שמתחילים באות גדולה ומסתיימים בנקודה.</li>\n",
+    "<li>לעולם לא נשנה שמות של מזהים (משתנים, פונקציות וכו') – גם אם הם מופיעים בתחילת משפט.</li>\n",
+    "<li>הערות חייבות להיכתב באנגלית.</li>\n",
     "</ul>"
    ]
   },
@@ -205,14 +205,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Inline Comments</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Inline Comments</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הערה יכולה להיות ממוקמת גם בסוף שורת הקוד:\n",
     "</p>"
    ]
@@ -230,8 +230,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה שבו ההערה נמצאת באותה שורה יחד עם הקוד (כמו בתא האחרון), נהוג לשים לפחות שני רווחים לפני הסימן <code>#</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה שבו ההערה נמצאת באותה שורה יחד עם הקוד (כמו בתא האחרון), נהוג לשים לפחות שני רווחים לפני הסימן <code>#</code>.<br/>\n",
     "    זוהי צורה מקובלת פחות לכתיבת הערות, כיוון שהיא מאריכה את שורת הקוד, שוברת את רצף הקריאה ולרוב מיותרת.\n",
     "</p>"
    ]
@@ -240,8 +240,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מתכנתים מתחילים נוטים להסביר מה הקוד עושה, ולשם כך הם משתמשים לעיתים קרובות ב־Inline Comments.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מתכנתים מתחילים נוטים להסביר מה הקוד עושה, ולשם כך הם משתמשים לעיתים קרובות ב־Inline Comments.<br/>\n",
     "    הימנעו מלהסביר מה הקוד שלכם עושה.\n",
     "</p>"
    ]
@@ -250,7 +250,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דוגמה להערה לא טובה:\n",
     "</p>"
    ]
@@ -268,7 +268,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ולעומתה, הערה המתקבלת על הדעת:\n",
     "</p>"
    ]
@@ -286,14 +286,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוויכוח על הערות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הוויכוח על הערות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בעולם התוכנה המקצועי ניטש ויכוח רב שנים על מתי נכון להוסיף הערות לקוד.\n",
     "</p>"
    ]
@@ -302,9 +302,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דעה פופולרית אחת דוגלת בריבוי הערות בקוד.<br>\n",
-    "    אלו המצדדים בדעה זו מוסיפים לקוד שלהם הערות לצרכים מגוונים:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דעה פופולרית אחת דוגלת בריבוי הערות בקוד.<br/>\n",
+    "    אלו המצדדים בדעה זו מוסיפים לקוד שלהם הערות לצרכים מגוונים:<br/>\n",
     "</p>"
    ]
   },
@@ -312,22 +312,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הסבר מילולי על פעולת הקוד.</li>\n",
-    "    <li>הסבר מדוע קוד מסוים עושה משהו.</li>\n",
-    "    <li>הסבר מדוע קוד נראה פגום בצורה מסוימת (לא עוקב אחרי מוסכמות, לא יעיל) ולמה יש להשאיר אותו כך.</li>\n",
-    "    <li>הסבר על החלטות שהתקבלו בנוגע לצורת הקוד שנכתב ולארכיטקטורה שלו.</li>\n",
-    "    <li>שמירה של קוד לשימוש עתידי (נניח, במקרים של קוד שעוזר לנפות שגיאות).</li>\n",
-    "    <li>צירוף נתונים נוספים על אודות הקוד – מהיכן הוא לקוח, תנאי הרישיון שלו וכדומה.</li>\n",
-    "    <li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הסבר מילולי על פעולת הקוד.</li>\n",
+    "<li>הסבר מדוע קוד מסוים עושה משהו.</li>\n",
+    "<li>הסבר מדוע קוד נראה פגום בצורה מסוימת (לא עוקב אחרי מוסכמות, לא יעיל) ולמה יש להשאיר אותו כך.</li>\n",
+    "<li>הסבר על החלטות שהתקבלו בנוגע לצורת הקוד שנכתב ולארכיטקטורה שלו.</li>\n",
+    "<li>שמירה של קוד לשימוש עתידי (נניח, במקרים של קוד שעוזר לנפות שגיאות).</li>\n",
+    "<li>צירוף נתונים נוספים על אודות הקוד – מהיכן הוא לקוח, תנאי הרישיון שלו וכדומה.</li>\n",
+    "<li>\n",
     "        תיוג, שמטרתו להקל בחיפוש עתידי של בעיות נפוצות בקוד. לדוגמה:\n",
     "        <ul>\n",
-    "            <li><code dir=\"ltr\"># FIXME</code> לציון קטע קוד שצריך לתקן.</li>\n",
-    "            <li><code dir=\"ltr\"># TODO</code> ואחריו מלל שמסביר משהו שעדיין צריך לבצע ועוד לא נפתר.</li>\n",
-    "            <li><code dir=\"ltr\"># HACK</code> לציון מעקף שנועד לפתור בעיה, פעמים רבות בדרך בעייתית.</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>שחרור קיטור. בקוד המקור של פרויקט הקוד הפתוח <a href=\"https://www.vidarholen.net/contents/wordcount/\">Linux</a>, לדוגמה, מופיעה המילה \"crap\" מעל 150 פעמים, מספר שנמצא במגמת עלייה לאורך השנים.</li>\n",
+    "<li><code dir=\"ltr\"># FIXME</code> לציון קטע קוד שצריך לתקן.</li>\n",
+    "<li><code dir=\"ltr\"># TODO</code> ואחריו מלל שמסביר משהו שעדיין צריך לבצע ועוד לא נפתר.</li>\n",
+    "<li><code dir=\"ltr\"># HACK</code> לציון מעקף שנועד לפתור בעיה, פעמים רבות בדרך בעייתית.</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>שחרור קיטור. בקוד המקור של פרויקט הקוד הפתוח <a href=\"https://www.vidarholen.net/contents/wordcount/\">Linux</a>, לדוגמה, מופיעה המילה \"crap\" מעל 150 פעמים, מספר שנמצא במגמת עלייה לאורך השנים.</li>\n",
     "</ul>"
    ]
   },
@@ -335,9 +335,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דעה פופולרית אחרת דוגלת בצמצום ההערות בקוד למינימום ההכרחי.<br>\n",
-    "    אלו המצדדים בדעה זו משתדלים להמעיט ככל האפשר בהוספת הערות לקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דעה פופולרית אחרת דוגלת בצמצום ההערות בקוד למינימום ההכרחי.<br/>\n",
+    "    אלו המצדדים בדעה זו משתדלים להמעיט ככל האפשר בהוספת הערות לקוד.<br/>\n",
     "</p>"
    ]
   },
@@ -345,8 +345,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
-    "    טענותיהם של הנמנים עם אסכולת צמצום ההערות מגוונות יחסית:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
+    "    טענותיהם של הנמנים עם אסכולת צמצום ההערות מגוונות יחסית:<br/>\n",
     "</p>"
    ]
   },
@@ -354,12 +354,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>קוד צריך להסביר את עצמו. אם הוספת הערות לקוד, סימן שהקוד לא מובן דיו, וזה מצב שיפגע במפתחי הקוד בעתיד.</li>\n",
-    "    <li>הערות שמסבירות קוד יוצרות שכפול – ושכפול בקוד <a href=\"https://en.wikipedia.org/wiki/Don%27t_repeat_yourself\">זה רע</a>.</li>\n",
-    "    <li>\n",
-    "        הערות מצריכות תחזוקה בפני עצמן – שינוי של קוד יצריך לרוב שינוי של ההערה שמתייחסת אליו.<br>\n",
-    "        רוב המפתחים שוכחים לתחזק את ההערות, ולעיתים נשארות הערות שלא תואמות את הקוד עצמו.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>קוד צריך להסביר את עצמו. אם הוספת הערות לקוד, סימן שהקוד לא מובן דיו, וזה מצב שיפגע במפתחי הקוד בעתיד.</li>\n",
+    "<li>הערות שמסבירות קוד יוצרות שכפול – ושכפול בקוד <a href=\"https://en.wikipedia.org/wiki/Don%27t_repeat_yourself\">זה רע</a>.</li>\n",
+    "<li>\n",
+    "        הערות מצריכות תחזוקה בפני עצמן – שינוי של קוד יצריך לרוב שינוי של ההערה שמתייחסת אליו.<br/>\n",
+    "        רוב המפתחים שוכחים לתחזק את ההערות, ולעיתים נשארות הערות שלא תואמות את הקוד עצמו.<br/>\n",
     "        הערה שאומרת דבר לא נכון על הקוד גרועה בהרבה מחוסר הערה.\n",
     "    </li>\n",
     "</ul>"
@@ -369,8 +369,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
-    "    האמת, כרגיל, נמצאת איפשהו באמצע, ולא מתפקידה של מחברת זו להכריע בוויכוח הזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
+    "    האמת, כרגיל, נמצאת איפשהו באמצע, ולא מתפקידה של מחברת זו להכריע בוויכוח הזה.<br/>\n",
     "    כן נזכיר כמה כללים בסיסיים שפחות או יותר מקובלים על כולם:\n",
     "</p>"
    ]
@@ -379,10 +379,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>השתדלו להימנע מהערות שבבירור אין בהן צורך.</li>\n",
-    "    <li>אל תוסיפו הערות על קוד לא טוב דיו – במקום זאת, שפרו אותו.</li>\n",
-    "    <li>ודאו תמיד שההערות שלכם תואמות לקוד שכתבתם.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>השתדלו להימנע מהערות שבבירור אין בהן צורך.</li>\n",
+    "<li>אל תוסיפו הערות על קוד לא טוב דיו – במקום זאת, שפרו אותו.</li>\n",
+    "<li>ודאו תמיד שההערות שלכם תואמות לקוד שכתבתם.</li>\n",
     "</ul>"
    ]
   },
@@ -390,14 +390,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניזכר בפונקציה <var>help</var>, שמטרתה להציג לנו תיעוד בנוגע לערך מסוים בתוכנית:\n",
     "</p>"
    ]
@@ -416,7 +416,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והיא תעבוד היטב, לשמחתנו, גם עבור סוג המשתנה <var>str</var> עצמו, אם כי בצורה טיפה פחות חיננית (פנו ערב כדי לקרוא את זה):\n",
     "</p>"
    ]
@@ -435,7 +435,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ננסה להגדיר פונקציה משלנו, העברתה כארגומנט לפונקציה <var>help</var> תחזיר לנו מידע לא מועיל בעליל: \n",
     "</p>"
    ]
@@ -457,8 +457,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אז מה עלינו לעשות כדי להוסיף תיעוד?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אז מה עלינו לעשות כדי להוסיף תיעוד?<br/>\n",
     "    מתברר שזה לא כזה מסובך. בסך הכול צריך להוסיף משהו שנקרא \"מחרוזת תיעוד\".\n",
     "</p>"
    ]
@@ -467,14 +467,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד של שורה אחת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד של שורה אחת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוסיף לפונקציה שלנו מחרוזת תיעוד של שורה אחת (<dfn>One-line Docstring</dfn>) בצורה הבאה:\n",
     "</p>"
    ]
@@ -494,9 +494,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה האחרונה הוספנו לשורה הראשונה של גוף הפונקציה <dfn>מחרוזת תיעוד</dfn> (<dfn>Docstring</dfn>), שמתחילה ומסתיימת ב־3 מירכאות כפולות.<br>\n",
-    "    אפשר להשתמש בסוג מירכאות אחר, אך 3 מירכאות <a href=\"https://www.python.org/dev/peps/pep-0257/#specification\">זו המוסכמה</a> ואנחנו נדבוק בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה האחרונה הוספנו לשורה הראשונה של גוף הפונקציה <dfn>מחרוזת תיעוד</dfn> (<dfn>Docstring</dfn>), שמתחילה ומסתיימת ב־3 מירכאות כפולות.<br/>\n",
+    "    אפשר להשתמש בסוג מירכאות אחר, אך 3 מירכאות <a href=\"https://www.python.org/dev/peps/pep-0257/#specification\">זו המוסכמה</a> ואנחנו נדבוק בה.<br/>\n",
     "    בין המירכאות תיארנו בקצרה מה הפונקציה עושה.\n",
     "</p>"
    ]
@@ -505,7 +505,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כעת הפונקציה <var>help</var> תשתף איתנו פעולה, ונוכל לקבל את התיעוד על הפונקציה שכתבנו: \n",
     "</p>"
    ]
@@ -523,7 +523,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נקודות חשובות בהקשר זה:\n",
     "</p>"
    ]
@@ -532,12 +532,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תיעוד של שורה אחת מיועד עבור מקרים ברורים במיוחד, כמו הפונקציה <var>add</var> שכתבנו.</li>\n",
-    "    <li>התיעוד ייכתב בשורה אחת, צמוד למירכאות, ללא שורות ריקות לפניו או אחריו.</li>\n",
-    "    <li>התיעוד ינוסח בצורת פקודה ולא כסיפור (\"החזר את התוצאה\" ולא \"הפונקציה מחזירה...\").<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תיעוד של שורה אחת מיועד עבור מקרים ברורים במיוחד, כמו הפונקציה <var>add</var> שכתבנו.</li>\n",
+    "<li>התיעוד ייכתב בשורה אחת, צמוד למירכאות, ללא שורות ריקות לפניו או אחריו.</li>\n",
+    "<li>התיעוד ינוסח בצורת פקודה ולא כסיפור (\"החזר את התוצאה\" ולא \"הפונקציה מחזירה...\").<br/>\n",
     "        כלל אצבע טוב הוא לשמור על הצורה \"עשה X, החזר Y\" <span div=\"ltr\">(באנגלית: Do X, Return Y)</span>.</li>\n",
-    "    <li>תיעוד של שורה אחת לא יכלול את סוג הפרמטרים (a או b, במקרה שלנו). הוא יכול לכלול את הסוג של ערך ההחזרה.</li>\n",
+    "<li>תיעוד של שורה אחת לא יכלול את סוג הפרמטרים (a או b, במקרה שלנו). הוא יכול לכלול את הסוג של ערך ההחזרה.</li>\n",
     "</ul>"
    ]
   },
@@ -545,14 +545,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד מרובות שורות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחרוזות תיעוד מרובות שורות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניקח לדוגמה פונקציה שמקבלת נתיב ומחזירה את חלקיו:\n",
     "</p>"
    ]
@@ -579,7 +579,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בתור התחלה, נוסיף לפונקציה מחרוזת תיעוד של שורה אחת שמתארת בקצרה מה תכליתה.\n",
     "</p>"
    ]
@@ -607,9 +607,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להפוך את התיעוד למרובה שורות, נוסיף שורה ריקה אחרי השורה שמתארת בקצרה מה עושה הפונקציה.<br>\n",
-    "    אחרי השורה הריקה נוסיף תיאור כללי יותר שמסביר מה אפשר לצפות שהפונקציה תחזיר, ומה הפרמטרים שהיא מצפה לקבל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להפוך את התיעוד למרובה שורות, נוסיף שורה ריקה אחרי השורה שמתארת בקצרה מה עושה הפונקציה.<br/>\n",
+    "    אחרי השורה הריקה נוסיף תיאור כללי יותר שמסביר מה אפשר לצפות שהפונקציה תחזיר, ומה הפרמטרים שהיא מצפה לקבל.<br/>\n",
     "    המירכאות הסוגרות יזכו בשורה משלהן:\n",
     "</p>"
    ]
@@ -645,8 +645,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    סוג כזה של תיעוד נקרא \"<dfn>מחרוזת תיעוד מרובת שורות</dfn>\" (<dfn>Multi-line Docstring</dfn>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    סוג כזה של תיעוד נקרא \"<dfn>מחרוזת תיעוד מרובת שורות</dfn>\" (<dfn>Multi-line Docstring</dfn>).<br/>\n",
     "    נכתוב אותו כדי לעזור למי שישתמש בפונקציה להבין מה מטרתה, אילו פרמטרים היא מצפה לקבל ואילו ערכים יוחזרו ממנה.\n",
     "</p>"
    ]
@@ -655,7 +655,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    היכן נשתמש בתיעוד מרובה שורות?\n",
     "</p>"
    ]
@@ -664,18 +664,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בראש הקוד – נסכם מה מטרת הקוד, ונסביר בקצרה מה הוא כולל.</li>\n",
-    "    <li>בראש מחלקה – נסכם את התנהגות המחלקה ונתעד את הפעולה <code>__init__</code>.</li>\n",
-    "    <li>בפונקציה או בפעולה – נסכם:\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בראש הקוד – נסכם מה מטרת הקוד, ונסביר בקצרה מה הוא כולל.</li>\n",
+    "<li>בראש מחלקה – נסכם את התנהגות המחלקה ונתעד את הפעולה <code>__init__</code>.</li>\n",
+    "<li>בפונקציה או בפעולה – נסכם:\n",
     "        <ul>\n",
-    "            <li>מה מטרתה.</li>\n",
-    "            <li>אילו ארגומנטים היא מצפה לקבל.</li>\n",
-    "            <li>מהם ערכי ההחזרה שלה.</li>\n",
-    "            <li>אילו שגיאות היא עלולה להחזיר.</li>\n",
-    "            <li>על מה היא משפיעה חוץ מאשר על המשתנים בפונקציה עצמה (נניח – כתיבה לקובץ).</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
+    "<li>מה מטרתה.</li>\n",
+    "<li>אילו ארגומנטים היא מצפה לקבל.</li>\n",
+    "<li>מהם ערכי ההחזרה שלה.</li>\n",
+    "<li>אילו שגיאות היא עלולה להחזיר.</li>\n",
+    "<li>על מה היא משפיעה חוץ מאשר על המשתנים בפונקציה עצמה (נניח – כתיבה לקובץ).</li>\n",
+    "</ul>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -683,7 +683,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה לתיעוד בסיסי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה לתיעוד בסיסי</span>"
    ]
   },
   {
@@ -825,17 +825,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאחורי הקלעים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאחורי הקלעים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כאשר אנחנו מוסיפים לישות מסוימת מחרוזת תיעוד, נוספת לה תכונת קסם בשם <code>__doc__</code> שמכילה את התיעוד שלה.<br>\n",
-    "    התוכן של התכונה הזו הוא זה שמודפס כאשר אנחנו מפעילים את הפונקציה <var>help</var>.<br>\n",
-    "    נבחן לדוגמה את תוכן התכונה <code>__doc__</code> של <var>quote.upper</var> שסקרנו בתחילת המחברת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כאשר אנחנו מוסיפים לישות מסוימת מחרוזת תיעוד, נוספת לה תכונת קסם בשם <code>__doc__</code> שמכילה את התיעוד שלה.<br/>\n",
+    "    התוכן של התכונה הזו הוא זה שמודפס כאשר אנחנו מפעילים את הפונקציה <var>help</var>.<br/>\n",
+    "    נבחן לדוגמה את תוכן התכונה <code>__doc__</code> של <var>quote.upper</var> שסקרנו בתחילת המחברת.<br/>\n",
     "    אפשר לראות שהיא זהה לחלוטין למחרוזת שקיבלנו כשהפעלנו עליה <var>help</var>:\n",
     "</p>"
    ]
@@ -862,9 +862,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ומה קורה כשניצור פונקציה משלנו?<br>\n",
-    "    ננסה ליצור לדוגמה את ידידתנו הוותיקה, הפונקציה <var>add</var>:"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ומה קורה כשניצור פונקציה משלנו?<br/>\n",
+    "    ננסה ליצור לדוגמה את ידידתנו הוותיקה, הפונקציה <var>add</var>:</p>"
    ]
   },
   {
@@ -881,7 +881,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כיוון שלא הוספנו לפונקציה תיעוד, התכונה <code>__doc__</code> תוגדר כ־<code>None</code>:\n",
     "</p>"
    ]
@@ -899,7 +899,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוסיף תיעוד ונראה את השינוי:\n",
     "</p>"
    ]
@@ -921,7 +921,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מדובר בידע כללי מגניב, אבל כאנשים מתורבתים לעולם לא נבצע השמה ישירה ל־<code dir=\"ltr\">__doc__</code> ולא ניגש אליה ישירות.\n",
     "</p>"
    ]
@@ -930,15 +930,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">התפתחות התיעוד</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">התפתחות התיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עם הזמן ראתה קהילת המפתחים בפייתון כי טוב, וחשבה על דרך נעימה ונוחה יותר לקרוא תיעוד ולכתוב אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עם הזמן ראתה קהילת המפתחים בפייתון כי טוב, וחשבה על דרך נעימה ונוחה יותר לקרוא תיעוד ולכתוב אותו.<br/>\n",
     "    כיוון שתיעוד הוא חלק חשוב בקוד, התפתחו במרוצת השנים טכנולוגיות ותקנים שמטרתם לסייע למפתחי פייתון לתעד טוב יותר את הקוד שלהם.\n",
     "</p>"
    ]
@@ -947,16 +947,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שפת סימון לתיעוד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שפת סימון לתיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תחילה, קהילת פייתון חיפשה דרך לכתוב משהו שהוא יותר מ\"סתם מלל\".<br>\n",
-    "    לעיתים קרובות נרצה להדגיש דברים בתיעוד, לתת קישור למקור חיצוני, להוסיף כותרת או לציין פריטים ברשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תחילה, קהילת פייתון חיפשה דרך לכתוב משהו שהוא יותר מ\"סתם מלל\".<br/>\n",
+    "    לעיתים קרובות נרצה להדגיש דברים בתיעוד, לתת קישור למקור חיצוני, להוסיף כותרת או לציין פריטים ברשימה.<br/>\n",
     "    שפת הסימון המוכרת HTML שמשומשת תדיר ליצירת דפי אינטרנט הייתה כבר קיימת, אבל בפייתון חיפשו שפה נקייה יותר שנוח לעין לסרוק.\n",
     "</p>"
    ]
@@ -965,9 +965,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לצורך כך פותחה בשנת 2002 שפת הסימון <dfn>reStructuredText</dfn> (או בקיצור – <dfn>reST</dfn>), שמאפשרת להפוך מלל שאנחנו כותבים לטקסט מסוגנן.<br>\n",
-    "    מטרתה העיקרית של reST הייתה לאפשר הכנסת טקסט מסוגנן לתיעוד טכני בפייתון, ופייתון אכן אימצה אותה רשמית לצורך זה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לצורך כך פותחה בשנת 2002 שפת הסימון <dfn>reStructuredText</dfn> (או בקיצור – <dfn>reST</dfn>), שמאפשרת להפוך מלל שאנחנו כותבים לטקסט מסוגנן.<br/>\n",
+    "    מטרתה העיקרית של reST הייתה לאפשר הכנסת טקסט מסוגנן לתיעוד טכני בפייתון, ופייתון אכן אימצה אותה רשמית לצורך זה.<br/>\n",
     "    היא מאפשרת לכתוב לא רק תיעוד בקוד, אלא גם תיעוד מילולי כללי על מטרותיו של הפרויקט ועל דרך השימוש בו (כמו ספר תיעוד קטן).\n",
     "</p>"
    ]
@@ -976,7 +976,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    קצרה היריעה מלכלול פה הדרכה על שימוש ב־reStructuredText, אבל אנחנו ממליצים בחום לקרוא את המדריך המקוצר שנמצא <a href=\"https://www.sphinx-doc.org/en/master/usage/restructuredtext/basics.html\">כאן</a>.\n",
     "</p>"
    ]
@@ -985,7 +985,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מלל שנכתב ב־reStructuredText ייראה כך עבור מי שכתב אותו:\n",
     "</p>"
    ]
@@ -994,7 +994,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<pre style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<pre dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "אפשר לראות בטקסט *הזה* טעימה קטנה מהיכולות של **reStructuredText**.\n",
     "חלק מהאפשרויות הפחות מתוחכמות שלו כוללות:\n",
     "\n",
@@ -1008,7 +1008,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וייראה כך בתוצאה הסופית:\n",
     "</p>"
    ]
@@ -1017,15 +1017,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "אפשר לראות בטקסט <em>הזה</em> טעימה קטנה מהיכולות של <strong>reStructuredText</strong>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "אפשר לראות בטקסט <em>הזה</em> טעימה קטנה מהיכולות של <strong>reStructuredText</strong>.<br/>\n",
     "חלק מהאפשרויות הפחות מתוחכמות שלו כוללות:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הדגשה, מלל מוטה וקו תחתון.</li>\n",
-    "    <li>רשימות.</li>\n",
-    "    <li>סימון של קוד, כמו <code dir=\"ltr\">print(\"Hello World\")</code>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הדגשה, מלל מוטה וקו תחתון.</li>\n",
+    "<li>רשימות.</li>\n",
+    "<li>סימון של קוד, כמו <code dir=\"ltr\">print(\"Hello World\")</code>.</li>\n",
     "</ul>"
    ]
   },
@@ -1033,17 +1032,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנוע ליצירת קובצי תיעוד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנוע ליצירת קובצי תיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשנת 2008 פותח בקהילת הפייתון כלי בשם <dfn>Sphinx</dfn>.<br>\n",
-    "    מטרתו לסרוק את התיעוד של פרויקט הקוד שלכם, וליצור ממנו מסמך תיעוד שנעים לקרוא ב־PDF או ב־HTML.<br>\n",
-    "    Sphinx, כמובן, תומך במסמכים שנכתבו ב־reStructuredText, והוא הפך במהרה לפופולרי מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשנת 2008 פותח בקהילת הפייתון כלי בשם <dfn>Sphinx</dfn>.<br/>\n",
+    "    מטרתו לסרוק את התיעוד של פרויקט הקוד שלכם, וליצור ממנו מסמך תיעוד שנעים לקרוא ב־PDF או ב־HTML.<br/>\n",
+    "    Sphinx, כמובן, תומך במסמכים שנכתבו ב־reStructuredText, והוא הפך במהרה לפופולרי מאוד.<br/>\n",
     "    אתר התיעוד הנוכחי של פייתון נוצר באמצעותו.\n",
     "</p>"
    ]
@@ -1052,8 +1051,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בהמשך הקורס נכתוב פרויקטים, ובהם נוכל להשתמש ב־Sphinx ליצירת מסמכים שיעזרו למשתמשים בפרויקט להתמצא בו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בהמשך הקורס נכתוב פרויקטים, ובהם נוכל להשתמש ב־Sphinx ליצירת מסמכים שיעזרו למשתמשים בפרויקט להתמצא בו.<br/>\n",
     "    משתמשים בולטים ב־Sphinx כוללים, <a href=\"https://www.sphinx-doc.org/en/master/examples.html\">בין השאר</a>, את:\n",
     "</p>"
    ]
@@ -1062,10 +1061,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><a href=\"https://docs.python.org/3/\">אתר התיעוד הרשמי של פייתון</a>.</li>\n",
-    "    <li>המודול הפופולרי לניהול ולניתוח מידע <a href=\"https://pandas.pydata.org/pandas-docs/stable/reference/\">pandas</a>.</li>\n",
-    "    <li>המודול הפופולרי לעיבוד דפי אינטרנט <a href=\"https://www.crummy.com/software/BeautifulSoup/bs4/doc/\">BeautifulSoup</a>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><a href=\"https://docs.python.org/3/\">אתר התיעוד הרשמי של פייתון</a>.</li>\n",
+    "<li>המודול הפופולרי לניהול ולניתוח מידע <a href=\"https://pandas.pydata.org/pandas-docs/stable/reference/\">pandas</a>.</li>\n",
+    "<li>המודול הפופולרי לעיבוד דפי אינטרנט <a href=\"https://www.crummy.com/software/BeautifulSoup/bs4/doc/\">BeautifulSoup</a>.</li>\n",
     "</ul>"
    ]
   },
@@ -1073,15 +1072,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אתר לאחסון קובצי תיעוד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אתר לאחסון קובצי תיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשנת 2010 פותח אתר בשם Read the Docs, שמטרתו לרכז תיעוד לפרויקטים שנכתבו בפייתון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשנת 2010 פותח אתר בשם Read the Docs, שמטרתו לרכז תיעוד לפרויקטים שנכתבו בפייתון.<br/>\n",
     "    האתר מאפשר להעלות לרשת בקלות תיעודים שנוצרו בעזרת Sphinx ולהנגיש אותם לקהל הרחב.\n",
     "</p>"
    ]
@@ -1090,7 +1089,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    משתמשים בולטים ב־Read the Docs כוללים, בין השאר, את:\n",
     "</p>"
    ]
@@ -1099,11 +1098,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המודול הפופולרי לעיבוד ולשליחה של בקשות אינטרנט <a href=\"https://requests.readthedocs.io/en/master/\">requests</a>.</li>\n",
-    "    <li>מנהל החבילות של פייתון <a href=\"https://pip.pypa.io/en/stable/\">pip</a>.</li>\n",
-    "    <li>פלטפורמת המחברות <a href=\"https://jupyter-notebook.readthedocs.io/en/stable/\">Jupyter Notebooks</a>.</li>\n",
-    "    <li>המודול הנפוץ ביותר לעבודה עם כלים מתמטיים <a href=\"https://numpydoc.readthedocs.io/en/latest/\">NumPy</a>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המודול הפופולרי לעיבוד ולשליחה של בקשות אינטרנט <a href=\"https://requests.readthedocs.io/en/master/\">requests</a>.</li>\n",
+    "<li>מנהל החבילות של פייתון <a href=\"https://pip.pypa.io/en/stable/\">pip</a>.</li>\n",
+    "<li>פלטפורמת המחברות <a href=\"https://jupyter-notebook.readthedocs.io/en/stable/\">Jupyter Notebooks</a>.</li>\n",
+    "<li>המודול הנפוץ ביותר לעבודה עם כלים מתמטיים <a href=\"https://numpydoc.readthedocs.io/en/latest/\">NumPy</a>.</li>\n",
     "</ul>"
    ]
   },
@@ -1111,16 +1110,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סגנונות תיעוד</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סגנונות תיעוד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במשך שנים חיפשו מפתחי פייתון דרך אחידה יותר לכתוב מחרוזות תיעוד.<br>\n",
-    "    בכלל, מתכנתים אוהבים שלדברים יש צורה מוסכמת ומוגדרת מראש.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במשך שנים חיפשו מפתחי פייתון דרך אחידה יותר לכתוב מחרוזות תיעוד.<br/>\n",
+    "    בכלל, מתכנתים אוהבים שלדברים יש צורה מוסכמת ומוגדרת מראש.<br/>\n",
     "</p>"
    ]
   },
@@ -1128,8 +1127,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעקבות הצורך הזה, התחילו להתפתח סגנונות שמגדירים בצורה הדוקה יותר כיצד אמור להיראות התוכן של מחרוזת תיעוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעקבות הצורך הזה, התחילו להתפתח סגנונות שמגדירים בצורה הדוקה יותר כיצד אמור להיראות התוכן של מחרוזת תיעוד.<br/>\n",
     "    למה זה טוב, אתם שואלים? כי כשלדברים יש תקן אחיד אפשר לעשות הרבה דברים מגניבים:\n",
     "</p>"
    ]
@@ -1138,10 +1137,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אפשר לבנות מנוע חיפוש עבור תיעודי מודולים.</li>\n",
-    "    <li>אפשר להפעיל כלים כמו Sphinx, שיסרקו את המודול ויצרו מהתיעוד שיש בו אתר תיעוד – באופן אוטומטי!</li>\n",
-    "    <li>אפשר להפסיק לבזבז זמן מיותר בוויכוחים אינטרנטיים על איך יפה יותר לכתוב 😜</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אפשר לבנות מנוע חיפוש עבור תיעודי מודולים.</li>\n",
+    "<li>אפשר להפעיל כלים כמו Sphinx, שיסרקו את המודול ויצרו מהתיעוד שיש בו אתר תיעוד – באופן אוטומטי!</li>\n",
+    "<li>אפשר להפסיק לבזבז זמן מיותר בוויכוחים אינטרנטיים על איך יפה יותר לכתוב 😜</li>\n",
     "</ul>"
    ]
   },
@@ -1149,8 +1148,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מובן שכמפתחים לא באמת הצלחנו לוותר על הוויכוחים האינטרנטיים, ולכן הנקודה האחרונה לא תקפה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מובן שכמפתחים לא באמת הצלחנו לוותר על הוויכוחים האינטרנטיים, ולכן הנקודה האחרונה לא תקפה.<br/>\n",
     "    עם הזמן התגבשו שלושה סגנונות פופולריים ל\"איך אמורה להראות מחוזת תיעוד\".\n",
     "</p>"
    ]
@@ -1159,10 +1158,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נבחן את ההבדלים בין הסגנונות, ונשאיר לכם לבחור באיזה סגנון תעדיפו להשתמש.<br>\n",
-    "    לפניכם קוד נחמד וקצרצר שאנחנו הולכים לתעד בשארית המחברת, בכל אחד מהסגנונות הללו.<br>\n",
-    "    בקוד נגדיר מחלקה של סניף דואר, שתאפשר למשתמשים בה לשלוח הודעות זה לזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נבחן את ההבדלים בין הסגנונות, ונשאיר לכם לבחור באיזה סגנון תעדיפו להשתמש.<br/>\n",
+    "    לפניכם קוד נחמד וקצרצר שאנחנו הולכים לתעד בשארית המחברת, בכל אחד מהסגנונות הללו.<br/>\n",
+    "    בקוד נגדיר מחלקה של סניף דואר, שתאפשר למשתמשים בה לשלוח הודעות זה לזה.<br/>\n",
     "    ללא תיעוד כלל, המחלקה תיראה כך:\n",
     "</p>"
    ]
@@ -1197,7 +1196,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וכך תיראה דוגמה לפונקציה מתועדת שמדגימה כיצד המחלקה עובדת:\n",
     "</p>"
    ]
@@ -1228,8 +1227,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מבולבלים? איזה מזל שאנחנו הולכים לתעד את המחלקה הזו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מבולבלים? איזה מזל שאנחנו הולכים לתעד את המחלקה הזו.<br/>\n",
     "    קדימה, לעבודה.\n",
     "</p>"
    ]
@@ -1238,15 +1237,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Google Docstrings</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Google Docstrings</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גוגל מתחזקים זה שנים רבות <a href=\"https://google.github.io/styleguide/pyguide.html\">מסמך מוסכמות</a> ארוך משלהם שמפרט את סגנון הכתיבה הפנימי הרצוי בפייתון בחברה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גוגל מתחזקים זה שנים רבות <a href=\"https://google.github.io/styleguide/pyguide.html\">מסמך מוסכמות</a> ארוך משלהם שמפרט את סגנון הכתיבה הפנימי הרצוי בפייתון בחברה.<br/>\n",
     "    במסמך, בין היתר, <a href=\"https://google.github.io/styleguide/pyguide.html#383-functions-and-methods\">מתארים גוגל</a> כיצד הם מאמינים שצריכות להיראות מחרוזות תיעוד.\n",
     "</p>"
    ]
@@ -1255,8 +1254,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תוכלו לראות דוגמה לאופן שבו אמורות להיראות מחרוזות התיעוד של Google <a href=\"https://sphinxcontrib-napoleon.readthedocs.io/en/latest/example_google.html\">כאן</a>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תוכלו לראות דוגמה לאופן שבו אמורות להיראות מחרוזות התיעוד של Google <a href=\"https://sphinxcontrib-napoleon.readthedocs.io/en/latest/example_google.html\">כאן</a>.<br/>\n",
     "    נראה דוגמה לתיעוד המחלקה <var>PostOffice</var> ופעולותיה בשיטה של גוגל, ומייד אחר כך ננתח מה ראינו.\n",
     "</p>"
    ]
@@ -1328,7 +1327,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לפי מסמך הסגנון של גוגל, לפעולה צריכים להיות 3 חלקי תיעוד:\n",
     "</p>"
    ]
@@ -1337,11 +1336,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Args:</em> – רשימת הארגומנטים שהיא הולכת לקבל, סוגם והסבר קצר על כל אחד מהם.</li>\n",
-    "    <li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Returns:</em> – הערך שהפונקציה מחזירה והסוג שלו. במקרה של generator החלק יקרא <em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Yields :</em> במקום.</li>\n",
-    "    <li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Raises:</em> – השגיאות שהפונקציה עלולה לזרוק ובאילו מקרים זה עלול לקרות.</li>\n",
-    "    <li>אפשר להוסיף גם חלקים משלנו, כמו <em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Examples:</em> שיראה כיצד הפונקציה פועלת. מומלץ לא להגזים עם זה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Args:</em> – רשימת הארגומנטים שהיא הולכת לקבל, סוגם והסבר קצר על כל אחד מהם.</li>\n",
+    "<li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Returns:</em> – הערך שהפונקציה מחזירה והסוג שלו. במקרה של generator החלק יקרא <em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Yields :</em> במקום.</li>\n",
+    "<li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Raises:</em> – השגיאות שהפונקציה עלולה לזרוק ובאילו מקרים זה עלול לקרות.</li>\n",
+    "<li>אפשר להוסיף גם חלקים משלנו, כמו <em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Examples:</em> שיראה כיצד הפונקציה פועלת. מומלץ לא להגזים עם זה.</li>\n",
     "</ul>"
    ]
   },
@@ -1349,7 +1348,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יש לתעד גם מחלקות כמובן:\n",
     "</p>"
    ]
@@ -1358,9 +1357,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Attributes:</em> – התכונות של המופעים שייווצרו על ידי המחלקה.</li>\n",
-    "    <li>כל חלקי התיעוד ששייכים לפעולה רגילה, בהתייחס לפעולת ה־<code>__init__</code> של המחלקה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em dir=\"ltr\" style=\"border-style: 1px solid; padding: 0 0.5em;\">Attributes:</em> – התכונות של המופעים שייווצרו על ידי המחלקה.</li>\n",
+    "<li>כל חלקי התיעוד ששייכים לפעולה רגילה, בהתייחס לפעולת ה־<code>__init__</code> של המחלקה.</li>\n",
     "</ul>"
    ]
   },
@@ -1368,16 +1367,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">NumPy Docstrings</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">NumPy Docstrings</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    NumPy היא המודול המוביל בפייתון בכל הקשור לכלים מתמטיים.<br>\n",
-    "    שיטת התיעוד שלו די דומה לזו של גוגל, ומתועדת <a href=\"https://numpydoc.readthedocs.io/en/latest/format.html\">כאן</a>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    NumPy היא המודול המוביל בפייתון בכל הקשור לכלים מתמטיים.<br/>\n",
+    "    שיטת התיעוד שלו די דומה לזו של גוגל, ומתועדת <a href=\"https://numpydoc.readthedocs.io/en/latest/format.html\">כאן</a>.<br/>\n",
     "    היא מעט קריאה יותר לעין אנושית, אך משתמשת ביותר שטח לאורך הדף:\n",
     "</p>"
    ]
@@ -1464,17 +1463,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Sphinx</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Sphinx</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מעבר להיותו כלי ליצירת מסמכי תיעוד, ב־Sphinx קיימת גם הגדרה לצורה שבה לדעתם מחרוזות תיעוד אמורות להיראות.<br>\n",
-    "    בלי לחץ – Sphinx ידע להמיר את התיעוד שלכם למסמך גם אם תשתמשו ב־Google Docstrings או ב־NumPy Docstrings.<br>\n",
-    "    סגנון זה תופס את השטח המזערי ביותר לאורך הדף, אך הוא מעט קשה יותר לקריאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מעבר להיותו כלי ליצירת מסמכי תיעוד, ב־Sphinx קיימת גם הגדרה לצורה שבה לדעתם מחרוזות תיעוד אמורות להיראות.<br/>\n",
+    "    בלי לחץ – Sphinx ידע להמיר את התיעוד שלכם למסמך גם אם תשתמשו ב־Google Docstrings או ב־NumPy Docstrings.<br/>\n",
+    "    סגנון זה תופס את השטח המזערי ביותר לאורך הדף, אך הוא מעט קשה יותר לקריאה.<br/>\n",
     "    מחרוזות התיעוד ש־Sphinx מגדירים נראות כך:\n",
     "</p>"
    ]
@@ -1528,16 +1527,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">לסיכום</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">לסיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למדנו על ההבדל בין הערות לבין תיעוד, על הגישות השונות אליהם ומתי להשתמש בכל אחד מהם.<br>\n",
-    "    סקרנו קצת את התפתחות רעיון התיעוד לאורך השנים בפייתון, ואת הכלים המשמשים את הקהילה בתהליך יצירת התיעוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למדנו על ההבדל בין הערות לבין תיעוד, על הגישות השונות אליהם ומתי להשתמש בכל אחד מהם.<br/>\n",
+    "    סקרנו קצת את התפתחות רעיון התיעוד לאורך השנים בפייתון, ואת הכלים המשמשים את הקהילה בתהליך יצירת התיעוד.<br/>\n",
     "    למדנו גם על סגנונות תיעוד פופולריים, שיאפשרו לכם לכתוב תיעוד קריא בקוד שלכם, ובעתיד גם ליצור מסמכי תיעוד בעצמכם.\n",
     "</p>"
    ]
@@ -1546,53 +1545,53 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>הערה (Comment)</dt>\n",
-    "    <dd>\n",
-    "        קטע מילולי המשובץ בקוד ומתייחס אליו, ומטרתו להסביר, לבאר או להפנות את תשומת הלב של מתכנתים אחרים לנקודה מסוימת.<br>\n",
-    "        ההערה יכולה להופיע בסוף שורת קוד, בשורה עצמאית או כרצף של כמה שורות זו אחרי זו.<br>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>הערה (Comment)</dt>\n",
+    "<dd>\n",
+    "        קטע מילולי המשובץ בקוד ומתייחס אליו, ומטרתו להסביר, לבאר או להפנות את תשומת הלב של מתכנתים אחרים לנקודה מסוימת.<br/>\n",
+    "        ההערה יכולה להופיע בסוף שורת קוד, בשורה עצמאית או כרצף של כמה שורות זו אחרי זו.<br/>\n",
     "        כתיבת הערות הסבר עבור קוד לא מובן נחשבת בעיני רבים לרעיון רע, ולכן במקרה כזה עדיף פשוט לשפר את הקוד.\n",
     "    </dd>\n",
-    "    <dt>תיעוד (Documentation)</dt>\n",
-    "    <dd>\n",
-    "        אוסף הנחיות עבור משתמשי הקוד.<br>\n",
-    "        התיעוד יעזור למשתמש חיצוני להבין כיצד מתנהגת כל ישות בקוד, מה היא מצפה לקבל ומה היא עשויה להחזיר.<br>\n",
+    "<dt>תיעוד (Documentation)</dt>\n",
+    "<dd>\n",
+    "        אוסף הנחיות עבור משתמשי הקוד.<br/>\n",
+    "        התיעוד יעזור למשתמש חיצוני להבין כיצד מתנהגת כל ישות בקוד, מה היא מצפה לקבל ומה היא עשויה להחזיר.<br/>\n",
     "        ראוי שכל ישות בקוד תהיה מתועדת היטב.\n",
     "    </dd>\n",
-    "    <dt>מחרוזת תיעוד (Docstring)</dt>\n",
-    "    <dd>\n",
-    "        מחרוזת המוצבת בשורה הראשונה של פונקציה, פעולה, מחלקה או מודול ומטרתה לתאר את התפקיד של אותה ישות.<br>\n",
-    "        היא יכולה להיכתב בשורה אחת או בשורות רבות, והיא מתארת את תכלית הקוד ואת דרכי השימוש בו.<br>\n",
-    "        בניגוד להערה רגילה, מחרוזות תיעוד מתארות ממש מה הפונקציה עושה, ולא למה.<br>\n",
+    "<dt>מחרוזת תיעוד (Docstring)</dt>\n",
+    "<dd>\n",
+    "        מחרוזת המוצבת בשורה הראשונה של פונקציה, פעולה, מחלקה או מודול ומטרתה לתאר את התפקיד של אותה ישות.<br/>\n",
+    "        היא יכולה להיכתב בשורה אחת או בשורות רבות, והיא מתארת את תכלית הקוד ואת דרכי השימוש בו.<br/>\n",
+    "        בניגוד להערה רגילה, מחרוזות תיעוד מתארות ממש מה הפונקציה עושה, ולא למה.<br/>\n",
     "        לעיתים מחרוזות התיעוד יכללו דוגמאות של ממש לשימוש בקוד.\n",
     "    </dd>\n",
-    "    <dt>reStructuredText</dt>\n",
-    "    <dd>\n",
-    "        שפת סימון שנוצרה ב־2002 במטרה להקל על כותבי תיעוד ומסמכים טכניים.<br>\n",
-    "        מטרת השפה היא לייצר תסדיר שנוח לקרוא בעין אנושית, ושיהיה אפשר ליצור ממנו אוטומטית מסמכים מסוגננים.<br>\n",
+    "<dt>reStructuredText</dt>\n",
+    "<dd>\n",
+    "        שפת סימון שנוצרה ב־2002 במטרה להקל על כותבי תיעוד ומסמכים טכניים.<br/>\n",
+    "        מטרת השפה היא לייצר תסדיר שנוח לקרוא בעין אנושית, ושיהיה אפשר ליצור ממנו אוטומטית מסמכים מסוגננים.<br/>\n",
     "        שפת הסימון הזו תוקננה כשפת הסימון הרשמית שבה כותבים מסמכי תיעוד בפייתון.\n",
     "    </dd>\n",
-    "    <dt>Sphinx</dt>\n",
-    "    <dd>\n",
-    "        כלי שמטרתו לעזור לייצר מסמכי דוקומנטציה.<br>\n",
-    "        כיום הוא הכלי הפופולרי ביותר לצורך הזה בעולם הפייתון, בפער ניכר מכלים דומים.<br>\n",
+    "<dt>Sphinx</dt>\n",
+    "<dd>\n",
+    "        כלי שמטרתו לעזור לייצר מסמכי דוקומנטציה.<br/>\n",
+    "        כיום הוא הכלי הפופולרי ביותר לצורך הזה בעולם הפייתון, בפער ניכר מכלים דומים.<br/>\n",
     "        Sphinx גם יצרו סגנון תיעוד פופולרי (ע\"ע \"סגנון תיעוד\").\n",
     "    </dd>\n",
-    "    <dt>Read the Docs</dt>\n",
-    "    <dd>\n",
-    "        אתר המאפשר למשתמשים להעלות אליו מסמכי תיעוד.<br>\n",
-    "    </dd>\n",
-    "    <dt>סגנון תיעוד</dt>\n",
-    "    <dd>\n",
-    "        ידוע בשמות: Documentation Style, Documentation Format, Docstring Format, Docstring Style.<br>\n",
-    "        צורה מקובלת לכתיבת תיעוד ולפירוט התכונות של פונקציה, פעולה, מחלקה או מודול.<br>\n",
+    "<dt>Read the Docs</dt>\n",
+    "<dd>\n",
+    "        אתר המאפשר למשתמשים להעלות אליו מסמכי תיעוד.<br/>\n",
+    "</dd>\n",
+    "<dt>סגנון תיעוד</dt>\n",
+    "<dd>\n",
+    "        ידוע בשמות: Documentation Style, Documentation Format, Docstring Format, Docstring Style.<br/>\n",
+    "        צורה מקובלת לכתיבת תיעוד ולפירוט התכונות של פונקציה, פעולה, מחלקה או מודול.<br/>\n",
     "        שלושת הסגנונות הנפוצים ביותר הם של Sphinx, של Google ושל NumPy.\n",
     "    </dd>\n",
     "</dl>"
@@ -1602,21 +1601,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">צָב שָׁלוּחַ</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">צָב שָׁלוּחַ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו שתי פעולות נוספות למחלקת <var>PostOffice</var>:\n",
     "</p>"
    ]
@@ -1625,15 +1624,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הפעולה <var>read_inbox</var> תקבל כפרמטרים את שם המשתמש ואת מספר ההודעות שהוא מעוניין לקרוא (נקרא לה $N$).<br>\n",
-    "        היא תחזיר את $N$ ההודעות הראשונות בתיבת הדואר הנכנס של המשתמש.<br>\n",
-    "        אם לא הועבר מספר הודעות, החזירו את כל ההודעות בתיבת הדואר הנכנס של המשתמש.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הפעולה <var>read_inbox</var> תקבל כפרמטרים את שם המשתמש ואת מספר ההודעות שהוא מעוניין לקרוא (נקרא לה $N$).<br/>\n",
+    "        היא תחזיר את $N$ ההודעות הראשונות בתיבת הדואר הנכנס של המשתמש.<br/>\n",
+    "        אם לא הועבר מספר הודעות, החזירו את כל ההודעות בתיבת הדואר הנכנס של המשתמש.<br/>\n",
     "        ההודעות יסומנו כנקראו ולא יוחזרו למשתמש בקריאה הבאה.\n",
     "    </li>\n",
-    "    <li>הפעולה <var>search_inbox</var> תקבל כפרמטרים שם משתמש ומחרוזת.<br>\n",
-    "        היא תחזיר כרשימה את כל ההודעות שמכילות את המחרוזת, בכותרת שלהן או בגופן.<br>\n",
-    "    </li>\n",
+    "<li>הפעולה <var>search_inbox</var> תקבל כפרמטרים שם משתמש ומחרוזת.<br/>\n",
+    "        היא תחזיר כרשימה את כל ההודעות שמכילות את המחרוזת, בכותרת שלהן או בגופן.<br/>\n",
+    "</li>\n",
     "</ul>"
    ]
   },
@@ -1641,9 +1640,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חלק ממטרת התרגיל היא תרגול היכולת שלכם להיכנס לקוד קיים.<br>\n",
-    "    נסו לשנות את הקוד הקיים במידה, והסבירו את השינויים שלכם אם לדעתכם עולה צורך כזה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חלק ממטרת התרגיל היא תרגול היכולת שלכם להיכנס לקוד קיים.<br/>\n",
+    "    נסו לשנות את הקוד הקיים במידה, והסבירו את השינויים שלכם אם לדעתכם עולה צורך כזה.<br/>\n",
     "    ודאו שהקוד שלכם מתועד היטב.\n",
     "</p>"
    ]
@@ -1652,15 +1651,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אורטל קומבט – חלק 1</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אורטל קומבט – חלק 1</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו מחלקה בשם Player שיודעת לקבל שם שחקן, וליצור שחקן חדש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו מחלקה בשם Player שיודעת לקבל שם שחקן, וליצור שחקן חדש.<br/>\n",
     "    לכל שחקן יש לפחות את התכונות הבאות:\n",
     "</p>"
    ]
@@ -1669,17 +1668,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>name</var> – שם השחקן.</li>\n",
-    "    <li><var>hp</var> – חיים (ערך מספרי שלם) שמאותחלים לערך המספרי 100.</li>\n",
-    "    <li><var>exp</var> – נקודות ניסיון (ערך מספרי שלם) שמאותחלות לערך המספרי 0.</li>\n",
-    "    <li><var>level</var> – רמת השחקן (ערך מספרי שלם) שמאותחלת לערך המספרי 1. לצורך תרגיל זה רמת השחקן תהיה תמיד 1.</li>\n",
-    "    <li><var>nemeses</var> – רשימת אויבים.</li>\n",
-    "    <li>פעולת \"<var>attack</var>\" – שמקבלת מופע של שחקן, ומורידה לו בין <span dir=\"ltr\">$L \\cdot 5$</span> ל־<span dir=\"ltr\">$L \\cdot 20$</span>  חיים (הגרילו), כאשר $L$ מייצגת את רמת השחקן המתקיף.<br>\n",
-    "    אם הפעולה לא קיבלה מופע של שחקן אחר, היא מתקיפה את האויב האחרון שנוסף לרשימת <var>nemeses</var> של השחקן.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>name</var> – שם השחקן.</li>\n",
+    "<li><var>hp</var> – חיים (ערך מספרי שלם) שמאותחלים לערך המספרי 100.</li>\n",
+    "<li><var>exp</var> – נקודות ניסיון (ערך מספרי שלם) שמאותחלות לערך המספרי 0.</li>\n",
+    "<li><var>level</var> – רמת השחקן (ערך מספרי שלם) שמאותחלת לערך המספרי 1. לצורך תרגיל זה רמת השחקן תהיה תמיד 1.</li>\n",
+    "<li><var>nemeses</var> – רשימת אויבים.</li>\n",
+    "<li>פעולת \"<var>attack</var>\" – שמקבלת מופע של שחקן, ומורידה לו בין <span dir=\"ltr\">$L \\cdot 5$</span> ל־<span dir=\"ltr\">$L \\cdot 20$</span>  חיים (הגרילו), כאשר $L$ מייצגת את רמת השחקן המתקיף.<br/>\n",
+    "    אם הפעולה לא קיבלה מופע של שחקן אחר, היא מתקיפה את האויב האחרון שנוסף לרשימת <var>nemeses</var> של השחקן.<br/>\n",
     "        אם הפעולה לא קיבלה מופע של שחקן אחר ואין לשחקן אויבים, הפעולה תקפיץ <var>IndexError</var>.\n",
     "    </li>\n",
-    "    <li>פעולת \"<var>revive</var>\" – מחזירה לשחקן את החיים לערך המרבי שלהם.</li>\n",
+    "<li>פעולת \"<var>revive</var>\" – מחזירה לשחקן את החיים לערך המרבי שלהם.</li>\n",
     "</ul>"
    ]
   },
@@ -1687,8 +1686,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם בעקבות פעולת התקפה שחקן מסוים הגיע ל־0 חיים או פחות מכך, הוא נחשב למת ברובו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם בעקבות פעולת התקפה שחקן מסוים הגיע ל־0 חיים או פחות מכך, הוא נחשב למת ברובו.<br/>\n",
     "    דאגו שהשחקן יעבור החייאה וצרפו את מי שהתקיף אותו לרשימת ה־<var>nemeses</var> של השחקן.\n",
     "</p>"
    ]
@@ -1697,7 +1696,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תעדו את התוכנית שלכם היטב.\n",
     "</p>"
    ]
diff --git a/week7/3_Classes_Part_2.ipynb b/week7/3_Classes_Part_2.ipynb
index 0f12784..964d4d8 100644
--- a/week7/3_Classes_Part_2.ipynb
+++ b/week7/3_Classes_Part_2.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">מחלקות – חלק 2</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">מחלקות – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">רענון</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רענון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשיעור הקודם בנושא מחלקות למדנו ש<dfn>מחלקה</dfn> היא תבנית (\"שבלונה\") המאגדת תכונות ופעולות של ישות כלשהי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשיעור הקודם בנושא מחלקות למדנו ש<dfn>מחלקה</dfn> היא תבנית (\"שבלונה\") המאגדת תכונות ופעולות של ישות כלשהי.<br/>\n",
     "    למדנו גם מה הוא מופע – התוצר של השימוש באותה שבלונה, באותה מחלקה, כדי ליצור פריט לפי השבלונה הזו.\n",
     "</p>"
    ]
@@ -35,13 +35,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה, מחלקת \"קבוצת ווטסאפ\" יכולה להיות מוגדרת כך:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>תכונות</em>: כותרת, משתמשים ורשימת הודעות.</li>\n",
-    "    <li><em>פעולות</em>: שליחת הודעה, הצטרפות לקבוצה או יציאה מהקבוצה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>תכונות</em>: כותרת, משתמשים ורשימת הודעות.</li>\n",
+    "<li><em>פעולות</em>: שליחת הודעה, הצטרפות לקבוצה או יציאה מהקבוצה.</li>\n",
     "</ul>"
    ]
   },
@@ -49,8 +48,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קריאה למחלקת \"קבוצת ווטסאפ\" תיצור מופע חדש של קבוצת ווטסאפ, שבו יש את התכונות והפעולות שהוגדרו במחלקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קריאה למחלקת \"קבוצת ווטסאפ\" תיצור מופע חדש של קבוצת ווטסאפ, שבו יש את התכונות והפעולות שהוגדרו במחלקה.<br/>\n",
     "    קריאה למחלקה 5 פעמים תיצור 5 קבוצות ווטסאפ שונות, שלכל אחת מהן התכונות והפעולות שהוגדרו במחלקה.\n",
     "</p>"
    ]
@@ -59,15 +58,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">משתני מחלקה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">משתני מחלקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במסעדת \"זלוברי\" ליד כל רכיב בתפריט רשומים ערכיו התזונתיים ל־100 גרם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במסעדת \"זלוברי\" ליד כל רכיב בתפריט רשומים ערכיו התזונתיים ל־100 גרם.<br/>\n",
     "    מנהלת המסעדה קיפף אוסין שכרה את שירותינו וביקשה מאיתנו לכתוב מחלקה המייצגת רכיב במנה.\n",
     "</p>"
    ]
@@ -76,13 +75,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לכל רכיב יש:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>תכונות</em>: שם, משקל פחמימות, משקל חלבונים ומשקל שומנים (בגרמים).</li>\n",
-    "    <li><em>פעולות</em>: חישוב מספר הקלוריות ברכיב.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>תכונות</em>: שם, משקל פחמימות, משקל חלבונים ומשקל שומנים (בגרמים).</li>\n",
+    "<li><em>פעולות</em>: חישוב מספר הקלוריות ברכיב.</li>\n",
     "</ul>"
    ]
   },
@@ -90,7 +88,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    להזכירכם, דרך להערכה מהירה של מספר הקלוריות שיש ברכיב, היא זו:\n",
     "</p>"
    ]
@@ -99,11 +97,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מצאו את משקל הפחמימות ברכיב והכפילו ב־4.</li>\n",
-    "    <li>מצאו את משקל השומן ברכיב והכפילו ב־9.</li>\n",
-    "    <li>מצאו את משקל החלבון ברכיב והכפילו ב־4.</li>\n",
-    "    <li>מספר הקלוריות ברכיב היא חיבור הערכים שקיבלתם בשלבים 1–3.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מצאו את משקל הפחמימות ברכיב והכפילו ב־4.</li>\n",
+    "<li>מצאו את משקל השומן ברכיב והכפילו ב־9.</li>\n",
+    "<li>מצאו את משקל החלבון ברכיב והכפילו ב־4.</li>\n",
+    "<li>מספר הקלוריות ברכיב היא חיבור הערכים שקיבלתם בשלבים 1–3.</li>\n",
     "</ol>"
    ]
   },
@@ -111,21 +109,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            נסו לממש בעצמכם את מחלקת Ingredient לפי התכונות והפעולות שתוארו למעלה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -133,7 +131,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מימוש של המחלקה ייראה כך:\n",
     "</p>"
    ]
@@ -163,7 +161,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ושימוש בה ייראה כך:\n",
     "</p>"
    ]
@@ -182,8 +180,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אוסין מגדירה רכיב כ\"בריא\" אם מספר הקלוריות שבו קטן מ־100 עבור 100 גרם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אוסין מגדירה רכיב כ\"בריא\" אם מספר הקלוריות שבו קטן מ־100 עבור 100 גרם.<br/>\n",
     "    נממש את הפעולה <code>is_healthy</code> שמחזירה <code>True</code> או <code>False</code>:\n",
     "</p>"
    ]
@@ -216,9 +214,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימוש במספרים קבועים בקוד שלנו נחשב לרוב ללא מנומס, ותמיד נעדיף לתת להם שם.<br>\n",
-    "    במקרה הזה, יש סיכוי שמסעדת \"זלוברי\" תשנה את הגדרתה עבור רכיבים דיאטטיים בעתיד, ועדיף שהמספר \"100\" לא יפוזר לאורך הקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימוש במספרים קבועים בקוד שלנו נחשב לרוב ללא מנומס, ותמיד נעדיף לתת להם שם.<br/>\n",
+    "    במקרה הזה, יש סיכוי שמסעדת \"זלוברי\" תשנה את הגדרתה עבור רכיבים דיאטטיים בעתיד, ועדיף שהמספר \"100\" לא יפוזר לאורך הקוד.<br/>\n",
     "</p>"
    ]
   },
@@ -226,8 +224,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פתרון אפשרי הוא להגדיר משתנה בראש הקוד, שייצג את מספר הקלוריות המרבי למאכל דיאטטי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פתרון אפשרי הוא להגדיר משתנה בראש הקוד, שייצג את מספר הקלוריות המרבי למאכל דיאטטי.<br/>\n",
     "    שימו לב שנהוג לכתוב את שמם של משתנים קבועים, אלו שערכיהם ישארו קבועים לכל אורך התוכנית, באותיות גדולות:\n",
     "</p>"
    ]
@@ -263,8 +261,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפתרון הזה עובד, אך מפספס עיקרון חשוב שהצגנו במחברת הקודמת שעסקה במחלקות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפתרון הזה עובד, אך מפספס עיקרון חשוב שהצגנו במחברת הקודמת שעסקה במחלקות.<br/>\n",
     "    מחלקה אמורה לאגד את כל המידע הקשור אליה, וזה הדין גם בנוגע למחלקת \"רכיב\", שאמורה לכלול את כל המידע הרלוונטי אליה.\n",
     "</p>"
    ]
@@ -273,7 +271,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשרות נוספת היא להגדיר את הערך כתכונה של כל מופע חדש שניצור:\n",
     "</p>"
    ]
@@ -307,8 +305,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מדובר בבחירה מעט בזבזנית, כיוון שאם יהיו לנו מיליון רכיבים נצטרך ליצור במיליון מופעים את <var>HEALTHY_CALORIES_UPPER_BOUND</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מדובר בבחירה מעט בזבזנית, כיוון שאם יהיו לנו מיליון רכיבים נצטרך ליצור במיליון מופעים את <var>HEALTHY_CALORIES_UPPER_BOUND</var>.<br/>\n",
     "    יתרה מכך, אם נחליט לשנות את <var>HEALTHY_CALORIES_UPPER_BOUND</var> נצטרך לפנות לכל מיליון המופעים הקיימים ולשנות בהם את הערך.\n",
     "</p>"
    ]
@@ -317,7 +315,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשרות טובה יותר, שבה טרם נתקלנו, היא להגדיר את המשתנה ברמת המחלקה עצמה:\n",
     "</p>"
    ]
@@ -352,10 +350,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה קרה בקוד שלמעלה?<br>\n",
-    "    הגדרנו את <var>HEALTHY_CALORIES_UPPER_BOUND</var> באותה רמה היררכית של הגדרת הפעולות במחלקה.<br>\n",
-    "    הגדרה של משתנה ברמת המחלקה גורמת לו להיות משותף לכל המופעים שייווצרו מאותה מחלקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה קרה בקוד שלמעלה?<br/>\n",
+    "    הגדרנו את <var>HEALTHY_CALORIES_UPPER_BOUND</var> באותה רמה היררכית של הגדרת הפעולות במחלקה.<br/>\n",
+    "    הגדרה של משתנה ברמת המחלקה גורמת לו להיות משותף לכל המופעים שייווצרו מאותה מחלקה.<br/>\n",
     "    בשלב זה כל מופע יכול לגשת לערך <var>HEALTHY_CALORIES_UPPER_BOUND</var> כאילו הוא חלק מתכונות המופע.\n",
     "</p>"
    ]
@@ -377,8 +375,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא האחרון יצרנו שני מופעים חדשים של רכיבים – הראשון של בננה והשני של מלון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא האחרון יצרנו שני מופעים חדשים של רכיבים – הראשון של בננה והשני של מלון.<br/>\n",
     "    הצלחנו לגשת למשתנה המחלקה <var>HEALTHY_CALORIES_UPPER_BOUND</var> שמשותף לשניהם דרך המופע שלהם.\n",
     "</p>"
    ]
@@ -387,8 +385,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קריאה ל־<code dir=\"ltr\">banana.is_healthy()</code> תעביר את המופע <var>banana</var> לפרמטר <var>self</var> של הפעולה <var>is_healthy</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קריאה ל־<code dir=\"ltr\">banana.is_healthy()</code> תעביר את המופע <var>banana</var> לפרמטר <var>self</var> של הפעולה <var>is_healthy</var>.<br/>\n",
     "    הביטוי <code>self.HEALTHY_CALORIES_UPPER_BOUND</code> יאפשר לנו להשיג את משתנה המחלקה, כיוון שאל <var>self</var> הועבר המופע עצמו:\n",
     "</p>"
    ]
@@ -407,7 +405,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הטריק הזה נקרא \"<dfn>משתני מחלקה</dfn>\" והוא מועיל ונפוץ, בעיקר עבור הגדרת ערכים קבועים המשותפים לכל המופעים שייווצרו מהמחלקה.\n",
     "</p>"
    ]
@@ -416,15 +414,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: חללר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: חללר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בעקבות הצלחתכם בחברת צ'יקצ'וק, פנה אליכם היזם המוכר אלון מסכה וביקש מכם להצטרף לחברתו \"חללר\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בעקבות הצלחתכם בחברת צ'יקצ'וק, פנה אליכם היזם המוכר אלון מסכה וביקש מכם להצטרף לחברתו \"חללר\".<br/>\n",
     "    אלון מעוניין לבנות גשושית שיכולה לנוע במהירות האור, והוא מעוניין בעזרתכם בבניית סימולציה של גשושית שכזו.\n",
     "</p>"
    ]
@@ -433,9 +431,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תכונות הגשושית (<var>SpaceProbe</var>) יהיו זמן השיגור שלה ומהירות הטיסה הממוצעת של הגשושית בקמ\"ש.<br>\n",
-    "    לכל מופע של גשושית תהיה גם הפעולה <var>get_distance</var> שתחשב מה המרחק שהחללית עברה מנקודת השיגור שלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תכונות הגשושית (<var>SpaceProbe</var>) יהיו זמן השיגור שלה ומהירות הטיסה הממוצעת של הגשושית בקמ\"ש.<br/>\n",
+    "    לכל מופע של גשושית תהיה גם הפעולה <var>get_distance</var> שתחשב מה המרחק שהחללית עברה מנקודת השיגור שלה.<br/>\n",
     "    אפשר לחשב זאת על ידי מציאת מספר השעות שעברו מרגע השיגור, והכפלתו במהירות הממוצעת של החללית.\n",
     "</p>"
    ]
@@ -444,8 +442,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי שהסימולציה תדמה מצב מציאותי, ביקש אלון להגביל את מהירות הגשושית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי שהסימולציה תדמה מצב מציאותי, ביקש אלון להגביל את מהירות הגשושית.<br/>\n",
     "    אם המהירות הממוצעת שהוגדרה לגשושית קטנה מ־0 – הגדירו אותה כ־0. אם היא גדולה ממהירות האור – הגדירו אותה כמהירות האור.\n",
     "</p>"
    ]
@@ -454,15 +452,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקות הן אזרחיות ממדרגה ראשונה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקות הן אזרחיות ממדרגה ראשונה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להבין טוב יותר איך פייתון מתנהגת, חשוב להבין שהמחלקה <var>Ingredient</var> גם היא ערך לכל דבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להבין טוב יותר איך פייתון מתנהגת, חשוב להבין שהמחלקה <var>Ingredient</var> גם היא ערך לכל דבר.<br/>\n",
     "    בדיוק כמו פונקציות (או כל ערך אחר), אפשר לבצע השמה שלה למשתנה:\n",
     "</p>"
    ]
@@ -482,9 +480,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה האחרונה ביצענו השמה, וגרמנו למשתנה <var>SomethingINeedForMyRecipe</var> להצביע על המחלקה <var>Ingredient</var>.<br>\n",
-    "    שימו לב שלא הפעלנו את ה־<code>__init__</code> של <var>Ingredient</var>, אלא השתמשנו בה כערך – ציינו את שמה ללא הסוגריים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה האחרונה ביצענו השמה, וגרמנו למשתנה <var>SomethingINeedForMyRecipe</var> להצביע על המחלקה <var>Ingredient</var>.<br/>\n",
+    "    שימו לב שלא הפעלנו את ה־<code>__init__</code> של <var>Ingredient</var>, אלא השתמשנו בה כערך – ציינו את שמה ללא הסוגריים.<br/>\n",
     "    בשלב הזה <var>SomethingINeedForMyRecipe</var> ו־<var>Ingredient</var> הצביעו לאותו מקום, ולכן אפשר היה ליצור רכיבים בעזרת <var>SomethingINeedForMyRecipe</var>.\n",
     "</p>"
    ]
@@ -493,7 +491,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הדפסה של המשתנה <var>SomethingINeedForMyRecipe</var> תגלה לנו שמדובר במחלקה המקורית, <var>Ingredient</var>: \n",
     "</p>"
    ]
@@ -511,7 +509,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וכך גם בדיקת הסוג של המופע <var>honey</var>, שנוצר מהקריאה ל־<var>SomethingINeedForMyRecipe</var>:\n",
     "</p>"
    ]
@@ -529,8 +527,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לקחת את האמירה שמחלקות הן כמו כל ערך אחר צעד אחד קדימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לקחת את האמירה שמחלקות הן כמו כל ערך אחר צעד אחד קדימה.<br/>\n",
     "    ניצור שתי מחלקות, ונכניס את המחלקות עצמן לתוך רשימה:\n",
     "</p>"
    ]
@@ -571,16 +569,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מה התרחש בקוד שלמעלה?\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>יצרנו שתי מחלקות, <var>User</var> ו־<var>Superstar</var>.</li>\n",
-    "    <li>יצרנו רשימה שאיבריה הם המחלקות <var>User</var> ו־<var>Superstar</var>, וגרמנו למשתנה בשם <var>classes</var> להצביע על הרשימה בעזרת השמה.</li>\n",
-    "    <li>עברנו על התוכן של <var>classes</var> בעזרת לולאת <code>for</code>.</li>\n",
-    "    <li>בכל איטרציה לקחנו מחלקה אחת (שעליה הצביע המשתנה <var>class_object</var>), ובנינו בעזרתה מופע של קיפיק.</li>\n",
-    "    <li>הדפסנו את המופע בכל מחלקה שהגענו אליה – הראשון מופע שנוצר מהמחלקה <var>User</var>, והשני מופע שנוצר מהמחלקה <var>Superstar</var>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>יצרנו שתי מחלקות, <var>User</var> ו־<var>Superstar</var>.</li>\n",
+    "<li>יצרנו רשימה שאיבריה הם המחלקות <var>User</var> ו־<var>Superstar</var>, וגרמנו למשתנה בשם <var>classes</var> להצביע על הרשימה בעזרת השמה.</li>\n",
+    "<li>עברנו על התוכן של <var>classes</var> בעזרת לולאת <code>for</code>.</li>\n",
+    "<li>בכל איטרציה לקחנו מחלקה אחת (שעליה הצביע המשתנה <var>class_object</var>), ובנינו בעזרתה מופע של קיפיק.</li>\n",
+    "<li>הדפסנו את המופע בכל מחלקה שהגענו אליה – הראשון מופע שנוצר מהמחלקה <var>User</var>, והשני מופע שנוצר מהמחלקה <var>Superstar</var>.</li>\n",
     "</ol>"
    ]
   },
@@ -588,9 +585,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשיעור על פונקציות בשבוע שעבר למדנו שפונקציות הן אזרחיות ממדרגה ראשונה – כלומר, הן ערכים לכל דבר.<br>\n",
-    "    מהדוגמה האחרונה אפשר לראות שגם מחלקות בפייתון, בדומה לפונקציות, הן אזרחיות ממדרגה ראשונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשיעור על פונקציות בשבוע שעבר למדנו שפונקציות הן אזרחיות ממדרגה ראשונה – כלומר, הן ערכים לכל דבר.<br/>\n",
+    "    מהדוגמה האחרונה אפשר לראות שגם מחלקות בפייתון, בדומה לפונקציות, הן אזרחיות ממדרגה ראשונה.<br/>\n",
     "    המשמעות היא שהן ערך לכל דבר, כמו מספרים ומחרוזות: אפשר להכניס אותן לרשימה, להעביר אותן כפרמטר ולאחסן אותן במשתנים.\n",
     "</p>"
    ]
@@ -599,16 +596,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש ישיר בערך המחלקה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימוש ישיר בערך המחלקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נחדד פעם נוספת את ההבדלים בין מופע למחלקה.<br>\n",
-    "    נביט במחלקה <var>Ingredient</var> שמייצגת רכיב במסעדה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נחדד פעם נוספת את ההבדלים בין מופע למחלקה.<br/>\n",
+    "    נביט במחלקה <var>Ingredient</var> שמייצגת רכיב במסעדה.<br/>\n",
     "    בעזרת קריאה למחלקה (השבלונה, התבנית) <var>Ingredient</var> נוכל ליצור מופעים חדשים של רכיבים.\n",
     "</p>"
    ]
@@ -617,7 +614,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כך ניצור מחלקה:\n",
     "</p>"
    ]
@@ -652,7 +649,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וכך ניצור מופע:\n",
     "</p>"
    ]
@@ -670,8 +667,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כפי שראינו לפני כן, מחלקה היא ערך לכל דבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כפי שראינו לפני כן, מחלקה היא ערך לכל דבר.<br/>\n",
     "    מעבר לכך, ראינו שאפשר להגדיר משתנים השייכים למחלקה.\n",
     "</p>"
    ]
@@ -680,8 +677,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לגשת לאותם משתנים שלא דרך מופע מסוים, בעזרת שימוש בשם המחלקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לגשת לאותם משתנים שלא דרך מופע מסוים, בעזרת שימוש בשם המחלקה.<br/>\n",
     "    נוכל, לדוגמה, להשיג את הערך שנמצא ב־<var>HEALTHY_CALORIES_UPPER_BOUND</var> כך:\n",
     "</p>"
    ]
@@ -699,8 +696,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורה למעלה ציינו את שם המחלקה עצמה, כתבנו נקודה, ומייד אחריה התייחסנו לאחד המשתנים המוגדרים בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורה למעלה ציינו את שם המחלקה עצמה, כתבנו נקודה, ומייד אחריה התייחסנו לאחד המשתנים המוגדרים בה.<br/>\n",
     "    הגדרת קבועים במחלקה והתייחסות אליהם מבחוץ הוא רעיון די נפוץ שנהוג להשתמש בו לא מעט בתכנות.\n",
     "</p>"
    ]
@@ -709,7 +706,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם נרצה, נוכל גם לבצע השמה למשתנה המחלקה מבחוץ, ולשנות אותו עבור כל המופעים שמתייחסים אליו:\n",
     "</p>"
    ]
@@ -729,8 +726,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בניגוד לגישה למשתנה המחלקה בצורה שהוצגה למעלה, לא נוכל לגשת באותו אופן לתכונה <code>Ingredient.name</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בניגוד לגישה למשתנה המחלקה בצורה שהוצגה למעלה, לא נוכל לגשת באותו אופן לתכונה <code>Ingredient.name</code>.<br/>\n",
     "    הרי אין בכך היגיון – התכונה <var>name</var> היא תכונה שמוגדרת עבור כל מופע, ולא עבור המחלקה כולה:\n",
     "</p>"
    ]
@@ -748,7 +745,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ומה יקרה אם ננסה לפנות דרך המחלקה עצמה לפעולה שהוגדרה ברמת המחלקה?\n",
     "</p>"
    ]
@@ -766,8 +763,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמובן!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמובן!<br/>\n",
     "    הפעולה <var>is_healthy</var> מצפה ל־<var>self</var>, מופע כלשהו של המחלקה, שבדרך כלל מועבר לה כשאנחנו קוראים לה בעזרת המופע:\n",
     "</p>"
    ]
@@ -785,12 +782,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא למעלה, כפי שלמדנו בפרק הקודם על מחלקות, <var>cinnamon</var> נשלח לפעולה <var>is_healthy</var> בתור הארגומנט <var>self</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא למעלה, כפי שלמדנו בפרק הקודם על מחלקות, <var>cinnamon</var> נשלח לפעולה <var>is_healthy</var> בתור הארגומנט <var>self</var>.<br/>\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לחקות את אותה ההתנהגות עבור הקריאה <code dir=\"ltr\">Ingredient.is_healthy()</code> שמצפה לקבל <var>self</var> כפרמטר,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לחקות את אותה ההתנהגות עבור הקריאה <code dir=\"ltr\">Ingredient.is_healthy()</code> שמצפה לקבל <var>self</var> כפרמטר,<br/>\n",
     "    נעביר את <var>cinnamon</var> כארגומנט לפעולה, וזה יגרום לה להיכנס לפרמטר <var>self</var>:\n",
     "</p>"
    ]
@@ -808,8 +804,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימוש בפעולות בצורה הזו כרגע הוא יותר בבחינת ידע כללי שאמור לעזור לכם להבין איך המחלקה מתנהגת מאחורי הקלעים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימוש בפעולות בצורה הזו כרגע הוא יותר בבחינת ידע כללי שאמור לעזור לכם להבין איך המחלקה מתנהגת מאחורי הקלעים.<br/>\n",
     "    בהמשך הקורס נבין טוב יותר מהם השימושיים האפשריים בפנייה לפעולות דרך המחלקה עצמה ולא דרך מופע.\n",
     "</p>"
    ]
@@ -818,16 +814,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכלה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכלה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לאור ההצלחה המסחררת של מחלקת \"רכיב\", ביקשה מאיתנו מנהלת המסעדה קיפף אוסין לתכנת מחלקה בשם <var>Dish</var> שתייצג מנה במסעדה.<br>\n",
-    "    לכל מנה יש שם (<var>name</var>), סימון אם היא צמחונית (<var>is_vegetarian</var>) ורשימת רכיבים (<var>ingredients</var>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לאור ההצלחה המסחררת של מחלקת \"רכיב\", ביקשה מאיתנו מנהלת המסעדה קיפף אוסין לתכנת מחלקה בשם <var>Dish</var> שתייצג מנה במסעדה.<br/>\n",
+    "    לכל מנה יש שם (<var>name</var>), סימון אם היא צמחונית (<var>is_vegetarian</var>) ורשימת רכיבים (<var>ingredients</var>).<br/>\n",
     "    הפעולה <var>get_total_calories</var> תחזיר את סכום הקלוריות של רכיבי המנה.\n",
     "</p>"
    ]
@@ -836,22 +832,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            ממשו בעצמכם את מחלקת <var>Dish</var>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            ממשו בעצמכם את מחלקת <var>Dish</var>.<br/>\n",
     "            לעת עתה, התעלמו מהכמות של כל רכיב במנה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -859,8 +855,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חלק מהכיף האמיתי בתכנות מחלקות מסתתר בכתיבת האינטרקציה ביניהן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חלק מהכיף האמיתי בתכנות מחלקות מסתתר בכתיבת האינטרקציה ביניהן.<br/>\n",
     "    לכן התרגיל למעלה הוא מעניין – הוא משלב את המחלקה הקודמת שבנינו, <var>Ingredient</var>, עם המחלקה <var>Dish</var>.\n",
     "</p>"
    ]
@@ -869,9 +865,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לייצג את הרכיבים בכל מנה נשתמש במופעי המחלקה <var>Ingredient</var>.<br>\n",
-    "    נוכל לשמור רשימה של רכיבים כתכונה של מחלקת \"מנה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לייצג את הרכיבים בכל מנה נשתמש במופעי המחלקה <var>Ingredient</var>.<br/>\n",
+    "    נוכל לשמור רשימה של רכיבים כתכונה של מחלקת \"מנה\".<br/>\n",
     "    במילים אחרות: לכל מנה יש רשימת רכיבים.\n",
     "</p>"
    ]
@@ -880,7 +876,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נממש:\n",
     "</p>"
    ]
@@ -927,8 +923,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה הגדרנו פעולת <code>__init__</code> שתקבל את שם המנה, משתנה בוליאני שקובע אם היא צמחונית או לא ורשימת רכיבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה הגדרנו פעולת <code>__init__</code> שתקבל את שם המנה, משתנה בוליאני שקובע אם היא צמחונית או לא ורשימת רכיבים.<br/>\n",
     "    הפעולה <var>get_total_calories</var> תעבור על הרכיבים ותסכום את מספרי הקלוריות של כל אחד מהם.\n",
     "</p>"
    ]
@@ -937,8 +933,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נבדוק שהמחלקה עובדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נבדוק שהמחלקה עובדת.<br/>\n",
     "    ניצור רשימת רכיבים ונעביר אותה ל־<var>Dish</var> כדי לייצר מופע של מנה:\n",
     "</p>"
    ]
@@ -962,8 +958,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    העיקרון של שימוש במופעי מחלקה אחת בתוך מחלקה אחרת נקרא <dfn>הכלה</dfn> (<var>Containment</var>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    העיקרון של שימוש במופעי מחלקה אחת בתוך מחלקה אחרת נקרא <dfn>הכלה</dfn> (<var>Containment</var>).<br/>\n",
     "    זוהי טכניקה שימושית ונפוצה מאוד בתכנות מחלקות, ותשמש אותנו רבות ביום־יום כמתכנתים.\n",
     "</p>"
    ]
@@ -972,15 +968,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: צָב שָׁלוּחַ 2</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: צָב שָׁלוּחַ 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מנהל הדואר הידוע והאהוב קיפיק הצב אהב את מחלקת <var>PostOffice</var> שבניתם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מנהל הדואר הידוע והאהוב קיפיק הצב אהב את מחלקת <var>PostOffice</var> שבניתם.<br/>\n",
     "    מרוב התלהבות, הוא מעוניין שגם ההודעות עצמן ייוצגו בעזרת מחלקה.\n",
     "</p>"
    ]
@@ -989,9 +985,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צרו את מחלקת <var>Message</var> והחליטו אילו תכונות כדאי שיהיו לה.<br>\n",
-    "    ממשו פעולת <code>__str__</code> שתציג את ההודעה בצורה נאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צרו את מחלקת <var>Message</var> והחליטו אילו תכונות כדאי שיהיו לה.<br/>\n",
+    "    ממשו פעולת <code>__str__</code> שתציג את ההודעה בצורה נאה.<br/>\n",
     "    הרצת הפונקציה <var>len</var> על מופע של הודעה יחזיר את אורך ההודעה (ללא הכותרת).\n",
     "</p>"
    ]
@@ -1000,8 +996,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ודאו שהתאמתם את פעולות מחלקת <var>PostOffice</var> כך שיפעלו גם על <var>Message</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ודאו שהתאמתם את פעולות מחלקת <var>PostOffice</var> כך שיפעלו גם על <var>Message</var>.<br/>\n",
     "    אם עולה הצורך, קראו באינטרנט על פעולות קסם.\n",
     "</p>"
    ]
@@ -1010,15 +1006,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">כימוס, הגנה ופרטיות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">כימוס, הגנה ופרטיות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מחלקת <var>Dish</var> שכתבנו שינתה את עולם המסעדנות כולו, ואין מתכנת מסעדן שלא משתמש בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מחלקת <var>Dish</var> שכתבנו שינתה את עולם המסעדנות כולו, ואין מתכנת מסעדן שלא משתמש בה.<br/>\n",
     "    הגברת קיפף אוסין משתמשת בה במסעדת הדגל שלה \"מסון קייפי\" ומעוניינת להשתמש בה במסעדה החדשה שלה, \"7 טעמים\".\n",
     "</p>"
    ]
@@ -1027,7 +1023,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במסעדת 7 טעמים אין אף מנה שמורכבת מיותר מ־7 רכיבים, והגברת אוסין מבקשת מאיתנו לעזור לה לאכוף זאת במחלקה.\n",
     "</p>"
    ]
@@ -1036,22 +1032,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            נסו לחשוב בעצמכם איך אתם הייתם פותרים את הבעיה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            נסו לחשוב בעצמכם איך אתם הייתם פותרים את הבעיה.<br/>\n",
     "            כיצד תשפרו את מחלקת <var>Dish</var> כך שתגביל את המשתמשים בה לעד 7 רכיבים?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1059,8 +1055,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנם הרבה פתרונות יצירתיים ומעניינים שיכולים לשמש אותנו במקרה שסופקו יותר מ־7 רכיבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנם הרבה פתרונות יצירתיים ומעניינים שיכולים לשמש אותנו במקרה שסופקו יותר מ־7 רכיבים.<br/>\n",
     "    אפשר, לדוגמה, לקחת רק את 7 הרכיבים הראשונים שאנחנו מקבלים, או להשאיר את רשימת הרכיבים ריקה.\n",
     "</p>"
    ]
@@ -1069,10 +1065,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחת הבחירות האפשריות היא לא לקבל מלכתחילה בפעולת האתחול <code>__init__</code> את רשימת הרכיבים.<br>\n",
-    "    במקרה כזה נצטרך לספק למשתמש דרך נוחה להוסיף רכיבים לתכונה <var>ingredients</var> ולהוריד רכיבים ממנה.<br>\n",
-    "    נאתחל את התכונה לרשימה ריקה, ונוסיף ל־<var>Dish</var> את הפעולות <var>add_ingredient</var> ו־<var>remove_ingredient</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחת הבחירות האפשריות היא לא לקבל מלכתחילה בפעולת האתחול <code>__init__</code> את רשימת הרכיבים.<br/>\n",
+    "    במקרה כזה נצטרך לספק למשתמש דרך נוחה להוסיף רכיבים לתכונה <var>ingredients</var> ולהוריד רכיבים ממנה.<br/>\n",
+    "    נאתחל את התכונה לרשימה ריקה, ונוסיף ל־<var>Dish</var> את הפעולות <var>add_ingredient</var> ו־<var>remove_ingredient</var>.<br/>\n",
     "    ברגע שהמשתמש במחלקה יקרא ל־<var>add_ingredient</var> כשיש במנה כבר 7 רכיבים, נכשיל את הוספת הרכיב העודף:\n",
     "</p>"
    ]
@@ -1152,8 +1148,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נבדוק שהמחלקה עובדת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נבדוק שהמחלקה עובדת.<br/>\n",
     "    לנוחיותכם, פירטנו מעל כל חלק מה יעשה הקוד.\n",
     "</p>"
    ]
@@ -1200,7 +1196,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אם ננסה להוציא את הסוכר, נגלה שהוא אכן לא ברשימת הרכיבים:\n",
     "</p>"
    ]
@@ -1218,8 +1214,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מזל טוב! הכל עובד וקיפף מרוצה, בינתיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מזל טוב! הכל עובד וקיפף מרוצה, בינתיים.<br/>\n",
     "    הכנתם לכולם Black Magic Julep כדי לחגוג את המאורע, לגמתם בשקיקה שני שלוקים ו...\n",
     "</p>"
    ]
@@ -1228,9 +1224,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    \"יש בעיה חמורה במחלקה!\", מזדעק הסו־שף מפינת החדר. נראה שהוא טרם לגם מהמשקה שלו. הסו־שף מוסיף:<br>\n",
-    "    \"משתמש שלא מכיר את המחלקה, יכול בטעות לערוך ישירות את התכונה <var>ingredient</var> השייכת למופע של המאכל שיצרנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    \"יש בעיה חמורה במחלקה!\", מזדעק הסו־שף מפינת החדר. נראה שהוא טרם לגם מהמשקה שלו. הסו־שף מוסיף:<br/>\n",
+    "    \"משתמש שלא מכיר את המחלקה, יכול בטעות לערוך ישירות את התכונה <var>ingredient</var> השייכת למופע של המאכל שיצרנו.<br/>\n",
     "    בכך הוא יעקוף את המגבלה שהצבנו בפעולה <var>add_ingredient</var>:\n",
     "</p>"
    ]
@@ -1249,8 +1245,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה אולי נשמע מקרה קצה זניח, אבל אחת ההנחות שלנו כמתכנתים היא שמותר לשנות מאפייני מחלקה ללא חשש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה אולי נשמע מקרה קצה זניח, אבל אחת ההנחות שלנו כמתכנתים היא שמותר לשנות מאפייני מחלקה ללא חשש.<br/>\n",
     "    במקרה כזה, הוא יוכל בהיסח הדעת להוסיף בשגגה סוכר כמרכיב שמיני לקוקטייל!\"\n",
     "</p>"
    ]
@@ -1259,8 +1255,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    היסטריה המונית פורצת בחדר. עלי נענע ומטריות קוקטיילים מתעופפים לכל עבר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    היסטריה המונית פורצת בחדר. עלי נענע ומטריות קוקטיילים מתעופפים לכל עבר.<br/>\n",
     "    בתוך שניות ספורות אתם משתלטים על המצב, ואחרי דקה אתם כבר שקועים עמוק בקריאת מאמר שמדבר על תכנות מחלקות.\n",
     "</p>"
    ]
@@ -1269,10 +1265,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <mark>מתברר שאם מוסיפים את התו <code>_</code> לפני שם התכונה, היא הופכת להיות תכונה \"<dfn>מוגנת</dfn>\" (<dfn>protected</dfn>).</mark><br>\n",
-    "    מצב כזה מסמן למתכנתים אחרים שהתכונה מיועדת לשימוש פנימי של המחלקה, ושאסור לגשת אליה מבחוץ.<br>\n",
-    "    \"אין לפנות לתכונה כזו בקוד שכתוב מחוץ למחלקה\", נכתב במאמר. \"לא למטרות קריאה ולא למטרות כתיבה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<mark>מתברר שאם מוסיפים את התו <code>_</code> לפני שם התכונה, היא הופכת להיות תכונה \"<dfn>מוגנת</dfn>\" (<dfn>protected</dfn>).</mark><br/>\n",
+    "    מצב כזה מסמן למתכנתים אחרים שהתכונה מיועדת לשימוש פנימי של המחלקה, ושאסור לגשת אליה מבחוץ.<br/>\n",
+    "    \"אין לפנות לתכונה כזו בקוד שכתוב מחוץ למחלקה\", נכתב במאמר. \"לא למטרות קריאה ולא למטרות כתיבה\".<br/>\n",
     "</p>"
    ]
   },
@@ -1280,8 +1276,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שיניתם את המחלקה. אף על פי שהשימוש בה נראה בדיוק אותו דבר, התכונה <var>ingredients</var> קיבלה קו תחתון לפני שמה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שיניתם את המחלקה. אף על פי שהשימוש בה נראה בדיוק אותו דבר, התכונה <var>ingredients</var> קיבלה קו תחתון לפני שמה.<br/>\n",
     "    המחלקה המתוקנת שיצרתם נראית עכשיו כך:\n",
     "</p>"
    ]
@@ -1361,9 +1357,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפעמים ניתקל במקרה שבו נרצה למנוע גישה ישירה לתכונות מסוימות של מחלקה מצד גורמים לא מורשים.<br>\n",
-    "    פתיחת שם התכונה בתו <code>_</code> וסימונה כמוגנת, או במילים אחרות מתאימה לשימוש רק בתוך המחלקה, יכולות לשרת אותנו להשגת המטרה הזו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפעמים ניתקל במקרה שבו נרצה למנוע גישה ישירה לתכונות מסוימות של מחלקה מצד גורמים לא מורשים.<br/>\n",
+    "    פתיחת שם התכונה בתו <code>_</code> וסימונה כמוגנת, או במילים אחרות מתאימה לשימוש רק בתוך המחלקה, יכולות לשרת אותנו להשגת המטרה הזו.<br/>\n",
     "    זו מוסכמה חזקה מאוד בקרב מתכנתי פייתון: עשו מה שאפשר כדי לא לגשת לתכונות ששמן מתחיל בקו תחתון מתוך קוד שנמצא מחוץ למחלקה.\n",
     "</p>"
    ]
@@ -1372,9 +1368,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם המשתמש במחלקה ירצה להשיג את ערכו של מופע או לשנות אותו, הוא יוכל לקרוא לפעולה שזו מטרתה.<br>\n",
-    "    במקרה שלנו, הפעולות הללו הן <var>add_ingredient</var> או <var>remove_ingredient</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם המשתמש במחלקה ירצה להשיג את ערכו של מופע או לשנות אותו, הוא יוכל לקרוא לפעולה שזו מטרתה.<br/>\n",
+    "    במקרה שלנו, הפעולות הללו הן <var>add_ingredient</var> או <var>remove_ingredient</var>.<br/>\n",
     "    נוכל (וכדאי) שנממש פעולה לצפייה בתכונה, כמו <var>get_ingredients</var>.\n",
     "</p>"
    ]
@@ -1383,9 +1379,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הגישה של החבאת נתונים מאחורי פעולות היא רעיון פופולרי מאוד בתכנות מונחה עצמים.<br>\n",
-    "    לפי רעיון שנקרא \"<dfn>כימוס</dfn>\" (<dfn>Encapsulation</dfn>), על מחלקה לאגד תכונות ופעולות, ולהסתיר מידע עודף מאלו שמשתמשים במחלקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הגישה של החבאת נתונים מאחורי פעולות היא רעיון פופולרי מאוד בתכנות מונחה עצמים.<br/>\n",
+    "    לפי רעיון שנקרא \"<dfn>כימוס</dfn>\" (<dfn>Encapsulation</dfn>), על מחלקה לאגד תכונות ופעולות, ולהסתיר מידע עודף מאלו שמשתמשים במחלקה.<br/>\n",
     "    הסתרת המידע משרתת שתי מטרות:\n",
     "</p>"
    ]
@@ -1394,9 +1390,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>פישוט והפחתת מורכבות</em>: נעדיף לחשוף למשתמש במחלקה רק תכונות ופעולות שחשובות עבורו, ולא פרטי מימוש.</li>\n",
-    "    <li><em>שמירה על תקינות המופע</em>: נמנע מהמשתמש במחלקה לערוך מופעים בצורה לא מבוקרת, ובכך לגרום למופע להכיל מידע לא תקין.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>פישוט והפחתת מורכבות</em>: נעדיף לחשוף למשתמש במחלקה רק תכונות ופעולות שחשובות עבורו, ולא פרטי מימוש.</li>\n",
+    "<li><em>שמירה על תקינות המופע</em>: נמנע מהמשתמש במחלקה לערוך מופעים בצורה לא מבוקרת, ובכך לגרום למופע להכיל מידע לא תקין.</li>\n",
     "</ul>"
    ]
   },
@@ -1404,9 +1400,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ברוב שפות התכנות שאינן פייתון, שפת התכנות ממש מונעת גישה לתכונות מוגנות מתוך קוד שנמצא מחוץ למחלקה.<br>\n",
-    "    בפייתון נהוג להגיד ש<q dir=\"rtl\" lang=\"he\">כולנו מבוגרים בעלי שיקול דעת</q>, ולכן פייתון לא מונעת גישה לתכונות מוגנות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ברוב שפות התכנות שאינן פייתון, שפת התכנות ממש מונעת גישה לתכונות מוגנות מתוך קוד שנמצא מחוץ למחלקה.<br/>\n",
+    "    בפייתון נהוג להגיד ש<q dir=\"rtl\" lang=\"he\">כולנו מבוגרים בעלי שיקול דעת</q>, ולכן פייתון לא מונעת גישה לתכונות מוגנות.<br/>\n",
     "</p>"
    ]
   },
@@ -1414,10 +1410,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למרות זאת, בהקשר הזה יש לפייתון טריק מלוכלך בשרוול.<br>\n",
-    "    אפשר להגדיר תכונות כ<dfn>פרטיות</dfn> (<dfn>private</dfn>) בעזרת הקידומת <code>__</code> (פעמיים קו תחתון).<br>\n",
-    "    במקרה הזה, פייתון כן תתערב, וכן תנסה למנוע גישה לתכונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למרות זאת, בהקשר הזה יש לפייתון טריק מלוכלך בשרוול.<br/>\n",
+    "    אפשר להגדיר תכונות כ<dfn>פרטיות</dfn> (<dfn>private</dfn>) בעזרת הקידומת <code>__</code> (פעמיים קו תחתון).<br/>\n",
+    "    במקרה הזה, פייתון כן תתערב, וכן תנסה למנוע גישה לתכונה.<br/>\n",
     "    נדגים בעזרת מחלקה פשוטה של משתמש:\n",
     "</p>"
    ]
@@ -1445,7 +1441,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניצור דמות שנקראת פרנקלין:\n",
     "</p>"
    ]
@@ -1464,7 +1460,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וננסה לשנות לה את התכונות:\n",
     "</p>"
    ]
@@ -1484,7 +1480,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אבל כשננסה להדפיס את Cookie Monster, נגלה שכל תכונות הדמות השתנו חוץ מהעובדה שהיא עדיין אוהבת לשרוך נעליים!\n",
     "</p>"
    ]
@@ -1502,9 +1498,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הסיבה לכך היא שכשפייתון רואה את התחילית <code>__</code> היא מבינה ש<em>ממש חשוב לכם</em> שאף גורם חיצוני למחלקה לא ייגש לתכונה.<br>\n",
-    "    אף על פי שניסיון פשוט לגשת לתכונה <var dir=\"ltr\">__hobbies</var> מחוץ למחלקה לא יישא פרי, אם נחטט טוב נגלה שעדיין ישנה דרך לעשות זאת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הסיבה לכך היא שכשפייתון רואה את התחילית <code>__</code> היא מבינה ש<em>ממש חשוב לכם</em> שאף גורם חיצוני למחלקה לא ייגש לתכונה.<br/>\n",
+    "    אף על פי שניסיון פשוט לגשת לתכונה <var dir=\"ltr\">__hobbies</var> מחוץ למחלקה לא יישא פרי, אם נחטט טוב נגלה שעדיין ישנה דרך לעשות זאת.<br/>\n",
     "    מתברר שפייתון רק משנה את שם התכונה למשהו מעט מסובך יותר כדי \"להחביא\" אותה טוב יותר:\n",
     "</p>"
    ]
@@ -1523,10 +1519,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תכונה שמתחילה בתחילית <code>__</code> בפייתון נקראת, כאמור, \"תכונה פרטית\" (private).<br>\n",
-    "    גם בה מותר להשתמש רק בתוך המחלקה, רק שהפעם פייתון עושה טריק מלוכלך כדי למנוע מכם להשתמש בתכונה בכל זאת.<br>\n",
-    "    פייתון משנה את שם התכונה לקו תחתון, שם המחלקה, שני קווים תחתונים ואז שם התכונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תכונה שמתחילה בתחילית <code>__</code> בפייתון נקראת, כאמור, \"תכונה פרטית\" (private).<br/>\n",
+    "    גם בה מותר להשתמש רק בתוך המחלקה, רק שהפעם פייתון עושה טריק מלוכלך כדי למנוע מכם להשתמש בתכונה בכל זאת.<br/>\n",
+    "    פייתון משנה את שם התכונה לקו תחתון, שם המחלקה, שני קווים תחתונים ואז שם התכונה.<br/>\n",
     "</p>"
    ]
   },
@@ -1534,9 +1530,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השם המקצועי לשינוי שם משתנה כדי לפתור בעיית ארכיטקטורה הוא <dfn>name mangling</dfn>, והקיום שלו בפייתון הוא נושא טעון בקרב קהילת המפתחים בשפה.<br>\n",
-    "    עקב כך, הקידומת <code>__</code> היא אחת מהיכולות היותר שנויות במחלוקת בשפה ועדיף לא להשתמש בה, אלא אם כן ממש חייבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השם המקצועי לשינוי שם משתנה כדי לפתור בעיית ארכיטקטורה הוא <dfn>name mangling</dfn>, והקיום שלו בפייתון הוא נושא טעון בקרב קהילת המפתחים בשפה.<br/>\n",
+    "    עקב כך, הקידומת <code>__</code> היא אחת מהיכולות היותר שנויות במחלוקת בשפה ועדיף לא להשתמש בה, אלא אם כן ממש חייבים.<br/>\n",
     "    כל עוד המקרה הוא לא קיצוני מאוד, העדיפו להגן על משתנה בעזרת קידומת של קו תחתון אחד.\n",
     "</p>"
    ]
@@ -1545,22 +1541,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\" title=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            אפשר להגדיר גם פעולות כמוגנות או כפרטיות אם נוסיף להן את התחילית <code>_</code> או <code>__</code>, בהתאמה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\" title=\"תרגול\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            אפשר להגדיר גם פעולות כמוגנות או כפרטיות אם נוסיף להן את התחילית <code>_</code> או <code>__</code>, בהתאמה.<br/>\n",
     "            כיוון ש־<var>can_add_ingredient</var> מיועדת לשימוש פנימי, שנו את הפעולה כך שתוגדר כמוגנת.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1568,18 +1564,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\" alt=\"העמקה\" title=\"העמקה\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            ישנם מקרים מיוחדים שטרם למדנו, שבהם אפשר לגשת לתכונות ולפעולות מוגנות ממחלקות אחרות.<br>\n",
-    "            לעומתן, תכונות או פעולות שמוגדרות כפרטיות נגישות <em>רק</em> מתוך המחלקה שיצרה אותן.<br>\n",
-    "            ההפרדה בין שני הרעיונות נפוצה בעיקר בשפות אחרות, ובפייתון נהוג להשתמש בתחילית <code>_</code> (משתנה מוגן) בשני המקרים.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"העמקה\" height=\"50px\" src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\" title=\"העמקה\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            ישנם מקרים מיוחדים שטרם למדנו, שבהם אפשר לגשת לתכונות ולפעולות מוגנות ממחלקות אחרות.<br/>\n",
+    "            לעומתן, תכונות או פעולות שמוגדרות כפרטיות נגישות <em>רק</em> מתוך המחלקה שיצרה אותן.<br/>\n",
+    "            ההפרדה בין שני הרעיונות נפוצה בעיקר בשפות אחרות, ובפייתון נהוג להשתמש בתחילית <code>_</code> (משתנה מוגן) בשני המקרים.<br/>\n",
     "            מהסיבה הזו אנשים רבים יקראו לתכונה או לפעולה עם קידומת <code>_</code> בפייתון \"תכונה פרטית\" או \"פעולה פרטית\".\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1587,16 +1583,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות גישה ושינוי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעולות גישה ושינוי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמו שראינו השבוע, פייתון מתירה כברירת מחדל גישה נוחה לתכונות של מופעים בעזרת קוד שנכתב מחוץ למחלקה.<br>\n",
-    "    בניגוד לפייתון, בשפות אחרות לא נהוג לאפשר גישה ישירה לתכונות המחלקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמו שראינו השבוע, פייתון מתירה כברירת מחדל גישה נוחה לתכונות של מופעים בעזרת קוד שנכתב מחוץ למחלקה.<br/>\n",
+    "    בניגוד לפייתון, בשפות אחרות לא נהוג לאפשר גישה ישירה לתכונות המחלקה.<br/>\n",
     "    מתוך הרגל, מתכנתים שמגיעים משפות אחרות משתמשים לעיתים תכופות בהחבאת נתונים בצורה לא מידתית:\n",
     "</p>"
    ]
@@ -1650,9 +1646,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרעיון בקוד שהוצג למעלה נקרא \"<dfn>פעולות גישה ושינוי</dfn>\" (<dfn>accessor and mutator methods</dfn>), או <dfn>getters and setters</dfn>.<br>\n",
-    "    אלו פעולות שמטרתן עריכת תכונות מסוימות או אחזור של הערך הנוכחי שלהן, תוך כדי ניסיון למנוע מהמשתמש במחלקה לגשת ישירות לערך התכונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרעיון בקוד שהוצג למעלה נקרא \"<dfn>פעולות גישה ושינוי</dfn>\" (<dfn>accessor and mutator methods</dfn>), או <dfn>getters and setters</dfn>.<br/>\n",
+    "    אלו פעולות שמטרתן עריכת תכונות מסוימות או אחזור של הערך הנוכחי שלהן, תוך כדי ניסיון למנוע מהמשתמש במחלקה לגשת ישירות לערך התכונה.<br/>\n",
     "    המטרה של מתכנת שנוהג כך היא לדאוג שהוא תמיד יוכל לשלוט על ערכי התכונות, לוודא את תקינותם ולמנוע מופע שמכיל נתונים שאינם תקינים.\n",
     "</p>"
    ]
@@ -1661,9 +1657,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימוש שכזה בפעולות גישה ושינוי הוא נדיר יחסית בפייתון.<br>\n",
-    "    בזכות היכולת לגשת לתכונות של מופע ישירות מחוץ למחלקה, כתיבת מחלקות הופכת להיות מהירה ונעימה לשימוש.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימוש שכזה בפעולות גישה ושינוי הוא נדיר יחסית בפייתון.<br/>\n",
+    "    בזכות היכולת לגשת לתכונות של מופע ישירות מחוץ למחלקה, כתיבת מחלקות הופכת להיות מהירה ונעימה לשימוש.<br/> \n",
     "    כתיבת getter ו־setter לכל תכונה עשויה לגרום למחלקות בפייתון להפוך למסורבלות וארוכות, והשימוש בהן נעשה לא נוח:\n",
     "</p>"
    ]
@@ -1687,7 +1683,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עקב הסרבול שבעניין, בפייתון לרוב נעדיף להשתמש בפעולות גישה ושינוי רק כשיש צורך ממשי בהגדרת תכונות כמוגנות או כפרטיות. \n",
     "</p>"
    ]
@@ -1696,42 +1692,42 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>משתני מחלקה (Class Variables)</dt>\n",
-    "    <dd>\n",
-    "        משתנים המוגדרים ברמת המחלקה ונגישים עבור כל המופעים שנוצרו ממנה.<br>\n",
-    "        בדרך כלל אלו משתנים קבועים שהמופעים משתמשים בהם לצורכי קריאה בלבד.<br>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>משתני מחלקה (Class Variables)</dt>\n",
+    "<dd>\n",
+    "        משתנים המוגדרים ברמת המחלקה ונגישים עבור כל המופעים שנוצרו ממנה.<br/>\n",
+    "        בדרך כלל אלו משתנים קבועים שהמופעים משתמשים בהם לצורכי קריאה בלבד.<br/>\n",
     "        לדוגמה: משתנה בראש מחלקת \"תיבת דואר\" שמגדיר את נפח האחסון המירבי ל־5 ג'יגה בייט.\n",
     "    </dd>\n",
-    "    <dt>הכלה (Containment)</dt>\n",
-    "    <dd>\n",
-    "        מצב שבו נעשה שימוש במופע שנוצר במחלקה A בתוך מופע של מחלקה B.<br>\n",
+    "<dt>הכלה (Containment)</dt>\n",
+    "<dd>\n",
+    "        מצב שבו נעשה שימוש במופע שנוצר במחלקה A בתוך מופע של מחלקה B.<br/>\n",
     "        לדוגמה: בתוך מופע של מחלקת \"הודעת דואר\", תכונת הנמען והמוען יהיו מופעים של מחלקת \"משתמש\". \n",
     "    </dd>\n",
-    "    <dt>כימוס (Encapsulation)</dt>\n",
-    "    <dd>\n",
-    "        איגוד תכונות ופעולות תחת מחלקה, וצמצום הגישה של המשתמש במחלקה למצב הפנימי של המופעים שנוצרו ממנה.<br>\n",
-    "        בפועל, ימומש על ידי הגבלה לגישה ולעריכה של תכונות ופעולות מסוימות, כך שיתאפשרו רק מקוד שנכתב בתוך המחלקה.<br>\n",
-    "        עם זאת, החלטה על הסתרת תכונות רבות מדי עלולה ליצור קוד ארוך ומסורבל, ובפייתון נהוג להשתמש ברעיון בצמצום.<br>\n",
-    "    </dd>\n",
-    "    <dt>תכונה/פעולה מוגנת (Protected Attribute) או תכונה/פעולה פרטית (Private Attribute)</dt>\n",
-    "    <dd>\n",
-    "        תכונה שהגישה אליה יכולה להתבצע רק מתוך המחלקה.<br>\n",
-    "        טכנית, פייתון תמיד מאפשרת למתכנת לשנות ערכים – אפילו אם הם מוגדרים כמוגנים או כפרטיים.<br>\n",
+    "<dt>כימוס (Encapsulation)</dt>\n",
+    "<dd>\n",
+    "        איגוד תכונות ופעולות תחת מחלקה, וצמצום הגישה של המשתמש במחלקה למצב הפנימי של המופעים שנוצרו ממנה.<br/>\n",
+    "        בפועל, ימומש על ידי הגבלה לגישה ולעריכה של תכונות ופעולות מסוימות, כך שיתאפשרו רק מקוד שנכתב בתוך המחלקה.<br/>\n",
+    "        עם זאת, החלטה על הסתרת תכונות רבות מדי עלולה ליצור קוד ארוך ומסורבל, ובפייתון נהוג להשתמש ברעיון בצמצום.<br/>\n",
+    "</dd>\n",
+    "<dt>תכונה/פעולה מוגנת (Protected Attribute) או תכונה/פעולה פרטית (Private Attribute)</dt>\n",
+    "<dd>\n",
+    "        תכונה שהגישה אליה יכולה להתבצע רק מתוך המחלקה.<br/>\n",
+    "        טכנית, פייתון תמיד מאפשרת למתכנת לשנות ערכים – אפילו אם הם מוגדרים כמוגנים או כפרטיים.<br/>\n",
     "        מעשית, עליכם להימנע בכל דרך אפשרית משינוי של משתנה שמוגדר כמוגן או פרטי, כל עוד אתם יכולים.\n",
     "    </dd>\n",
-    "    <dt>פעולת גישה ושינוי (Accessor/Mutator Method)</dt>\n",
-    "    <dd>\n",
-    "        פעולה שמטרתה לגשת (Accessor) או לשנות (Mutator) ערך של תכונה מסוימת, בעיקר בהקשרי תכונות מוגנות או פרטיות.<br>\n",
-    "        מטרת ה־Accessor היא לאחזר את ערך התכונה המבוקשת בצורה מתאימה, לעיתים אחרי עיבוד מסוים.<br>\n",
-    "        מטרת ה־Mutator היא לוודא ששינוי הערך תקין ולא מזיק למופע או משנה אותו למצב לא תקין.<br>\n",
+    "<dt>פעולת גישה ושינוי (Accessor/Mutator Method)</dt>\n",
+    "<dd>\n",
+    "        פעולה שמטרתה לגשת (Accessor) או לשנות (Mutator) ערך של תכונה מסוימת, בעיקר בהקשרי תכונות מוגנות או פרטיות.<br/>\n",
+    "        מטרת ה־Accessor היא לאחזר את ערך התכונה המבוקשת בצורה מתאימה, לעיתים אחרי עיבוד מסוים.<br/>\n",
+    "        מטרת ה־Mutator היא לוודא ששינוי הערך תקין ולא מזיק למופע או משנה אותו למצב לא תקין.<br/>\n",
     "        פעולות אלו נקראות גם <dfn>getters</dfn> ו־<dfn>setters</dfn>.\n",
     "    </dd>\n",
     "</dl>"
@@ -1741,15 +1737,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בהמשך להצלחה המסחררת של אפליקציית צ'יקצ'וק, החלטנו להשיק את יישומון המסרים המיידיים \"מנשמעעעעעעע XPPP\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בהמשך להצלחה המסחררת של אפליקציית צ'יקצ'וק, החלטנו להשיק את יישומון המסרים המיידיים \"מנשמעעעעעעע XPPP\".<br/>\n",
     "    תחילה, ניצור מחלקה שתייצג משתמש.\n",
     "</p>"
    ]
@@ -1758,13 +1754,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לכל משתמש יש:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>תכונות</em>: כינוי (<var>nickname</var>) תאריך אחרון שנצפה (<var>last_seen</var>) ואנשי קשר (<var>contacts</var>).</li>\n",
-    "    <li><em>פעולות</em>: התחבר (<var>connect</var>), האם מחובר? (<var>is_online</var>; בודקת אם התחבר בדקה האחרונה).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>תכונות</em>: כינוי (<var>nickname</var>) תאריך אחרון שנצפה (<var>last_seen</var>) ואנשי קשר (<var>contacts</var>).</li>\n",
+    "<li><em>פעולות</em>: התחבר (<var>connect</var>), האם מחובר? (<var>is_online</var>; בודקת אם התחבר בדקה האחרונה).</li>\n",
     "</ul>"
    ]
   },
@@ -1772,13 +1767,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לכל הודעה יש:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>תכונות</em>: תאריך שליחה (<var>send_date</var>), אם נצפתה (<var>seen</var>), מוען (שולח; <var>sender</var>), נמען (מקבל; <var>recipient</var>) ותוכן (<var>content</var>).</li>\n",
-    "    <li><em>פעולות</em>: סימון הודעה כנקראה (<var>mark_as_read</var>).</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>תכונות</em>: תאריך שליחה (<var>send_date</var>), אם נצפתה (<var>seen</var>), מוען (שולח; <var>sender</var>), נמען (מקבל; <var>recipient</var>) ותוכן (<var>content</var>).</li>\n",
+    "<li><em>פעולות</em>: סימון הודעה כנקראה (<var>mark_as_read</var>).</li>\n",
     "</ul>"
    ]
   },
@@ -1989,14 +1983,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למה כדאי לשים לב בפתרון?\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>אנחנו משתמשים בכימוס במשורה – רק כשזה משפר את התנהגות המחלקה.</li>\n",
-    "    <li>מחלקת <var>User</var> מוכלת בתוך מחלקת <var>Message</var>.</li>\n",
-    "    <li>לא הרשינו למספרים להסתובב בקוד – <var>SECONDS_UNTIL_DISCONNECTED</var> הוא משתנה מחלקה קבוע שערכו 60.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>אנחנו משתמשים בכימוס במשורה – רק כשזה משפר את התנהגות המחלקה.</li>\n",
+    "<li>מחלקת <var>User</var> מוכלת בתוך מחלקת <var>Message</var>.</li>\n",
+    "<li>לא הרשינו למספרים להסתובב בקוד – <var>SECONDS_UNTIL_DISCONNECTED</var> הוא משתנה מחלקה קבוע שערכו 60.</li>\n",
     "</ol>"
    ]
   },
@@ -2004,30 +1997,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אורטל קומבט – חלק 2</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אורטל קומבט – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Player</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Player</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחלקת <var>Player</var> שבניתם, שנו את הפעולה <var>attack</var>.<br>\n",
-    "    אם הפעולה לא מקבלת פרמטרים ואין לשחקן אויבים, היא תחזיר <samp>False</samp> במקום לזרוק <var>IndexError</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחלקת <var>Player</var> שבניתם, שנו את הפעולה <var>attack</var>.<br/>\n",
+    "    אם הפעולה לא מקבלת פרמטרים ואין לשחקן אויבים, היא תחזיר <samp>False</samp> במקום לזרוק <var>IndexError</var>.<br/>\n",
     "    אם התקיפה הצליחה, הפעולה תחזיר <samp>True</samp>.\n",
     "</p>"
    ]
@@ -2036,15 +2029,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Arena</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Arena</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו מחלקת זירה בשם <var>Arena</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו מחלקת זירה בשם <var>Arena</var>.<br/>\n",
     "    פעולת האתחול של <var>Arena</var> מקבלת את מספר השחקנים המרבי שאפשר להכניס לזירה.\n",
     "</p>"
    ]
@@ -2053,7 +2046,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    המחלקה תכיל לכל הפחות את התכונות הבאות:\n",
     "</p>"
    ]
@@ -2062,10 +2055,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>players</var> – מכילה את רשימת השחקנים בזירה.</li>\n",
-    "    <li><var>next_player</var> – מכילה את השחקן שתורו לשחק כעת.</li>\n",
-    "    <li><var>winner</var> – מכילה את השחקן שניצח, או <code>None</code> אם עדיין אין אחד כזה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>players</var> – מכילה את רשימת השחקנים בזירה.</li>\n",
+    "<li><var>next_player</var> – מכילה את השחקן שתורו לשחק כעת.</li>\n",
+    "<li><var>winner</var> – מכילה את השחקן שניצח, או <code>None</code> אם עדיין אין אחד כזה.</li>\n",
     "</ul>"
    ]
   },
@@ -2073,7 +2066,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במחלקה ימומשו גם הפעולות הבאות:\n",
     "</p>"
    ]
@@ -2082,13 +2075,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>hajime</var> – מתחיל את הקרב. החל משלב זה אי אפשר להוסיף או להסיר שחקנים מהזירה.</li>\n",
-    "    <li><var>get_players</var> – מחזירה את רשימת השחקנים בזירה.</li>\n",
-    "    <li><var>add_player</var> – הוסף שחקן לזירה. אם הוא כבר בזירה או אם הקרב כבר התחיל, מחזירה False.</li>\n",
-    "    <li><var>remove_player</var> – מקבלת שחקן ומסירה אותו מהזירה. אם הוא אינו בזירה או אם הקרב כבר התחיל, מחזירה False.</li>\n",
-    "    <li><var>make_move</var> – גורמת לשחקן שתורו כעת להפעיל פעולת <var>attack</var> ללא פרמטרים.<br>\n",
-    "        אם הפעולה <var>attack</var> החזירה <samp>False</samp>, השחקן יבחר אויב חי אקראי מהזירה ויתקוף אותו.<br>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>hajime</var> – מתחיל את הקרב. החל משלב זה אי אפשר להוסיף או להסיר שחקנים מהזירה.</li>\n",
+    "<li><var>get_players</var> – מחזירה את רשימת השחקנים בזירה.</li>\n",
+    "<li><var>add_player</var> – הוסף שחקן לזירה. אם הוא כבר בזירה או אם הקרב כבר התחיל, מחזירה False.</li>\n",
+    "<li><var>remove_player</var> – מקבלת שחקן ומסירה אותו מהזירה. אם הוא אינו בזירה או אם הקרב כבר התחיל, מחזירה False.</li>\n",
+    "<li><var>make_move</var> – גורמת לשחקן שתורו כעת להפעיל פעולת <var>attack</var> ללא פרמטרים.<br/>\n",
+    "        אם הפעולה <var>attack</var> החזירה <samp>False</samp>, השחקן יבחר אויב חי אקראי מהזירה ויתקוף אותו.<br/>\n",
     "    בסוף הפעולה, התור מועבר לשחקן הבא.</li>\n",
     "</ul>"
    ]
@@ -2097,9 +2090,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ודאו שכל זמן שיש שחקנים בזירה, <var>next_player</var> מצביעה למופע של שחקן.<br>\n",
-    "    אם אין שחקנים בזירה, בעת אתחול המחלקה למשל, שנו את ערכה של <var>next_player</var> ל־<code>None</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ודאו שכל זמן שיש שחקנים בזירה, <var>next_player</var> מצביעה למופע של שחקן.<br/>\n",
+    "    אם אין שחקנים בזירה, בעת אתחול המחלקה למשל, שנו את ערכה של <var>next_player</var> ל־<code>None</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -2107,14 +2100,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמות ונקודות ניסיון</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמות ונקודות ניסיון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כאשר שחקן א גורם לשחקן ב להיות מת ברובו, שחקן א יקבל מספר נקודות ניסיון לפי הנוסחה הבאה:\n",
     "</p>"
    ]
@@ -2130,8 +2123,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כאשר $L_{rival}$ היא הרמה של המת ברובו (שחקן ב), ו־$L_{player}$ היא הרמה של המנצח (שחקן א).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כאשר $L_{rival}$ היא הרמה של המת ברובו (שחקן ב), ו־$L_{player}$ היא הרמה של המנצח (שחקן א).<br/>\n",
     "    אם השחקן מת לחלוטין ולא רק מת ברובו, השחקן שניצח אותו מקבל פי 2 נקודות ניסיון.\n",
     "</p>"
    ]
@@ -2140,7 +2133,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מספר נקודות הניסיון שיש להשיג בסך הכול כדי להגיע לרמה $L$ הוא:\n",
     "</p>"
    ]
@@ -2156,14 +2149,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מתחילים לשחק</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מתחילים לשחק</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו סימולציית קרב:\n",
     "</p>"
    ]
@@ -2172,13 +2165,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>צרו זירה שיכולה להכיל עד 4 משתתפים, וצרפו אליה מספר כזה של שחקנים. התחילו את הקרב.</li>\n",
-    "    <li>התורות במשחק עוברים משחקן אחד לשני, כך שבכל סיבוב כל אחד מהשחקנים החיים משחק פעם אחת.</li>\n",
-    "    <li>אם השחקן מת ברובו – הוא יעשה <var>revive</var> כשיגיע תורו, ויתקוף מייד אחר כך. החייאה לא עולה תור.</li>\n",
-    "    <li>כל שחקן יכול למות ברובו עד פעמיים – ובפעם השלישית שהוא מת הוא נחשב מת לחלוטין.</li>\n",
-    "    <li>אם השחקן מת לחלוטין, פעולת <var>revive</var> על השחקן תחזיר <samp>False</samp>, תורות לא יעברו אליו ושחקנים לא יתקיפו אותו.</li>\n",
-    "    <li>כאשר נשאר בזירה רק שחקן חי אחד – הוא מוכתר כמנצח של הזירה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>צרו זירה שיכולה להכיל עד 4 משתתפים, וצרפו אליה מספר כזה של שחקנים. התחילו את הקרב.</li>\n",
+    "<li>התורות במשחק עוברים משחקן אחד לשני, כך שבכל סיבוב כל אחד מהשחקנים החיים משחק פעם אחת.</li>\n",
+    "<li>אם השחקן מת ברובו – הוא יעשה <var>revive</var> כשיגיע תורו, ויתקוף מייד אחר כך. החייאה לא עולה תור.</li>\n",
+    "<li>כל שחקן יכול למות ברובו עד פעמיים – ובפעם השלישית שהוא מת הוא נחשב מת לחלוטין.</li>\n",
+    "<li>אם השחקן מת לחלוטין, פעולת <var>revive</var> על השחקן תחזיר <samp>False</samp>, תורות לא יעברו אליו ושחקנים לא יתקיפו אותו.</li>\n",
+    "<li>כאשר נשאר בזירה רק שחקן חי אחד – הוא מוכתר כמנצח של הזירה.</li>\n",
     "</ul>"
    ]
   },
@@ -2186,8 +2179,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרגישו נוח להוסיף רכיבים לכל אחת מהמחלקות שלכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרגישו נוח להוסיף רכיבים לכל אחת מהמחלקות שלכם.<br/>\n",
     "    תכנון נכון של המחלקות יאפשר לכם לצלוח את התרגיל בקלות רבה יותר.\n",
     "</p>"
    ]
diff --git a/week7/4_Summary.ipynb b/week7/4_Summary.ipynb
index 9845aa1..aea16af 100644
--- a/week7/4_Summary.ipynb
+++ b/week7/4_Summary.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right; clear: both;\"> תרגילים </span> "
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\"> תרגילים </span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אין לזה צורה</span> "
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אין לזה צורה</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בתרגיל זה נממש טיפוס חדש מסוג <var dir=\"ltr\">Rectangle</var>, הבנוי משתי נקודות:\n",
     "</p>"
    ]
@@ -34,9 +34,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>נקודה הממוקמת בחלק השמאלי עליון של המלבן (נקודת ההתחלה <var dir=\"ltr\">start_point</var>).</li>\n",
-    "    <li>נקודה הממוקמת בחלק הימני תחתון של המלבן (נקודת הסיום <var dir=\"ltr\">end_point</var>).</li> \n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>נקודה הממוקמת בחלק השמאלי עליון של המלבן (נקודת ההתחלה <var dir=\"ltr\">start_point</var>).</li>\n",
+    "<li>נקודה הממוקמת בחלק הימני תחתון של המלבן (נקודת הסיום <var dir=\"ltr\">end_point</var>).</li>\n",
     "</ul>"
    ]
   },
@@ -44,17 +44,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פעולות המלבן הן:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>get_surface</var> – מחזירה את שטח המלבן.</li>\n",
-    "    <li><var>get_perimeter</var> – מחזירה את היקף המלבן.</li>\n",
-    "    <li><var>randomize_start_point</var> – מגרילה שני מספרים בין 1 ל־100 וקובעת אותם כ־x וכ־y של הנקודה השמאלית העליונה.</li>\n",
-    "    <li><var>randomize_end_point</var> – מגרילה שני מספרים בין 1 ל־100 וקובעת אותם כ־x וכ־y של הנקודה הימנית התחתונה.</li>\n",
-    "    <li><var>filter_by_size</var> – מקבלת רשימת מלבנים ושטח מינימלי של מלבן (<var>threshold</var>). מחזירה את רשימת כל המלבנים ששטחם הוא לפחות <var>threshold</var>.</li>\n",
-    "    <li><var>filter_by_perimeter</var> – מקבלת רשימת מלבנים והיקף מינימלי של מלבן (<var>threshold</var>). מחזירה את רשימת כל המלבנים שהיקפם הוא לפחות <var>threshold</var>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>get_surface</var> – מחזירה את שטח המלבן.</li>\n",
+    "<li><var>get_perimeter</var> – מחזירה את היקף המלבן.</li>\n",
+    "<li><var>randomize_start_point</var> – מגרילה שני מספרים בין 1 ל־100 וקובעת אותם כ־x וכ־y של הנקודה השמאלית העליונה.</li>\n",
+    "<li><var>randomize_end_point</var> – מגרילה שני מספרים בין 1 ל־100 וקובעת אותם כ־x וכ־y של הנקודה הימנית התחתונה.</li>\n",
+    "<li><var>filter_by_size</var> – מקבלת רשימת מלבנים ושטח מינימלי של מלבן (<var>threshold</var>). מחזירה את רשימת כל המלבנים ששטחם הוא לפחות <var>threshold</var>.</li>\n",
+    "<li><var>filter_by_perimeter</var> – מקבלת רשימת מלבנים והיקף מינימלי של מלבן (<var>threshold</var>). מחזירה את רשימת כל המלבנים שהיקפם הוא לפחות <var>threshold</var>.</li>\n",
     "</ul>"
    ]
   },
@@ -62,10 +61,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הדפסת מופע של המלבן צריכה להיראות כך:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הדפסת מופע של המלבן צריכה להיראות כך:<br/>\n",
     "</p>\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
     "<samp dir=\"ltr\">### Rectangle ###\n",
     "My Width: 10\n",
     "My Height: 10\n",
@@ -79,9 +78,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוסף על הפעולות שהוזכרו מעלה, כתבו פעולה של המחלקה בשם <var>rand_rects</var> המגרילה מספר בין 1 ל־50.<br>\n",
-    "    צרו רשימה המכילה מספר מלבנים בהתאם למספר שהוגרל, ועבור כל מלבן הגרילו נקודות על ידי שימוש בפעולות המתאימות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוסף על הפעולות שהוזכרו מעלה, כתבו פעולה של המחלקה בשם <var>rand_rects</var> המגרילה מספר בין 1 ל־50.<br/>\n",
+    "    צרו רשימה המכילה מספר מלבנים בהתאם למספר שהוגרל, ועבור כל מלבן הגרילו נקודות על ידי שימוש בפעולות המתאימות.<br/>\n",
     "    את כל הצורות הנ\"ל הכניסו לרשימה, והדפיסו את כל הצורות ששטחן גדול מ־900 והיקפן גדול מ־30.</p>"
    ]
   },
@@ -89,29 +88,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חנות הקומדי</span> "
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חנות הקומדי</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">בחנות הקומדי יש פריטים (<var>items</var>), ולכל פריט יש מחיר המופיע במחירון שהחנות מחזיקה.<br>\n",
-    "    החנות מחזיקה מלאי מכל מוצר, שחלקו מוצב על המדפים וחלקו במחסן.<br>\n",
-    "    לחנות יש יתרת מזומנים (<var>balance</var>) שמתעדכנת בהתאם לקניות של הלקוחות ובהתאם לרכש שהחנות מבצעת עבור המלאי.<br>\n",
-    "    כתבו מחלקה המייצגת את החנות ובה המתודות הבאות:<br>\n",
-    "    <ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        <li><var>checkout</var> – מקבלת רשימת פריטים לרכישה המיוצגים על ידי מחרוזות, ומחזירה את הסכום לתשלום.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">בחנות הקומדי יש פריטים (<var>items</var>), ולכל פריט יש מחיר המופיע במחירון שהחנות מחזיקה.<br/>\n",
+    "    החנות מחזיקה מלאי מכל מוצר, שחלקו מוצב על המדפים וחלקו במחסן.<br/>\n",
+    "    לחנות יש יתרת מזומנים (<var>balance</var>) שמתעדכנת בהתאם לקניות של הלקוחות ובהתאם לרכש שהחנות מבצעת עבור המלאי.<br/>\n",
+    "    כתבו מחלקה המייצגת את החנות ובה המתודות הבאות:<br/>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>checkout</var> – מקבלת רשימת פריטים לרכישה המיוצגים על ידי מחרוזות, ומחזירה את הסכום לתשלום.<br/>\n",
     "            החנות לא מאפשרת מכירה של פריטים שלא נמצאים ברשימת הפריטים בחנות.</li>\n",
-    "        <li><var>purchase</var> - מקבלת רשימת פריטים לרכישה וסכום כסף מהלקוח. מבצעת את הקנייה (מעדכנת מלאים ויתרה).<br>\n",
+    "<li><var>purchase</var> - מקבלת רשימת פריטים לרכישה וסכום כסף מהלקוח. מבצעת את הקנייה (מעדכנת מלאים ויתרה).<br/>\n",
     "            שימו לב שאפשר לרכוש רק אם הפריטים נמצאים במלאי על המדפים. הפעולה תחזיר עודף ללקוח במידת הצורך, ולא תבצע את הקנייה אם התשלום לא מספיק.</li>\n",
-    "        <li><var>refill</var> – מעדכנת את המלאי במדפים מתוך המלאי במחסן. החנות יכולה להחזיק על המדף לכל היותר 10 פריטים מכל סוג.</li>\n",
-    "        <li><var>restock</var> – מבצעת קנייה של סחורה מהספק. מחיר הרכישה של כל פריט מהספק הוא חצי מהמחיר ללקוח.<br>\n",
+    "<li><var>refill</var> – מעדכנת את המלאי במדפים מתוך המלאי במחסן. החנות יכולה להחזיק על המדף לכל היותר 10 פריטים מכל סוג.</li>\n",
+    "<li><var>restock</var> – מבצעת קנייה של סחורה מהספק. מחיר הרכישה של כל פריט מהספק הוא חצי מהמחיר ללקוח.<br/>\n",
     "            הפעולה תעדכן את המלאי במחסן ותחסיר את סכום הכסף המתאים מיתרת המזומנים של החנות.</li>\n",
-    "        <li><var>end_of_day</var> – מבצעת סגירת קופה.<br>\n",
-    "            מוודאת שהחשבון הנוכחי תואם לכל ההכנסות וההוצאות שהיו ב־12 השעות האחרונות ותואם את שווי המלאים, כדי לוודא שלא נגנבו פריטים.<br>\n",
+    "<li><var>end_of_day</var> – מבצעת סגירת קופה.<br/>\n",
+    "            מוודאת שהחשבון הנוכחי תואם לכל ההכנסות וההוצאות שהיו ב־12 השעות האחרונות ותואם את שווי המלאים, כדי לוודא שלא נגנבו פריטים.<br/>\n",
     "            הפעולה תדפיס דוח של כל התנועות שבוצעו לאורך התקופה – הוצאות והכנסות, הן של מלאי והן של כסף.</li>\n",
-    "    </ul>\n",
+    "</ul>\n",
     "</p> "
    ]
   },
@@ -119,14 +118,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מגדל קוביות</span> "
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מגדל קוביות</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "בתרגיל זה נממש שלוש מחלקות: מחלקה של ריבוע, מחלקה של קוביות ומחלקה של מגדל קוביות.</p>"
    ]
   },
@@ -134,17 +133,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ריבוע</span> "
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ריבוע</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו את מחלקת ריבוע, <var dir=\"ltr\">Square</var>.<br>\n",
-    "    פעולת האתחול של המחלקה תקבל פרמטר של אורך, שהוא אורך הצלע של הריבוע.<br>\n",
-    "    כפי שוודאי ידוע לכם, בריבוע כל הצלעות זהות באורכן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו את מחלקת ריבוע, <var dir=\"ltr\">Square</var>.<br/>\n",
+    "    פעולת האתחול של המחלקה תקבל פרמטר של אורך, שהוא אורך הצלע של הריבוע.<br/>\n",
+    "    כפי שוודאי ידוע לכם, בריבוע כל הצלעות זהות באורכן.<br/>\n",
     "    ממשו גם את הפעולות <var>get_surface</var> ו־<var>get_perimeter</var> של שטח והיקף כפי שעשיתם בתרגיל הקודם.\n",
     "</p>"
    ]
@@ -153,15 +152,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">קובייה</span> "
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">קובייה</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "לקובייה יש בסיס (<var>base</var>) שהוא ריבוע, וצבע (<var>color</var>) שהוא צבע הקובייה. הצבע יכול להיות שחור או לבן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "לקובייה יש בסיס (<var>base</var>) שהוא ריבוע, וצבע (<var>color</var>) שהוא צבע הקובייה. הצבע יכול להיות שחור או לבן.<br/>\n",
     "ממשו את מחלקת הקובייה, ודאגו להוסיף לה פעולות לחישוב הנפח (<var>get_volume</var>) ושטח המעטפת (<var>get_surface</var>).</p>"
    ]
   },
@@ -169,10 +168,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הדפסת הקובייה צריכה להיראות כך:\n",
     "</p>\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
     "<samp>Cube: base-10x10 color:black</samp>\n",
     "</p>"
    ]
@@ -181,15 +180,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מגדל הקוביות</span> "
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מגדל הקוביות</span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "מגדל הקוביות שלנו מכיל רשימת קוביות שמהן הוא מורכב. כשנאתחל את מגדל הקוביות הוא תמיד יכיל 0 קוביות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "מגדל הקוביות שלנו מכיל רשימת קוביות שמהן הוא מורכב. כשנאתחל את מגדל הקוביות הוא תמיד יכיל 0 קוביות.<br/>\n",
     "קובייה יכולה להיות מעל קובייה אחרת רק אם הקובייה התחתונה היא בעלת בסיס עם צלע ארוכה יותר, ורק אם צבעה שונה.\n",
     "</p>"
    ]
@@ -198,18 +197,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "הדפסה של מגדל הקוביות תיראה כך:\n",
     "</p>\n",
-    "<p style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
-    "<samp dir=\"ltr\">2-Cube: base-10x10 color:black<br>1-Cube: base-15x15 color:white</samp>\n"
+    "<p dir=\"ltr\" style=\"text-align: left; direction: ltr; float: left; clear: both;\">\n",
+    "<samp dir=\"ltr\">2-Cube: base-10x10 color:black<br/>1-Cube: base-15x15 color:white</samp>\n",
+    "</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו מחלקה בשם <var>CubeTower</var> המייצגת את מגדל הקוביות.\n",
     "</p>"
    ]
@@ -218,8 +218,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הוסיפו למחלקה פעולה בשם <var dir=\"ltr\">add_cube</var> שמקבלת קובייה ומניחה אותה בראש המגדל אם התנאים שהוזכרו מתקיימים,  אחרת לא עושה כלום.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הוסיפו למחלקה פעולה בשם <var dir=\"ltr\">add_cube</var> שמקבלת קובייה ומניחה אותה בראש המגדל אם התנאים שהוזכרו מתקיימים,  אחרת לא עושה כלום.<br/>\n",
     "    אם זו הקובייה הראשונה במגדל אפשר להניח אותה ללא שום תנאי.\n",
     "</p>"
    ]
@@ -228,9 +228,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הוסיפו פעולה נוספת בשם <var dir=\"ltr\">randomize_tower</var> שבוחרת מספר שלם בין 1 ל־100, נקרא לו $N$.<br>\n",
-    "    הפעולה תיצור $N$ קוביות שלהן צלע באורך אקראי (עליכם להגריל אורך בין 1 ל־100), שצבען הוא שחור או לבן (בחרו באקראיות).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הוסיפו פעולה נוספת בשם <var dir=\"ltr\">randomize_tower</var> שבוחרת מספר שלם בין 1 ל־100, נקרא לו $N$.<br/>\n",
+    "    הפעולה תיצור $N$ קוביות שלהן צלע באורך אקראי (עליכם להגריל אורך בין 1 ל־100), שצבען הוא שחור או לבן (בחרו באקראיות).<br/>\n",
     "</p>"
    ]
   },
@@ -238,8 +238,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צרו בלולאה 1,000 מגדלים ומלאו אותם בקוביות באמצעות המתודה המגרילה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צרו בלולאה 1,000 מגדלים ומלאו אותם בקוביות באמצעות המתודה המגרילה.<br/>\n",
     "    מהו המגדל הגבוה ביותר שקיבלתם?\n",
     "</p>"
    ]
@@ -248,22 +248,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">נקמת הסט</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">נקמת הסט</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלק 1</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלק 1</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו משחק סט סטנדרטי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו משחק סט סטנדרטי.<br/>\n",
     "    המשחק יציג למשתמש 12 קלפי סט מתוך חפיסה מעורבבת של 81 קלפים, ויאפשר למשתמש לבחור אילו 3 קלפים מייצגים סט.\n",
     "</p>"
    ]
@@ -272,12 +272,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם בחר המשתמש סט תקין, החליפו את שלושת הקלפים שבחר בקלפים הבאים בחפיסה.<br>\n",
-    "    אם בחר סט שגוי, הדפיסו הודעת שגיאה.<br>\n",
-    "    אם אי אפשר להרכיב סט מהקלפים שנפתחו, החזירו את הקלפים לחפיסה, טרפו אותה ופתחו 12 קלפים חדשים.<br>\n",
-    "    בכל שלב, אם אין בחפיסה די קלפים לפתיחה – פתחו את הקלפים שנותרו בחפיסה.<br>\n",
-    "    השחקן ניצח כאשר אי אפשר ליצור יותר סטים מהקלפים הנמצאים בחפיסה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם בחר המשתמש סט תקין, החליפו את שלושת הקלפים שבחר בקלפים הבאים בחפיסה.<br/>\n",
+    "    אם בחר סט שגוי, הדפיסו הודעת שגיאה.<br/>\n",
+    "    אם אי אפשר להרכיב סט מהקלפים שנפתחו, החזירו את הקלפים לחפיסה, טרפו אותה ופתחו 12 קלפים חדשים.<br/>\n",
+    "    בכל שלב, אם אין בחפיסה די קלפים לפתיחה – פתחו את הקלפים שנותרו בחפיסה.<br/>\n",
+    "    השחקן ניצח כאשר אי אפשר ליצור יותר סטים מהקלפים הנמצאים בחפיסה.<br/>\n",
     "    שימו לב שכאשר נותרו 21 קלפים, בהכרח ישנם 3 קלפים מתוכם שמרכיבים סט.\n",
     "</p>"
    ]
@@ -286,7 +286,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השתמשו במחלקות.\n",
     "</p>"
    ]
@@ -295,19 +295,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלק 2</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>השתמשו בספרייה חיצונית כדי להדפיס למשתמש את הקלפים בצורה צבעונית.</li>\n",
-    "    <li>ממשו מצב \"פרנזי\" שבו יש זמן מוקצב של 3 דקות למציאת כמה שיותר סטים.<br>\n",
-    "        החוקים זהים לחוקים של משחק סט רגיל, רק שהפעם בכל פעם שמוצאים סט, הוא מתווסף חזרה לחפיסה, החפיסה מתערבבת ונפתחים שלושה קלפים חדשים.<br>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>השתמשו בספרייה חיצונית כדי להדפיס למשתמש את הקלפים בצורה צבעונית.</li>\n",
+    "<li>ממשו מצב \"פרנזי\" שבו יש זמן מוקצב של 3 דקות למציאת כמה שיותר סטים.<br/>\n",
+    "        החוקים זהים לחוקים של משחק סט רגיל, רק שהפעם בכל פעם שמוצאים סט, הוא מתווסף חזרה לחפיסה, החפיסה מתערבבת ונפתחים שלושה קלפים חדשים.<br/>\n",
     "        מציאה של סט מוסיפה 5 שניות לשעון.</li>\n",
-    "    <li>ממשו לוח ניקוד עבור מצב הפרנזי. השתמשו בקבצים כדי לשמור את שם המשתתף, הניקוד שלו והתאריך שבו הוא השיג את הניקוד.</li>\n",
+    "<li>ממשו לוח ניקוד עבור מצב הפרנזי. השתמשו בקבצים כדי לשמור את שם המשתתף, הניקוד שלו והתאריך שבו הוא השיג את הניקוד.</li>\n",
     "</ol>"
    ]
   }
diff --git a/week8/1_Inheritance.ipynb b/week8/1_Inheritance.ipynb
index f3b8b19..62b3ee3 100644
--- a/week8/1_Inheritance.ipynb
+++ b/week8/1_Inheritance.ipynb
@@ -4,28 +4,28 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">ירושה</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ירושה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בשבוע שעבר למדנו מה הן מחלקות, וסקרנו טכניקות שונות הנוגעות לכתיבת קוד בעזרתן.\n",
     "</p>"
    ]
@@ -34,11 +34,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למדנו כיצד ליצור <em>מחלקה</em>, שהיא בעצם תבנית שמתארת את ה<em>תכונות</em> ואת ה<em>פעולות</em> השייכות לכל <em>מופע</em> שנוצר ממנה.<br>\n",
-    "    הסברנו מהי <em>פעולת אתחול</em> (<code>__init__</code>), שרצה מייד עם יצירתו של <em>מופע</em> חדש, ודיברנו על <em>פעולות קסם</em> נוספות.<br>\n",
-    "    ראינו כיצד מגדירים <em>משתני מחלקה</em>, כאלו שמשותפים לכל המופעים,<br>\n",
-    "    ודיברנו גם על <em>תכונות ופעולות פרטיות ומוגנות</em>, טכניקה שמאפשרת לנו להחליט אילו תכונות ופעולות אנחנו חושפים למשתמשים שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למדנו כיצד ליצור <em>מחלקה</em>, שהיא בעצם תבנית שמתארת את ה<em>תכונות</em> ואת ה<em>פעולות</em> השייכות לכל <em>מופע</em> שנוצר ממנה.<br/>\n",
+    "    הסברנו מהי <em>פעולת אתחול</em> (<code>__init__</code>), שרצה מייד עם יצירתו של <em>מופע</em> חדש, ודיברנו על <em>פעולות קסם</em> נוספות.<br/>\n",
+    "    ראינו כיצד מגדירים <em>משתני מחלקה</em>, כאלו שמשותפים לכל המופעים,<br/>\n",
+    "    ודיברנו גם על <em>תכונות ופעולות פרטיות ומוגנות</em>, טכניקה שמאפשרת לנו להחליט אילו תכונות ופעולות אנחנו חושפים למשתמשים שלנו.<br/>\n",
     "    לסיום, דיברנו גם על רעיון ה<em>הכלה</em>, שמאפשר לנו להשתמש במופעי מחלקה אחת בתוך מופעים של מחלקה אחרת. \n",
     "</p>"
    ]
@@ -47,7 +47,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השבוע נרחיב את ארגז הכלים שלנו, ונדבר על רעיונות נוספים שקשורים לעולם המחלקות.\n",
     "</p>"
    ]
@@ -56,16 +56,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אתר השירים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אתר השירים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השבוע נתמקד ביצירת אתר השירים החדש והנוצץ \"שירומת\".<br>\n",
-    "    נתחיל בכתיבת מחלקה המייצגת שיר עבור האתר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השבוע נתמקד ביצירת אתר השירים החדש והנוצץ \"שירומת\".<br/>\n",
+    "    נתחיל בכתיבת מחלקה המייצגת שיר עבור האתר.<br/>\n",
     "</p>"
    ]
   },
@@ -73,11 +73,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לכל שיר יש שם, מילים ורשימת יוצרים.<br>\n",
-    "    כדי לנהל את רשימת היוצרים, צרו את הפעולות <var>add_artist</var> ו־<var>remove_artist</var> שיוסיפו ויסירו אומנים בהתאמה.<br>\n",
-    "    לשיר תהיה גם פעולה שנקראת <var>count_words</var> שתחזיר את מספר המילים בשיר.<br>\n",
-    "    כמו כן, לכל שיר יהיה מונה שיספור כמה פעמים הוא הודפס.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לכל שיר יש שם, מילים ורשימת יוצרים.<br/>\n",
+    "    כדי לנהל את רשימת היוצרים, צרו את הפעולות <var>add_artist</var> ו־<var>remove_artist</var> שיוסיפו ויסירו אומנים בהתאמה.<br/>\n",
+    "    לשיר תהיה גם פעולה שנקראת <var>count_words</var> שתחזיר את מספר המילים בשיר.<br/>\n",
+    "    כמו כן, לכל שיר יהיה מונה שיספור כמה פעמים הוא הודפס.<br/>\n",
     "</p>"
    ]
   },
@@ -85,7 +85,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הדפסת שיר תיראה כך:\n",
     "</p>"
    ]
@@ -114,21 +114,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            נסו לממש את מחלקת השיר בעצמכם. \n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -136,7 +136,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נציג את הפתרון, ונסביר את המימוש מייד לאחר מכן:\n",
     "</p>"
    ]
@@ -244,9 +244,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פעולת ה־<code dir=\"ltr\">__init__</code> של המחלקה <code>Song</code> מגדירה את השם ואת הליריקה של השיר.<br>\n",
-    "    היא גם מאתחלת את מספר הצפיות בשיר ל־0, ויוצרת את רשימת האומנים של השיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פעולת ה־<code dir=\"ltr\">__init__</code> של המחלקה <code>Song</code> מגדירה את השם ואת הליריקה של השיר.<br/>\n",
+    "    היא גם מאתחלת את מספר הצפיות בשיר ל־0, ויוצרת את רשימת האומנים של השיר.<br/>\n",
     "</p>"
    ]
   },
@@ -254,9 +254,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי להקל על המשתמש במחלקה, אפשרנו להעביר את שמות האומנים כרשימה, כמחרוזת מופרדת בפסיקים, או לא להכניס אומנים כלל.<br>\n",
-    "    עיבוד השמות לכדי צורה אחידה, רשימה של מחרוזות, יתבצע בפעולה <code dir=\"ltr\">_reformat_artists</code>, שתחליט כיצד לפעול לפי סוג המשתנה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי להקל על המשתמש במחלקה, אפשרנו להעביר את שמות האומנים כרשימה, כמחרוזת מופרדת בפסיקים, או לא להכניס אומנים כלל.<br/>\n",
+    "    עיבוד השמות לכדי צורה אחידה, רשימה של מחרוזות, יתבצע בפעולה <code dir=\"ltr\">_reformat_artists</code>, שתחליט כיצד לפעול לפי סוג המשתנה:<br/>\n",
     "    אם הועברה לפרמטר האומנים מחרוזת, נשלח אותה ל־<code dir=\"ltr\">_listify_artists_from_string</code> שתיצור מהם רשימה. אם הועבר <code>None</code>, נחזיר רשימה ריקה.\n",
     "</p>"
    ]
@@ -265,8 +265,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפעולה <var>count_words</var> מפצלת את מילות השיר לרשימה, ומחזירה את מספר האיברים ברשימה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפעולה <var>count_words</var> מפצלת את מילות השיר לרשימה, ומחזירה את מספר האיברים ברשימה.<br/>\n",
     "</p>"
    ]
   },
@@ -274,7 +274,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בקריאה ל־<code>__str__</code> אנחנו מגדילים את ערכה של התכונה <var dir=\"ltr\">_views</var> ב־1. כך נספור את הפעמים שביקשו להדפיס שיר. \n",
     "</p>"
    ]
@@ -283,15 +283,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אקרוסטיכון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אקרוסטיכון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אקרוסטיכון, כזכור לנו משבועות קודמים, הוא שיר ששרשור האות הראשונה של כל שורה בו יוצר ביטוי קריא.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אקרוסטיכון, כזכור לנו משבועות קודמים, הוא שיר ששרשור האות הראשונה של כל שורה בו יוצר ביטוי קריא.<br/> \n",
     "    כחלק מהטכנולוגיה המשוכללת של \"שירומת\", נרצה ליצור מחלקה שמייצגת אקרוסטיכון.\n",
     "</p>"
    ]
@@ -300,10 +300,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כשחושבים על זה, אקרוסטיכון הוא סוג של שיר, כך שתכונות המחלקה ופעולות המחלקה אמורות להיות זהות לאלו של <var>Song</var>.<br>\n",
-    "    למעשה, בבואנו לבנות את מחלקת האקרוסטיכון <var>Acrostic</var> נגלה במהרה שהיא העתק מדויק כמעט של מחלקת <var>Song</var> שכבר כתבנו.<br>\n",
-    "    חסרה לנו רק הפעולה <var>get_acrostic</var>, נניח, שתחזיר לנו את האקרוסטיכון שנמצא בשיר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כשחושבים על זה, אקרוסטיכון הוא סוג של שיר, כך שתכונות המחלקה ופעולות המחלקה אמורות להיות זהות לאלו של <var>Song</var>.<br/>\n",
+    "    למעשה, בבואנו לבנות את מחלקת האקרוסטיכון <var>Acrostic</var> נגלה במהרה שהיא העתק מדויק כמעט של מחלקת <var>Song</var> שכבר כתבנו.<br/>\n",
+    "    חסרה לנו רק הפעולה <var>get_acrostic</var>, נניח, שתחזיר לנו את האקרוסטיכון שנמצא בשיר.<br/>\n",
     "    בהינתן המצב הזה, איך יהיה נכון לכתוב את מחלקת אקרוסטיכון?\n",
     "</p>"
    ]
@@ -312,11 +312,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפתרון הראשון שקופץ לראש הוא פשוט להוסיף למחלקה <var>Song</var> את הפעולה \"<var>get_acrostic</var>\".<br>\n",
-    "    זה, כמובן, לא מתאים כל כך.<br>\n",
-    "    ברוב השירים אין אקרוסטיכון, והפעולה הזו לא מתאימה להם ולא שייכת למחלקה הכללית יותר, <var>Song</var>.<br>\n",
-    "    הוספת הפעולה למחלקה <var>Song</var> גם תיצור עומס מיותר במחלקה – מה יקרה כשנרצה לתמוך בחמשירים? או בשירים מעגליים?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפתרון הראשון שקופץ לראש הוא פשוט להוסיף למחלקה <var>Song</var> את הפעולה \"<var>get_acrostic</var>\".<br/>\n",
+    "    זה, כמובן, לא מתאים כל כך.<br/>\n",
+    "    ברוב השירים אין אקרוסטיכון, והפעולה הזו לא מתאימה להם ולא שייכת למחלקה הכללית יותר, <var>Song</var>.<br/>\n",
+    "    הוספת הפעולה למחלקה <var>Song</var> גם תיצור עומס מיותר במחלקה – מה יקרה כשנרצה לתמוך בחמשירים? או בשירים מעגליים?<br/>\n",
     "    עד מהרה כל מופע יכלול פעולות רבות שלא קשורות אליו, והשימוש במחלקה יהפוך מסורבל מאוד.\n",
     "</p>"
    ]
@@ -325,11 +325,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפתרון השני, אם כך, הוא להעתיק את הקוד של מחלקת <var>Song</var> וליצור מחלקה כמעט זהה בשם <var>Acrostic</var>.<br>\n",
-    "    במחלקה יהיו בדיוק כל התכונות והפעולות שנמצאות תחת <var>Song</var>, וכן את הפעולה \"<var>get_acrostic</var>\".<br>\n",
-    "    במקרה הזה מדובר בשכפול קוד – כך שנראה שאף פתרון זה אינו מושלם.<br>\n",
-    "    בכל פעם שנרצה לשנות משהו במחלקה <var>Song</var> נצטרך לשנות את שתי המחלקות,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפתרון השני, אם כך, הוא להעתיק את הקוד של מחלקת <var>Song</var> וליצור מחלקה כמעט זהה בשם <var>Acrostic</var>.<br/>\n",
+    "    במחלקה יהיו בדיוק כל התכונות והפעולות שנמצאות תחת <var>Song</var>, וכן את הפעולה \"<var>get_acrostic</var>\".<br/>\n",
+    "    במקרה הזה מדובר בשכפול קוד – כך שנראה שאף פתרון זה אינו מושלם.<br/>\n",
+    "    בכל פעם שנרצה לשנות משהו במחלקה <var>Song</var> נצטרך לשנות את שתי המחלקות,<br/>\n",
     "    ועד מהרה פעולת התחזוקה של הקוד הכפול תהפוך להיות מפרכת, לא נעימה ומקור לבאגים נוראיים.\n",
     "</p>"
    ]
@@ -338,8 +338,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נסכם: אנחנו מחפשים מנגנון או טכניקה שיאפשרו לנו לשכפל את התכונות והפעולות של מחלקה אחת למחלקה אחרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נסכם: אנחנו מחפשים מנגנון או טכניקה שיאפשרו לנו לשכפל את התכונות והפעולות של מחלקה אחת למחלקה אחרת.<br/>\n",
     "    השכפול צריך להשאיר את המחלקה המקורית עובדת ועצמאית, וליצור מחלקה חדשה עם תכונות ופעולות שזהות לאלו של המחלקה המקורית.\n",
     "</p>"
    ]
@@ -348,16 +348,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הטכניקה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הטכניקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפתרון לבעיה שתיארנו בהקדמה נקרא \"<dfn>ירושה</dfn>\".<br>\n",
-    "    נגדיר מחלקת <var>Acrostic</var> ריקה, שיורשת ממחלקת <var>Song</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפתרון לבעיה שתיארנו בהקדמה נקרא \"<dfn>ירושה</dfn>\".<br/>\n",
+    "    נגדיר מחלקת <var>Acrostic</var> ריקה, שיורשת ממחלקת <var>Song</var>.<br/>\n",
     "    כשאנחנו אומרים דבר כזה, אנחנו מתכוונים שהמחלקה הריקה <var>Acrostic</var> תקבל את כל התכונות והפעולות שנמצאות בתוך מחלקת <var>Song</var>.\n",
     "</p>"
    ]
@@ -366,15 +366,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">התחביר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">התחביר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התחביר של ירושה הוא פשוט:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התחביר של ירושה הוא פשוט:<br/>\n",
     "    בסוף השורה שבה אנחנו מגדירים את המחלקה וקובעים את שמה, נוסיף סוגריים שבהם נציין את שם המחלקה שממנה אנחנו רוצים לרשת.\n",
     "</p>"
    ]
@@ -393,9 +393,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    וכמו קסם, בעזרת שורה אחת פשוטה שכפלנו את התכונות והפעולות של מחלקת <var>Song</var>.<br>\n",
-    "    ניצור מופע חדש של אקרוסטיכון בדיוק באותה הצורה שבה יצרנו מופע של שיר, רק שהפעם נשתמש במחלקת <var>Acrostic</var> במקום במחלקת <var>Song</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    וכמו קסם, בעזרת שורה אחת פשוטה שכפלנו את התכונות והפעולות של מחלקת <var>Song</var>.<br/>\n",
+    "    ניצור מופע חדש של אקרוסטיכון בדיוק באותה הצורה שבה יצרנו מופע של שיר, רק שהפעם נשתמש במחלקת <var>Acrostic</var> במקום במחלקת <var>Song</var>.<br/>\n",
     "    זה אפשרי כיוון ש־<var>Acrostic</var> ירשה את פעולת <code>__init__</code> של <var>Song</var>. \n",
     "</p>"
    ]
@@ -446,9 +446,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה שלמעלה ראינו כיצד יוצרים מופע חדש של שיר בעזרת המחלקה <var>Acrostic</var>.<br>\n",
-    "    כשמחלקה יורשת ממחלקה אחרת, אפשר להתייחס למחלקה היורשת כאילו כל התכונות של <dfn>מחלקת־העל</dfn> (<dfn>superclass</dfn>), המחלקה שממנה היא יורשת, הועתקו אליה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה שלמעלה ראינו כיצד יוצרים מופע חדש של שיר בעזרת המחלקה <var>Acrostic</var>.<br/>\n",
+    "    כשמחלקה יורשת ממחלקה אחרת, אפשר להתייחס למחלקה היורשת כאילו כל התכונות של <dfn>מחלקת־העל</dfn> (<dfn>superclass</dfn>), המחלקה שממנה היא יורשת, הועתקו אליה.<br/>\n",
     "</p>"
    ]
   },
@@ -457,8 +457,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/inheritance.svg?v=3\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש שתי תיבות. השמאלית עם הכותרת Song, ובה התכונות והפעולות השייכות למחלקה. אליה יוצא חץ מהתיבה הימנית, עם הכותרת Acrostic, ובה מופיעות אותן תכונות ופעולות בצבע אפור (כדי להמחיש שהן נלקחות מתוך המחלקה Song).\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">המחלקה <var>Acrostic</var> יורשת מהמחלקה <var>Song</var>.<br>פנייה לפעולה או לתכונה של המחלקה <var>Acrostic</var> הריקה, תפנה את הבקשה למחלקת־העל <var>Song</var> שממנה <var>Acrostic</var> יורשת.</figcaption>\n",
+    "<img alt=\"בתמונה יש שתי תיבות. השמאלית עם הכותרת Song, ובה התכונות והפעולות השייכות למחלקה. אליה יוצא חץ מהתיבה הימנית, עם הכותרת Acrostic, ובה מופיעות אותן תכונות ופעולות בצבע אפור (כדי להמחיש שהן נלקחות מתוך המחלקה Song).\" src=\"images/inheritance.svg?v=3\" style=\"max-width: 500px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">המחלקה <var>Acrostic</var> יורשת מהמחלקה <var>Song</var>.<br/>פנייה לפעולה או לתכונה של המחלקה <var>Acrostic</var> הריקה, תפנה את הבקשה למחלקת־העל <var>Song</var> שממנה <var>Acrostic</var> יורשת.</figcaption>\n",
     "</figure>"
    ]
   },
@@ -466,8 +466,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיוון ש־<var>Acrostic</var> ירשה את כל הפעולות ממחלקת־העל שלה, <var>Song</var>, ובהן גם את הפעולה <code dir=\"ltr\">__init__</code>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיוון ש־<var>Acrostic</var> ירשה את כל הפעולות ממחלקת־העל שלה, <var>Song</var>, ובהן גם את הפעולה <code dir=\"ltr\">__init__</code>,<br/>\n",
     "    יצירת מופע חדש באמצעות קריאה ל־<var>Acrostic</var> קוראת למעשה לפעולה <code dir=\"ltr\">Song.__init__</code>.\n",
     "</p>"
    ]
@@ -476,7 +476,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    פייתון לא מסתפקת בזה, ומעתיקה עבורנו גם את התיעוד של מחלקת־העל ושל הפעולות שבה:\n",
     "</p>"
    ]
@@ -494,9 +494,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ירושה מאפשרת לנו להוסיף בקלות פעולות ל־<var>Acrostic</var>, מעבר לאלו שהיא ירשה ממחלקת <var>Song</var>.<br>\n",
-    "    כדי לעשות זאת, פשוט נגדיר את הפעולה הרלוונטית במחלקה היורשת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ירושה מאפשרת לנו להוסיף בקלות פעולות ל־<var>Acrostic</var>, מעבר לאלו שהיא ירשה ממחלקת <var>Song</var>.<br/>\n",
+    "    כדי לעשות זאת, פשוט נגדיר את הפעולה הרלוונטית במחלקה היורשת.<br/>\n",
     "    נממש את הפעולה שלשמה התחלנו את כל העניין, <var>get_acrostic</var>, שתשרשר את האות הראשונה מכל שורה בשיר:\n",
     "</p>"
    ]
@@ -518,7 +518,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הפעולה <var>get_acrostic</var> אוספת את האות הראשונה מכל שורה, אם קיימת כזו, ומאחדת את כל האותיות שנאספו למחרוזת אחת:\n",
     "</p>"
    ]
@@ -537,7 +537,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב - אומנם הפעולה קיימת במחלקה <var>Acrostic</var>, אך אין זה אומר שהיא קיימת במחלקה <var>Song</var>:\n",
     "</p>"
    ]
@@ -556,7 +556,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לראות שפייתון מבינה שמופע שנוצר מ־<var>Acrostic</var> הוא גם <var>Acrostic</var>, אבל הוא גם <var>Song</var>:\n",
     "</p>"
    ]
@@ -576,7 +576,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אבל לא להפך:\n",
     "</p>"
    ]
@@ -596,9 +596,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מכאן שירושה היא חד־כיוונית: המחלקה היורשת מקבלת את כל התכונות והפעולות של מחלקת־העל, אבל לא להפך.<br>\n",
-    "    אם מחלקה א יורשת ממחלקה ב, מופע שנוצר ממחלקה א יכול להשתמש בתכונות ובפעולות שמוגדרות במחלקה ב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מכאן שירושה היא חד־כיוונית: המחלקה היורשת מקבלת את כל התכונות והפעולות של מחלקת־העל, אבל לא להפך.<br/>\n",
+    "    אם מחלקה א יורשת ממחלקה ב, מופע שנוצר ממחלקה א יכול להשתמש בתכונות ובפעולות שמוגדרות במחלקה ב.<br/>\n",
     "    למרות זאת, במקרה שכזה, מופע שנוצר ממחלקה ב לא יוכל להשתמש בתכונות ובפעולות שמוגדרות במחלקה א.\n",
     "</p>"
    ]
@@ -607,7 +607,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כשמשתמשים בירושה, נהוג שתת־המחלקה היורשת יכולה לגשת ולשנות גם תכונות פרטיות של מחלקת־העל שאותה היא יורשת.\n",
     "</p>"
    ]
@@ -616,14 +616,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: ססטי... מה?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: ססטי... מה?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לפי <a href=\"https://he.wikipedia.org/wiki/%D7%A1%D7%A1%D7%98%D7%99%D7%A0%D7%94\">ויקיפדיה</a>, ססטינה הוא שיר בעל מבנה נוקשה שמציית לכללים הבאים:\n",
     "</p>"
    ]
@@ -632,10 +632,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בססטינה יש 39 שורות: שישה בתים של שש שורות כל אחד, ולבסוף בית של שלוש שורות.</li>\n",
-    "    <li>המילה האחרונה בכל שורה בבית הראשון, מופיעה גם כמילה האחרונה בכל אחת מהשורות מהבתים הבאים אחריה. אם נסמן את שש המילים האחרונות בשש השורות של הבית הראשון באותיות אבגדהו, הרי הסדר שבו יופיעו מילים אלה בבתים הבאים הוא ואהבדג, גודאבה, הגבואד, דהאגוב, בדוהגא.</li>\n",
-    "    <li>שש מילים אלה מופיעות גם בבית האחרון, שבו שלוש שורות. בשורה הראשונה יופיעו המילים בה, בשורה השנייה – דג, ובשורה השלישית – או.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בססטינה יש 39 שורות: שישה בתים של שש שורות כל אחד, ולבסוף בית של שלוש שורות.</li>\n",
+    "<li>המילה האחרונה בכל שורה בבית הראשון, מופיעה גם כמילה האחרונה בכל אחת מהשורות מהבתים הבאים אחריה. אם נסמן את שש המילים האחרונות בשש השורות של הבית הראשון באותיות אבגדהו, הרי הסדר שבו יופיעו מילים אלה בבתים הבאים הוא ואהבדג, גודאבה, הגבואד, דהאגוב, בדוהגא.</li>\n",
+    "<li>שש מילים אלה מופיעות גם בבית האחרון, שבו שלוש שורות. בשורה הראשונה יופיעו המילים בה, בשורה השנייה – דג, ובשורה השלישית – או.</li>\n",
     "</ul>"
    ]
   },
@@ -643,11 +643,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו את המחלקה <var>Sestina</var>.<br>\n",
-    "    המחלקה תכיל את כל התכונות והפעולות של שיר רגיל, נוסף על הפעולה <var>is_valid</var> שתבדוק אם הסטטינה תקינה.<br>\n",
-    "    בבדיקתכם, התעלמו מהחוקים הנוגעים לבית האחרון.<br>\n",
-    "    הפעולה תחזיר <code><samp>True</samp></code> אם כן ו־<code><samp>False</samp></code> אם לא.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו את המחלקה <var>Sestina</var>.<br/>\n",
+    "    המחלקה תכיל את כל התכונות והפעולות של שיר רגיל, נוסף על הפעולה <var>is_valid</var> שתבדוק אם הסטטינה תקינה.<br/>\n",
+    "    בבדיקתכם, התעלמו מהחוקים הנוגעים לבית האחרון.<br/>\n",
+    "    הפעולה תחזיר <code><samp>True</samp></code> אם כן ו־<code><samp>False</samp></code> אם לא.<br/>\n",
     "    בדקו את הפעולה שלכם על \"<a href=\"https://www.firstpost.com/blogs/neil-gaimans-ode-to-vampires-27212.html\">ססטינת ערפד</a>\" של ניל גיימן.\n",
     "</p>"
    ]
@@ -656,15 +656,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דריסה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דריסה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפעמים נרצה לרשת ממחלקה מסוימת, אבל חלק מהפעולות או מהתכונות במחלקת־העל לא יתאימו לצרכים שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפעמים נרצה לרשת ממחלקה מסוימת, אבל חלק מהפעולות או מהתכונות במחלקת־העל לא יתאימו לצרכים שלנו.<br/>\n",
     "    במקרים אלו כן נרצה לרשת ממחלקת־העל את תכונותיה ופעולותיה, אבל נגדיר מחדש תכונות ופעולות שאנחנו רוצים לשנות. \n",
     "</p>"
    ]
@@ -673,9 +673,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניקח כדוגמה את מחלקת <var>Instrumental</var>.<br>\n",
-    "    <dfn>קטע כלי</dfn> (או שיר אינסטרומנטלי) הוא קטע מוזיקלי ללא שירה.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניקח כדוגמה את מחלקת <var>Instrumental</var>.<br/>\n",
+    "<dfn>קטע כלי</dfn> (או שיר אינסטרומנטלי) הוא קטע מוזיקלי ללא שירה.<br/>\n",
     "</p>"
    ]
   },
@@ -693,7 +693,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניצור מתוך המחלקה מופע עבור הקטע של Yiruma, יצירתו המהממת River Flows in You:\n",
     "</p>"
    ]
@@ -712,9 +712,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשלב הזה נגלה שפעולת ה־<code dir=\"ltr\">__str__</code> עושה פחות חסד עם קטעים כליים.<br>\n",
-    "    תעלול נחמד בירושה הוא היכולת לדרוס את הפעולה של מחלקת־העל בתת־מחלקה שיורשת ממנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשלב הזה נגלה שפעולת ה־<code dir=\"ltr\">__str__</code> עושה פחות חסד עם קטעים כליים.<br/>\n",
+    "    תעלול נחמד בירושה הוא היכולת לדרוס את הפעולה של מחלקת־העל בתת־מחלקה שיורשת ממנה.<br/>\n",
     "    בדריסה, אנחנו \"מבטלים\" את הפעולה של מחלקת־העל (היא לא תרוץ), ומחליפים אותה בפעולה חדשה שניצור עבור תת־המחלקה.\n",
     "</p>"
    ]
@@ -723,7 +723,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נדרוס את הפעולה <code dir=\"ltr\">__str__</code> ונממש צורת תצוגה שמתאימה יותר לקטעים כליים:\n",
     "</p>"
    ]
@@ -757,8 +757,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא שלמעלה הגדרנו מחדש את הפעולה <code dir=\"ltr\">__str__</code> שבמחלקה <var>Instrumental</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא שלמעלה הגדרנו מחדש את הפעולה <code dir=\"ltr\">__str__</code> שבמחלקה <var>Instrumental</var>.<br/>\n",
     "    ויתרנו על הצגת מילות השיר (כי אין כאלו) ועל הקווים המפרידים הסמוכים להם.\n",
     "</p>"
    ]
@@ -767,8 +767,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמה נחמד!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמה נחמד!<br/>\n",
     "    עכשיו כשנדפיס את המופע, מי שתיקרא כדי להמיר את המופע למחרוזת היא הפעולה <code dir=\"ltr\">Instrumental.__str__</code> ולא <code dir=\"ltr\">Song.__str__</code>.\n",
     "</p>"
    ]
@@ -777,10 +777,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    איך פייתון מחליטה לאיזו פעולה לקרוא?<br>\n",
-    "    השיטה היא תמיד לחפש תחילה במחלקה שממנה נוצר המופע.<br>\n",
-    "    אם לא מצאנו את הפעולה שם, נעבור לחפש אותה במחלקת־העל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    איך פייתון מחליטה לאיזו פעולה לקרוא?<br/>\n",
+    "    השיטה היא תמיד לחפש תחילה במחלקה שממנה נוצר המופע.<br/>\n",
+    "    אם לא מצאנו את הפעולה שם, נעבור לחפש אותה במחלקת־העל.<br/>\n",
     "</p>"
    ]
   },
@@ -788,8 +788,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    סדר המחלקות שבו נחפש את הפעולה קיבל את השם \"סדר בחירת פעולות\" (Method Resolution Order; או <abbr title=\"Method Resolution Order\">MRO</abbr>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    סדר המחלקות שבו נחפש את הפעולה קיבל את השם \"סדר בחירת פעולות\" (Method Resolution Order; או <abbr title=\"Method Resolution Order\">MRO</abbr>).<br/>\n",
     "    אפשר לראות את סדר בחירת הפעולות של <var>song</var> אם נקרא ל־<code dir=\"ltr\">Instrumental.mro()</code>:\n",
     "</p>"
    ]
@@ -807,7 +807,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    זה אומר שכשאנחנו יוצרים מופע מהמחלקה <var>Instrumental</var>, פייתון תחפש פעולות ותכונות קודם כול אצלה, ורק אז במחלקה <var>Song</var>, הרי היא מחלקת־העל.\n",
     "</p>"
    ]
@@ -816,11 +816,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נשים לב שבראש השרשרת עומדת המחלקה <var>object</var>.<br>\n",
-    "    כשאנחנו מגדירים מחלקה \"רגילה\", ללא ירושה, פייתון אוטומטית מניחה שהיא יורשת ממחלקת <var>object</var>.<br>\n",
-    "    מחלקה זו מגדירה התנהגויות בסיסיות עבור המחלקה שיצרנו.<br>\n",
-    "    לדוגמה: הפעולה <code dir=\"ltr\">__init__</code> שמוגדרת ב־<var>object</var> מאפשרת לנו לאתחל מופעים חדשים מבלי שנגדיר <code dir=\"ltr\">__init__</code> במחלקה שלנו:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נשים לב שבראש השרשרת עומדת המחלקה <var>object</var>.<br/>\n",
+    "    כשאנחנו מגדירים מחלקה \"רגילה\", ללא ירושה, פייתון אוטומטית מניחה שהיא יורשת ממחלקת <var>object</var>.<br/>\n",
+    "    מחלקה זו מגדירה התנהגויות בסיסיות עבור המחלקה שיצרנו.<br/>\n",
+    "    לדוגמה: הפעולה <code dir=\"ltr\">__init__</code> שמוגדרת ב־<var>object</var> מאפשרת לנו לאתחל מופעים חדשים מבלי שנגדיר <code dir=\"ltr\">__init__</code> במחלקה שלנו:<br/>\n",
     "</p>"
    ]
   },
@@ -847,8 +847,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפעולה <code dir=\"ltr\">__str__</code> שמוגדרת ב־<var>object</var> מאפשרת לנו לראות את הייצוג המכוער של אובייקט כשאנחנו מדפיסים אותו,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפעולה <code dir=\"ltr\">__str__</code> שמוגדרת ב־<var>object</var> מאפשרת לנו לראות את הייצוג המכוער של אובייקט כשאנחנו מדפיסים אותו,<br/>\n",
     "    גם בלי לממש את <code dir=\"ltr\">__str__</code> במחלקה שלנו:\n",
     "</p>"
    ]
@@ -866,15 +866,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">super</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">super</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מקום נוסף לשיפור במחלקה <var>Instrumental</var> הוא פעולת ה־<code dir=\"ltr\">__init__</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מקום נוסף לשיפור במחלקה <var>Instrumental</var> הוא פעולת ה־<code dir=\"ltr\">__init__</code>.<br/>\n",
     "    כיוון שלקטעים כליים אין מילים, הפרמטר השני שאנחנו מעבירים לפעולת האתחול (<var>lyrics</var>) הוא מיותר לחלוטין.\n",
     "</p>"
    ]
@@ -893,9 +893,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    היה עדיף לו <code>__init__</code> של המחלקה <var>Instrumental</var> היה קצת שונה מה־<code>__init__</code> של המחלקה <var>Song</var>.<br>\n",
-    "    מה עושים? את הפעולה שהורשה דורסים!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    היה עדיף לו <code>__init__</code> של המחלקה <var>Instrumental</var> היה קצת שונה מה־<code>__init__</code> של המחלקה <var>Song</var>.<br/>\n",
+    "    מה עושים? את הפעולה שהורשה דורסים!<br/>\n",
     "    נגדיר <code dir=\"ltr\">__init__</code> חדש ללא הפרמטר <var>lyrics</var>:\n",
     "</p>"
    ]
@@ -925,9 +925,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה <dfn>דרסנו</dfn> את הפעולה <code dir=\"ltr\">__init__</code>.<br>\n",
-    "    חדי העין מביניכם זיהו שהיא כמעט זהה לפעולת ה־<code dir=\"ltr\">__init__</code> של <var>Song</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה <dfn>דרסנו</dfn> את הפעולה <code dir=\"ltr\">__init__</code>.<br/>\n",
+    "    חדי העין מביניכם זיהו שהיא כמעט זהה לפעולת ה־<code dir=\"ltr\">__init__</code> של <var>Song</var>.<br/>\n",
     "    ההבדלים הם שלא מוגדר בה הפרמטר <var>lyrics</var>, ושתכונת המופע <var>lyrics</var> מוגדרת תמיד למחרוזת ריקה. \n",
     "</p>"
    ]
@@ -936,9 +936,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מצד אחד – השגנו את מה שרצינו. מצד שני – מטרת העל של ירושה הייתה מלכתחילה למנוע שכפול קוד.<br>\n",
-    "    נצמצם את כפילות הקוד בין <code dir=\"ltr\">Instrumental.__init__</code> לבין <code dir=\"ltr\">Song.__init__</code> –<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מצד אחד – השגנו את מה שרצינו. מצד שני – מטרת העל של ירושה הייתה מלכתחילה למנוע שכפול קוד.<br/>\n",
+    "    נצמצם את כפילות הקוד בין <code dir=\"ltr\">Instrumental.__init__</code> לבין <code dir=\"ltr\">Song.__init__</code> –<br/>\n",
     "    במקום להעתיק את השורות שכתובות ב־<code dir=\"ltr\">Song.__init__</code>, נקרא לפעולת האתחול הזו מתוך <code dir=\"ltr\">Instrumental.__init__</code>:\n",
     "</p>"
    ]
@@ -965,8 +965,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה יקרה כעת בעת יצירת מופע חדש של <var>Instrumental</var>?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה יקרה כעת בעת יצירת מופע חדש של <var>Instrumental</var>?<br/>\n",
     "</p>"
    ]
   },
@@ -974,10 +974,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>הפעולה <code dir=\"ltr\">Instrumental.__init__</code> תרוץ.</li>\n",
-    "    <li>בשורה הראשונה של הפעולה, תיקרא הפעולה <code dir=\"ltr\">Song.__init__</code> כאשר מועבר לה הפרמטר <var>self</var> באופן מפורש.</li>\n",
-    "    <li>כשהפעולה <code dir=\"ltr\">Song.__init__</code> תרוץ, השורה <code dir=\"ltr\">self.name = name</code> שנמצאת בתוך הפעולה תתייחס למופע שיצרנו ממחלקת <var>Instrumental</var>.<br>הפעולה מתנהגת כך כיוון שהעברנו לפרמטר <code>self</code> של הפעולה <code dir=\"ltr\">Song.__init__</code> את המופע שיצרנו במחלקת <var>Instrumental</var>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>הפעולה <code dir=\"ltr\">Instrumental.__init__</code> תרוץ.</li>\n",
+    "<li>בשורה הראשונה של הפעולה, תיקרא הפעולה <code dir=\"ltr\">Song.__init__</code> כאשר מועבר לה הפרמטר <var>self</var> באופן מפורש.</li>\n",
+    "<li>כשהפעולה <code dir=\"ltr\">Song.__init__</code> תרוץ, השורה <code dir=\"ltr\">self.name = name</code> שנמצאת בתוך הפעולה תתייחס למופע שיצרנו ממחלקת <var>Instrumental</var>.<br/>הפעולה מתנהגת כך כיוון שהעברנו לפרמטר <code>self</code> של הפעולה <code dir=\"ltr\">Song.__init__</code> את המופע שיצרנו במחלקת <var>Instrumental</var>.</li>\n",
     "</ol>"
    ]
   },
@@ -985,8 +985,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עשינו פה טריק מוזר ואולי קצת מלוכלך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עשינו פה טריק מוזר ואולי קצת מלוכלך.<br/>\n",
     "    פנינו ישירות לפעולת הקסם <code dir=\"ltr\">Song.__init__</code>, ו\"השתלנו\" בה את ה־<var>self</var> שמייצג את המופע הנוכחי.\n",
     "</p>"
    ]
@@ -995,11 +995,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למה עשינו זאת?<br>\n",
-    "    אם נקרא ל־<code dir=\"ltr\">Song()</code>, ייווצר אוטומטית מופע חדש של שיר \"רגיל\", והוא יהיה זה שייכנס לפרמטר <var>self</var> של <code dir=\"ltr\">Song.__init__</code>.<br>\n",
-    "    לעומת זאת, אם נקרא ישירות ל־<code dir=\"ltr\">Song.__init__()</code>, נוכל להעביר את הפרמטר <var>self</var> באופן מפורש, בעצמנו.<br>\n",
-    "    הטריק הזה מאפשר לנו להעביר לתוך הפרמטר <var>self</var> של <code dir=\"ltr\">Song.__init__</code> מופע שיצרנו בעזרת מחלקת <var>Instrumental</var>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למה עשינו זאת?<br/>\n",
+    "    אם נקרא ל־<code dir=\"ltr\">Song()</code>, ייווצר אוטומטית מופע חדש של שיר \"רגיל\", והוא יהיה זה שייכנס לפרמטר <var>self</var> של <code dir=\"ltr\">Song.__init__</code>.<br/>\n",
+    "    לעומת זאת, אם נקרא ישירות ל־<code dir=\"ltr\">Song.__init__()</code>, נוכל להעביר את הפרמטר <var>self</var> באופן מפורש, בעצמנו.<br/>\n",
+    "    הטריק הזה מאפשר לנו להעביר לתוך הפרמטר <var>self</var> של <code dir=\"ltr\">Song.__init__</code> מופע שיצרנו בעזרת מחלקת <var>Instrumental</var>,<br/>\n",
     "    או במילים אחרות – הטריק הזה מאפשר לנו להפעיל את פעולת האתחול של <var>Song</var> עבור המופע שנוצר מ־<var>Instrumental</var>.\n",
     "</p>"
    ]
@@ -1008,8 +1008,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למה זה שימושי?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למה זה שימושי?<br/>\n",
     "    כיוון שאז אנחנו מנצלים את פעולת האתחול של <var>Song</var> שנראית כך:\n",
     "</p>"
    ]
@@ -1031,10 +1031,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באמצעות שורת הקוד שהוספנו ל־<var>Instrumental</var> שקוראת לפעולה הזאת, פעולת האתחול של <var>Song</var>,<br>\n",
-    "    אנחנו חוסכים את שכפול הקוד בתת־המחלקה וגורמים לכך שהפעולה של מחלקת־העל תפעל ותגדיר עבורנו את תכונות המחלקה.<br>\n",
-    "    זו דרך נוחה להגיד לפייתון \"אמנם דרסנו את הפעולה של מחלקת־העל, אבל עדיין נרצה לבצע <em>גם</em> את מה שמחלקת־העל עושה\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באמצעות שורת הקוד שהוספנו ל־<var>Instrumental</var> שקוראת לפעולה הזאת, פעולת האתחול של <var>Song</var>,<br/>\n",
+    "    אנחנו חוסכים את שכפול הקוד בתת־המחלקה וגורמים לכך שהפעולה של מחלקת־העל תפעל ותגדיר עבורנו את תכונות המחלקה.<br/>\n",
+    "    זו דרך נוחה להגיד לפייתון \"אמנם דרסנו את הפעולה של מחלקת־העל, אבל עדיין נרצה לבצע <em>גם</em> את מה שמחלקת־העל עושה\".<br/>\n",
     "</p>"
    ]
   },
@@ -1042,8 +1042,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה עובד כיוון שהעברנו את <var>self</var>, המופע שלנו, לפעולה <code dir=\"ltr\">Song.__init__</code>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה עובד כיוון שהעברנו את <var>self</var>, המופע שלנו, לפעולה <code dir=\"ltr\">Song.__init__</code>,<br/>\n",
     "    מה שיגרור את הגדרתן של <code>self.name</code>, <code>self.lyrics</code>, <code>self._views</code> ו־<code>self._artists</code> עבור המופע שנוצר מ־<var>Instrumental</var>.\n",
     "</p>"
    ]
@@ -1052,9 +1052,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קריאה לפעולה שדרסנו במחלקת־העל היא טריק נפוץ ושימושי מאוד.<br>\n",
-    "    למעשה, נהוג להשתמש בו הרבה גם על פעולות שהן לא <code dir=\"ltr\">__init__</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קריאה לפעולה שדרסנו במחלקת־העל היא טריק נפוץ ושימושי מאוד.<br/>\n",
+    "    למעשה, נהוג להשתמש בו הרבה גם על פעולות שהן לא <code dir=\"ltr\">__init__</code>.<br/>\n",
     "    נוכל להחיל את אותו הטריק גם על <code dir=\"ltr\">__str__</code>, לדוגמה, ולחסוך את ההעלאה של <code dir=\"ltr\">self._views</code> ב־1:\n",
     "</p>"
    ]
@@ -1063,22 +1063,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            ממשו בעצמכם את אותו תעלול עבור <code dir=\"ltr\">__str__</code>.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            ממשו בעצמכם את אותו תעלול עבור <code dir=\"ltr\">__str__</code>.<br/>\n",
     "            הפתרון מופיע בתא שלהלן.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1104,8 +1104,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתא שלמעלה אנחנו רואים איך משתמשים בפעולה של מחלקת־העל,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתא שלמעלה אנחנו רואים איך משתמשים בפעולה של מחלקת־העל,<br/>\n",
     "    אבל עדיין מגדירים <em>גם</em> התנהגות עצמאית משל עצמנו.\n",
     "</p>"
    ]
@@ -1114,9 +1114,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיוון שהטריק הזה נפוץ יחסית, פייתון נותנת בידינו דרך נוחה להתייחס למחלקת־העל, כשהפרמטר הראשון שנעביר לפעולה שבה הוא <var>self</var>.<br>\n",
-    "    במקום לכתוב בכל פעם את הביטוי המתיש <code dir=\"ltr\">Song.__init__(self)</code>, נוכל לכתוב <code dir=\"ltr\">super().__init__()</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיוון שהטריק הזה נפוץ יחסית, פייתון נותנת בידינו דרך נוחה להתייחס למחלקת־העל, כשהפרמטר הראשון שנעביר לפעולה שבה הוא <var>self</var>.<br/>\n",
+    "    במקום לכתוב בכל פעם את הביטוי המתיש <code dir=\"ltr\">Song.__init__(self)</code>, נוכל לכתוב <code dir=\"ltr\">super().__init__()</code>.<br/>\n",
     "    הפונקציה <var>super</var> מאפשרת לנו להעביר את המופע שיצרנו בתת־המחלקה, לתוך פעולה הנמצאת במחלקת־העל.\n",
     "</p>"
    ]
@@ -1154,9 +1154,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חשוב להבין היטב את הרעיון של קריאה לפעולה במחלקת־העל מתוך הפעולה הדורסת בתת־מחלקה.<br>\n",
-    "    הטכניקה הזו מאפשרת לנו למנוע שכפול קוד, ואם בעתיד תשתנה מעט הפעולה במחלקת־העל, תת־המחלקה \"תזכה\" אוטומטית בשינויים האלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חשוב להבין היטב את הרעיון של קריאה לפעולה במחלקת־העל מתוך הפעולה הדורסת בתת־מחלקה.<br/>\n",
+    "    הטכניקה הזו מאפשרת לנו למנוע שכפול קוד, ואם בעתיד תשתנה מעט הפעולה במחלקת־העל, תת־המחלקה \"תזכה\" אוטומטית בשינויים האלו.<br/>\n",
     "</p>"
    ]
   },
@@ -1164,15 +1164,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: דרדסים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: דרדסים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כידוע לכם בכפר הדרדסים יש הרבה דרדסים \"רגילים\", אבל יש גם כמה דרדסים מפורסמים, כמו דרדסבא, דרדסית ודרדשף.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כידוע לכם בכפר הדרדסים יש הרבה דרדסים \"רגילים\", אבל יש גם כמה דרדסים מפורסמים, כמו דרדסבא, דרדסית ודרדשף.<br/>\n",
     "</p>"
    ]
   },
@@ -1180,10 +1180,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לכל דרדס (<var>Smurf</var>) יש את התכונה <var>name</var> שמכילה את שמו, ואת הפעולות <var>eat</var> ו־<var>sleep</var>.<br>\n",
-    "    לדרדס המיוחד \"דרדסאבא\" (<var>PapaSmurf</var>) יש גם את הפעולה <var>give_order</var>, שמקבלת פעולה של דרדס רגיל ומפעילה אותו עליו.<br>\n",
-    "    ל\"דרדסית\" (<var>Smurfette</var>) יש את הפעולה <var>kill_gargamel</var>, שמקבלת כפרמטר מופע שנוצר ממחלקת <var>Gargamel</var> ומשנה את התכונה <var>is_alive</var> שבו ל־<code>False</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לכל דרדס (<var>Smurf</var>) יש את התכונה <var>name</var> שמכילה את שמו, ואת הפעולות <var>eat</var> ו־<var>sleep</var>.<br/>\n",
+    "    לדרדס המיוחד \"דרדסאבא\" (<var>PapaSmurf</var>) יש גם את הפעולה <var>give_order</var>, שמקבלת פעולה של דרדס רגיל ומפעילה אותו עליו.<br/>\n",
+    "    ל\"דרדסית\" (<var>Smurfette</var>) יש את הפעולה <var>kill_gargamel</var>, שמקבלת כפרמטר מופע שנוצר ממחלקת <var>Gargamel</var> ומשנה את התכונה <var>is_alive</var> שבו ל־<code>False</code>.<br/>\n",
     "    ל\"דרדשף\" (<var>ChefSmurf</var>) יש את הפעולה <var>create_food</var>, שמקבלת את שם המנה שהוא מכין וכמה \"חתיכות\" (<var>slices</var>) הוא יצר ממנה. \n",
     "</p>"
    ]
@@ -1192,9 +1192,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דרדסים ישנים 8 שעות בדיוק. דרדס שישן לא יכול לבצע פעולות אחרות אלא אם הוא דרדסבא, שהוא חזק ומהיר והוא דרדס והוא גם חזק.<br>\n",
-    "    דרדס יכול לאכול מזון רק אם <var>ChefSmurf</var> הכין אותו באמצעות הפעולה <var>create_food</var>, ורק אם נשארו עוד \"חתיכות\" מאותה מנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דרדסים ישנים 8 שעות בדיוק. דרדס שישן לא יכול לבצע פעולות אחרות אלא אם הוא דרדסבא, שהוא חזק ומהיר והוא דרדס והוא גם חזק.<br/>\n",
+    "    דרדס יכול לאכול מזון רק אם <var>ChefSmurf</var> הכין אותו באמצעות הפעולה <var>create_food</var>, ורק אם נשארו עוד \"חתיכות\" מאותה מנה.<br/>\n",
     "    הפעולה <var>eat</var> של כל דרדס תקבל רשימה של מנות ותאכל מכולן. הרשימה יכולה להכיל כל מספר איברים שהוא.\n",
     "</p>"
    ]
@@ -1203,15 +1203,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ביקורת על ירושה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ביקורת על ירושה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשנות ה־90 העליזות החלה להישמע ביקורת הולכת וגוברת על רעיון הירושה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשנות ה־90 העליזות החלה להישמע ביקורת הולכת וגוברת על רעיון הירושה.<br/>\n",
     "</p>"
    ]
   },
@@ -1219,10 +1219,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "הביקורת העיקרית היא על כך שירושה יוצרת תלות בין מחלקת־העל לתתי־המחלקות שיורשות ממנה.<br>\n",
-    "כאשר מחלקה יורשת ממחלקה אחרת, כל הפעולות והתכונות של מחלקת־העל נחשפות לתת־המחלקה.<br>\n",
-    "נהוג שבתת־המחלקה אף מותר לשנות תכונות מוגנות של מחלקת־העל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "הביקורת העיקרית היא על כך שירושה יוצרת תלות בין מחלקת־העל לתתי־המחלקות שיורשות ממנה.<br/>\n",
+    "כאשר מחלקה יורשת ממחלקה אחרת, כל הפעולות והתכונות של מחלקת־העל נחשפות לתת־המחלקה.<br/>\n",
+    "נהוג שבתת־המחלקה אף מותר לשנות תכונות מוגנות של מחלקת־העל.<br/>\n",
     "התנהגות זו מובילה לצימוד גבוה מאוד בין מחלקות־העל לתתי־המחלקות, ופוגעת ברעיון הסתרת הנתונים שנמצא בליבת הרעיון של תכנות מונחה עצמים.\n",
     "</p>"
    ]
@@ -1231,9 +1231,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    סוג נוסף של ביקורת שמועברת תדיר על ירושה נוגעת לתסמונת בשם \"מחלקת־העל השברירית\".<br>\n",
-    "    תסמונת זו מדברת על כך שלאחר הירושה, שינוי במחלקת־העל עלול ליצור תקלים בקוד של תתי־המחלקות שיורשות ממנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    סוג נוסף של ביקורת שמועברת תדיר על ירושה נוגעת לתסמונת בשם \"מחלקת־העל השברירית\".<br/>\n",
+    "    תסמונת זו מדברת על כך שלאחר הירושה, שינוי במחלקת־העל עלול ליצור תקלים בקוד של תתי־המחלקות שיורשות ממנה.<br/>\n",
     "    נדון בבעיה זו בהרחבה בהמשך הפרק.\n",
     "</p>"
    ]
@@ -1242,9 +1242,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימוש רב במחלקות ויצירת היררכיית ירושה מורכבת ועמוסה עלולים גם לגרום ל\"בעיית היו־יו\" –<br>\n",
-    "    מתכנת שצריך לעבור על מחלקות בתוכנית רצוא ושוב כדי להבין את המטרה של חלק קטן בקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימוש רב במחלקות ויצירת היררכיית ירושה מורכבת ועמוסה עלולים גם לגרום ל\"בעיית היו־יו\" –<br/>\n",
+    "    מתכנת שצריך לעבור על מחלקות בתוכנית רצוא ושוב כדי להבין את המטרה של חלק קטן בקוד.<br/>\n",
     "    היררכיה עמוסה שכזו גם מקשה על תחזוקת התוכנית וגורמת לניפוי שגיאות להיות קשה יותר במידה ניכרת.\n",
     "</p>"
    ]
@@ -1253,8 +1253,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בספר האלמותי של כנופיית הארבעה, \"תבניות עיצוב\" (Design Patterns), הכותבים מותחים ביקורת נוקבת על הבעיות שירושה עלולה להכניס לקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בספר האלמותי של כנופיית הארבעה, \"תבניות עיצוב\" (Design Patterns), הכותבים מותחים ביקורת נוקבת על הבעיות שירושה עלולה להכניס לקוד.<br/>\n",
     "    הם מציעים לבחור <a href=\"https://en.wikipedia.org/wiki/Composition_over_inheritance\">בהכלה במקום בירושה</a> כשהדבר אפשרי.\n",
     "</p>"
    ]
@@ -1263,16 +1263,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקת העל השברירית</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקת העל השברירית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ירושה גורמת לקוד להיות חשוף לתסמונת \"מחלקת־העל השברירית\".<br>\n",
-    "    התסמונת מתארת בעיה נפוצה בירושה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ירושה גורמת לקוד להיות חשוף לתסמונת \"מחלקת־העל השברירית\".<br/>\n",
+    "    התסמונת מתארת בעיה נפוצה בירושה:<br/>\n",
     "    שינויים במחלקת־העל עלולים לגרור תוצאות בלתי צפויות בתתי־המחלקות שיורשות ממנה, אפילו אם מחלקת העל עובדת באופן מושלם.\n",
     "</p>"
    ]
@@ -1281,8 +1281,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי לקבל מושג איך נראית התסמונת בעולם האמיתי, נראה דוגמה למימוש של אתר הקניות \"מוצרי לכון ובניו\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי לקבל מושג איך נראית התסמונת בעולם האמיתי, נראה דוגמה למימוש של אתר הקניות \"מוצרי לכון ובניו\".<br/>\n",
     "    נגדיר מחלקה פשוטה בשם <var>Clickable</var> שמתארת עצם לחיץ. המחלקה תאפשר לנו לספור כמה פעמים לחצו על מופע מסוים:\n",
     "</p>"
    ]
@@ -1308,9 +1308,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באתר הקניות המדובר ישנו מופע של כפתור שנוצר מהמחלקה <var>CrazyButton</var>.<br>\n",
-    "    המחלקה <var>CrazyButton</var> יורשת מהמחלקה <var>Clickable</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באתר הקניות המדובר ישנו מופע של כפתור שנוצר מהמחלקה <var>CrazyButton</var>.<br/>\n",
+    "    המחלקה <var>CrazyButton</var> יורשת מהמחלקה <var>Clickable</var>.<br/>\n",
     "    המיוחד במחלקת <var>CrazyButton</var> הוא שכל לחיצה נחשבת כלחיצה כפולה:\n",
     "</p>"
    ]
@@ -1341,9 +1341,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יום אחד, הסתכל אחיתופל המתכנת על הקוד. \"רגע! יש פה קוד כפול!\" הוא נזעק,<br>\n",
-    "    \"הפעולה <var>double_click</var> במחלקה <var>Clickcable</var> עושה כמעט את מה שעושה הפעולה <var>click</var>\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יום אחד, הסתכל אחיתופל המתכנת על הקוד. \"רגע! יש פה קוד כפול!\" הוא נזעק,<br/>\n",
+    "    \"הפעולה <var>double_click</var> במחלקה <var>Clickcable</var> עושה כמעט את מה שעושה הפעולה <var>click</var>\".<br/>\n",
     "    אחיתופל ניגש בחופזה לתקן את הקוד, ולהשתמש ב־<var>click</var> פעמיים במקום בערך המפורש 2:\n",
     "</p>"
    ]
@@ -1375,7 +1375,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ואכן, המחלקה <var>Clickable</var> עודנה עובדת מצוין: \n",
     "</p>"
    ]
@@ -1396,7 +1396,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אך מה יקרה אם נרצה להשתמש ב־<var>CrazyButton</var>?\n",
     "</p>"
    ]
@@ -1415,9 +1415,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחיתופל אומנם תיקן את הקוד של המחלקה <var>Clickable</var>, שנראית עכשיו תקינה לחלוטין.<br>\n",
-    "    הבעיה היא שבתת־המחלקה <var>CrazyButton</var> הפעולה <var>click</var> מסתמכת על המימוש של הפעולה <var>double_click</var> שבמחלקת־העל שלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחיתופל אומנם תיקן את הקוד של המחלקה <var>Clickable</var>, שנראית עכשיו תקינה לחלוטין.<br/>\n",
+    "    הבעיה היא שבתת־המחלקה <var>CrazyButton</var> הפעולה <var>click</var> מסתמכת על המימוש של הפעולה <var>double_click</var> שבמחלקת־העל שלה.<br/>\n",
     "    כך נוצרת שרשרת קריאות אין־סופית: בעת קריאה ל־<var>click</var> ב־<var>CrazyButton</var>, נקראת הפעולה <var>double_click</var>, שקוראת בחזרה לפעולה <var>click</var>, וחוזר חלילה.\n",
     "</p>"
    ]
@@ -1426,17 +1426,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אז מתי כן ומתי לא?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אז מתי כן ומתי לא?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בספר Code Complete מוצג כלל אצבע שזכה לאהדה בקרב מתכנתים רבים:<br>\n",
-    "    כשמתארים קשר בין שתי מחלקות בעזרת המילים \"סוג של\" (is a), הקשר התכנותי ביניהן יהיה לרוב ירושה.<br>\n",
-    "    כשמתארים קשר בין שתי מחלקות בעזרת המילה \"יש...\" (has a), הקשר התכנותי ביניהן יהיה לרוב הכלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בספר Code Complete מוצג כלל אצבע שזכה לאהדה בקרב מתכנתים רבים:<br/>\n",
+    "    כשמתארים קשר בין שתי מחלקות בעזרת המילים \"סוג של\" (is a), הקשר התכנותי ביניהן יהיה לרוב ירושה.<br/>\n",
+    "    כשמתארים קשר בין שתי מחלקות בעזרת המילה \"יש...\" (has a), הקשר התכנותי ביניהן יהיה לרוב הכלה.<br/>\n",
     "</p>"
    ]
   },
@@ -1444,9 +1444,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם אנחנו יכולים להגיד \"א הוא סוג של ב\", כאשר מדובר בשמות של מחלקות, ייתכן שנכון להשתמש בירושה.<br>\n",
-    "    לדוגמה: כלב הוא סוג של חיה, ולכן ייתכן שמחלקת <var>Dog</var> תירש ממחלקת <var>Animal</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם אנחנו יכולים להגיד \"א הוא סוג של ב\", כאשר מדובר בשמות של מחלקות, ייתכן שנכון להשתמש בירושה.<br/>\n",
+    "    לדוגמה: כלב הוא סוג של חיה, ולכן ייתכן שמחלקת <var>Dog</var> תירש ממחלקת <var>Animal</var>.<br/>\n",
     "    מכונית היא סוג של רכב, ולכן הגיוני שמחלקת <var>Car</var> תירש ממחלקת <var>Vehicle</var>.\n",
     "</p>"
    ]
@@ -1455,9 +1455,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם אנחנו יכולים להגיד \"אצל א יש ב\", כאשר מדובר בשמות של מחלקות, ייתכן שנכון להשתמש בהכלה.<br>\n",
-    "    לדוגמה: למכונית יש מנוע, ולכן הגיוני שבמחלקה <var>Car</var> תופיע התכונה <var>engine</var>, שהיא מופע שנוצר מהמחלקה <var>Engine</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם אנחנו יכולים להגיד \"אצל א יש ב\", כאשר מדובר בשמות של מחלקות, ייתכן שנכון להשתמש בהכלה.<br/>\n",
+    "    לדוגמה: למכונית יש מנוע, ולכן הגיוני שבמחלקה <var>Car</var> תופיע התכונה <var>engine</var>, שהיא מופע שנוצר מהמחלקה <var>Engine</var>.<br/>\n",
     "    זה עובד על תכונות באופן כללי, ולא רק על קשר של הכלה. לכפתור באתר יש כמה לחיצות, ולכן הגיוני ש־<var>clicks</var> תהיה תכונה של המחלקה <var>Button</var>.\n",
     "</p>"
    ]
@@ -1466,16 +1466,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">עקרון ההחלפה של ליסקוב</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">עקרון ההחלפה של ליסקוב</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ברברה ליסקוב היא אחת מנשות מדעי המחשב המשפיעות בהיסטוריה, ואחת משלוש הנשים היחידות שזכו בפרס טיורינג.<br>\n",
-    "    תרומתה הנודעת ביותר נקראת \"עקרון ההחלפה של ליסקוב\" שנוסח פורמלית בשנת 1987.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ברברה ליסקוב היא אחת מנשות מדעי המחשב המשפיעות בהיסטוריה, ואחת משלוש הנשים היחידות שזכו בפרס טיורינג.<br/>\n",
+    "    תרומתה הנודעת ביותר נקראת \"עקרון ההחלפה של ליסקוב\" שנוסח פורמלית בשנת 1987.<br/>\n",
     "    בפשטות, העיקרון גורס כך:\n",
     "</p>"
    ]
@@ -1485,7 +1485,7 @@
    "metadata": {},
    "source": [
     "<blockquote dir=\"rtl\" style=\"direction: rtl; text-align: right; float: right; border-right: 5px solid rgba(0,0,0,.05); border-left: 0;\">\n",
-    "    <p>כל מופע שנוצר ממחלקת־על מסוימת, חייב להמשיך לעבוד כרגיל גם אם ביום בהיר אחד יחליטו ליצור אותו מתת־מחלקה שיורשת מאותה מחלקת־על.</p>\n",
+    "<p>כל מופע שנוצר ממחלקת־על מסוימת, חייב להמשיך לעבוד כרגיל גם אם ביום בהיר אחד יחליטו ליצור אותו מתת־מחלקה שיורשת מאותה מחלקת־על.</p>\n",
     "</blockquote>\n"
    ]
   },
@@ -1493,8 +1493,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נדמיין שיש לנו מחלקה של שיר ומחלקה של אקרוסטיכון שיורשת ממנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נדמיין שיש לנו מחלקה של שיר ומחלקה של אקרוסטיכון שיורשת ממנה.<br/>\n",
     "    לפי ליסקוב, כל מופע שנוצר מהמחלקה \"שיר\" אמור להמשיך לפעול כרגיל, אפילו אם שינינו את הקוד כך שיווצר מהמחלקה \"אקרוסטיכון\". \n",
     "</p>"
    ]
@@ -1503,8 +1503,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דוגמה פופולרית שנותן רוברט מרטין (הידוע בשם העט Uncle Bob) היא שכל ריבוע הוא גם מלבן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דוגמה פופולרית שנותן רוברט מרטין (הידוע בשם העט Uncle Bob) היא שכל ריבוע הוא גם מלבן.<br/>\n",
     "    חלקנו נמהר להשתמש בהורשה כדי לייצג את הרעיון הזה:\n",
     "</p>"
    ]
@@ -1537,10 +1537,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה מימשנו מחלקת מלבן <var>Rectangle</var>, שבה התכונות \"גובה\" (<var>height</var>) ו\"רוחב\" (<var>width</var>), ואת הפעולה \"חישוב שטח\" (<var>get_area</var>).<br>\n",
-    "    בקוד ישנה מחלקה נוספת בשם ריבוע (<var>Square</var>) שפעולת האתחול שלה מקבלת רק אורך של צלע אחת, שכן כל צלעותיו של ריבוע זהות.<br>\n",
-    "    מחלקת הריבוע יורשת ממחלקת המלבן שבנינו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה מימשנו מחלקת מלבן <var>Rectangle</var>, שבה התכונות \"גובה\" (<var>height</var>) ו\"רוחב\" (<var>width</var>), ואת הפעולה \"חישוב שטח\" (<var>get_area</var>).<br/>\n",
+    "    בקוד ישנה מחלקה נוספת בשם ריבוע (<var>Square</var>) שפעולת האתחול שלה מקבלת רק אורך של צלע אחת, שכן כל צלעותיו של ריבוע זהות.<br/>\n",
+    "    מחלקת הריבוע יורשת ממחלקת המלבן שבנינו.<br/>\n",
     "    הרעיון יעבוד נהדר:\n",
     "</p>"
    ]
@@ -1559,10 +1559,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל שימו לב שאנחנו מפרים את עקרון ההחלפה של ליסקוב.<br>\n",
-    "    על פי העיקרון, כל שימוש במחלקה יוכל להיות מוחלף בתת־מחלקה שיורשת ממנה.<br>\n",
-    "    לפי אותו עיקרון, אנחנו אמורים להיות מסוגלים להחליף את הקריאה למחלקת מלבן בקריאה למחלקת ריבוע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל שימו לב שאנחנו מפרים את עקרון ההחלפה של ליסקוב.<br/>\n",
+    "    על פי העיקרון, כל שימוש במחלקה יוכל להיות מוחלף בתת־מחלקה שיורשת ממנה.<br/>\n",
+    "    לפי אותו עיקרון, אנחנו אמורים להיות מסוגלים להחליף את הקריאה למחלקת מלבן בקריאה למחלקת ריבוע.<br/>\n",
     "    משמע, עבור:\n",
     "</p>"
    ]
@@ -1580,7 +1580,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אמור להתאפשר:\n",
     "</p>"
    ]
@@ -1598,7 +1598,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לְמַאי נַפְקָא מִנַּהּ? (יענו, ככה החלטתי לתכנת, למה מה תעשה לי?)\n",
     "</p>"
    ]
@@ -1607,8 +1607,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אז כמו שראינו – יצירת ריבוע שיגרתית כן תעבוד כמצופה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אז כמו שראינו – יצירת ריבוע שיגרתית כן תעבוד כמצופה.<br/>\n",
     "    עד שלפתע, אחד המתכנתים ירצה לשנות את רוחבו של הריבוע:\n",
     "</p>"
    ]
@@ -1628,9 +1628,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לאחר עריכת רוחב הריבוע ציפינו ששטח הריבוע יהיה 25, אך ארכיטקטורת הקוד שלנו כשלה בטיפול במקרה הזה.<br>\n",
-    "    הקוד שלנו שינה רק את הרוחב של הריבוע ולא את אורכו, בזמן שבריבוע דבר כזה לא אמור להתאפשר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לאחר עריכת רוחב הריבוע ציפינו ששטח הריבוע יהיה 25, אך ארכיטקטורת הקוד שלנו כשלה בטיפול במקרה הזה.<br/>\n",
+    "    הקוד שלנו שינה רק את הרוחב של הריבוע ולא את אורכו, בזמן שבריבוע דבר כזה לא אמור להתאפשר.<br/>\n",
     "    בשורה התחתונה – הקוד שלנו נשבר כיוון שלא עקבנו אחרי עקרון ההחלפה.\n",
     "</p>"
    ]
@@ -1639,9 +1639,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוכל לתקן את הבאג בקלות יחסית אם נהפוך את <var>width</var> ואת <var>height</var> למשתנים פרטיים ב־<var>Rectangle</var>,<br>\n",
-    "        אבל כדאי לשים לב שבדרך כלל אם אנחנו פונים לתקן את מחלקת־העל כדי שדברים יעבדו – סימן שמשהו בעייתי בבסיס הארכיטקטורה שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוכל לתקן את הבאג בקלות יחסית אם נהפוך את <var>width</var> ואת <var>height</var> למשתנים פרטיים ב־<var>Rectangle</var>,<br/>\n",
+    "        אבל כדאי לשים לב שבדרך כלל אם אנחנו פונים לתקן את מחלקת־העל כדי שדברים יעבדו – סימן שמשהו בעייתי בבסיס הארכיטקטורה שלנו.<br/>\n",
     "    ננסה בכל זאת:\n",
     "</p>"
    ]
@@ -1694,7 +1694,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הדבר הראשון שקופץ לעין זה שיצרנו פה מפלצת. הקוד שלנו הפך מסורבל בניסיון לטפל בכל מקרי הקצה.\n",
     "</p>"
    ]
@@ -1703,7 +1703,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    הבעיה הבאה תצוץ כשנבנה פונקציה שאמורה לעבוד על מקרה כללי של מלבן או ריבוע:\n",
     "</p>"
    ]
@@ -1728,8 +1728,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המטרה הברורה של הפונקציה הייתה למצוא את השטח של הצורה לאחר שערכנו את גודלו ל־3 על 2.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המטרה הברורה של הפונקציה הייתה למצוא את השטח של הצורה לאחר שערכנו את גודלו ל־3 על 2.<br/>\n",
     "    מובן שהפונקציה לא החזירה את המצופה ממנה כשהעברנו לה ריבוע, כיוון שאי אפשר לשנות רק את רוחבו או רק את אורכו של הריבוע.\n",
     "</p>"
    ]
@@ -1738,7 +1738,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בשלב הזה נפסיק לנסות לשכנע את הריבוע שהוא גם מלבן, ופשוט נממש את שתי המחלקות בנפרד: \n",
     "</p>"
    ]
@@ -1778,7 +1778,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נזכה בקוד קצר, נוח לתחזוקה, שמאפשר למי שישתמש במחלקות שלנו לקבל בדיוק את מה שהוא רוצה בלי החשש שיטעה.\n",
     "</p>"
    ]
@@ -1787,16 +1787,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">העדיפו הכלה על ירושה כשאפשר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">העדיפו הכלה על ירושה כשאפשר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נממש תוכנה לקבלת דואר אלקטרוני, שיודעת לתמוך בקבלה ובשליחה של דואר מ־Gmail ומ־Walla – ספקי דואר אלקטרוני פופולריים.<br>\n",
-    "    נתחיל במימוש מחלקה כללית עבור התוכנה שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נממש תוכנה לקבלת דואר אלקטרוני, שיודעת לתמוך בקבלה ובשליחה של דואר מ־Gmail ומ־Walla – ספקי דואר אלקטרוני פופולריים.<br/>\n",
+    "    נתחיל במימוש מחלקה כללית עבור התוכנה שלנו.<br/>\n",
     "    ההדפסות בפעולות הן לצורך ההמחשה. בדרך כלל נמליץ שלא לכלול הדפסות בתוך פעולות מחלקה או בתוך פונקציות.\n",
     "</p>"
    ]
@@ -1819,8 +1819,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כעת נממש את המחלקות של ספקי שירות הדואר האלקטרוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כעת נממש את המחלקות של ספקי שירות הדואר האלקטרוני.<br/>\n",
     "    פתרון שעושה שימוש בירושה עשוי להיראות כך:\n",
     "</p>"
    ]
@@ -1851,7 +1851,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נדגים שימוש במחלקה:\n",
     "</p>"
    ]
@@ -1870,7 +1870,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשים לב שאם נרצה לעבור שירות דוא\"ל, נהיה חייבים ליצור מופע חדש לחלוטין של תוכנת דוא\"ל:\n",
     "</p>"
    ]
@@ -1889,8 +1889,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מה יקרה אם נשתמש בהכלה במקום בירושה?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מה יקרה אם נשתמש בהכלה במקום בירושה?<br/>\n",
     "    נתחיל בהתאמת המחלקה <var>EmailClient</var>:\n",
     "</p>"
    ]
@@ -1917,9 +1917,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה הוספנו את התכונה <var>provider</var> ל־<var>EmailClient</var>.<br>\n",
-    "    תכונה זו תכיל מופע של ספק הדוא\"ל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה הוספנו את התכונה <var>provider</var> ל־<var>EmailClient</var>.<br/>\n",
+    "    תכונה זו תכיל מופע של ספק הדוא\"ל.<br/>\n",
     "    המחלקות של שירותי הדוא\"ל יישארו כפי שהן, אך לא יירשו מ־<var>EmailClient</var>:\n",
     "</p>"
    ]
@@ -1950,7 +1950,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה דוגמה לשימוש:\n",
     "</p>"
    ]
@@ -1974,8 +1974,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בניגוד לדוגמה שהשתמשה בירושה, אם נרצה להחליף ספק דוא\"ל לא נצטרך ליצור מופע חדש של תוכנת דואר אלקטרוני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בניגוד לדוגמה שהשתמשה בירושה, אם נרצה להחליף ספק דוא\"ל לא נצטרך ליצור מופע חדש של תוכנת דואר אלקטרוני.<br/>\n",
     "    פשוט נחליף את הספק:\n",
     "</p>"
    ]
@@ -1994,14 +1994,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במחברת זו סקרנו את הרעיון של ירושה בתכנות מונחה עצמים.\n",
     "</p>"
    ]
@@ -2010,10 +2010,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למדנו מהי ירושה ואיך משתמשים בה בפייתון,<br>\n",
-    "    ראינו איך דורסים פעולות ותכונות בתת־המחלקה, ואיך משתמשים ב־<var>super</var> כדי להתייחס למחלקת־העל.<br>\n",
-    "    סקרנו גם את הבעיות שמתעוררות כשמשתמשים בירושה, ולמדנו שיש לנהוג משנה זהירות לפני שבוחרים לממש משהו בעזרת מחלקות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למדנו מהי ירושה ואיך משתמשים בה בפייתון,<br/>\n",
+    "    ראינו איך דורסים פעולות ותכונות בתת־המחלקה, ואיך משתמשים ב־<var>super</var> כדי להתייחס למחלקת־העל.<br/>\n",
+    "    סקרנו גם את הבעיות שמתעוררות כשמשתמשים בירושה, ולמדנו שיש לנהוג משנה זהירות לפני שבוחרים לממש משהו בעזרת מחלקות.<br/>\n",
     "    דיברנו על רעיונות תיאורטיים, כמו העדפת הכלה על ירושה, על סינדרום מחלקת־העל השברירית ועל עקרון ההחלפה של ליסקוב.\n",
     "</p>"
    ]
@@ -2022,8 +2022,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מתכנתים טובים משתמשים בירושה במשורה, רק אחרי שווידאו שבחירה בפתרון הזה לא תוסיף סיבוכיות מיותרת לקוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מתכנתים טובים משתמשים בירושה במשורה, רק אחרי שווידאו שבחירה בפתרון הזה לא תוסיף סיבוכיות מיותרת לקוד.<br/>\n",
     "    במחברת הבאה נסקור טכניקות פופולריות שנולדו בזכות רעיון הירושה, ונלמד כיצד משתמשים בהן.\n",
     "</p>"
    ]
@@ -2032,43 +2032,43 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>ירושה (Inheritance)</dt>\n",
-    "    <dd>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>ירושה (Inheritance)</dt>\n",
+    "<dd>\n",
     "        מנגנון של שפת התכנות שמאפשר ביסוס של מחלקה א על תכונותיה ופעולותיה של מחלקה ב.\n",
     "    </dd>\n",
-    "    <dt>מחלקת־על (Superclass)</dt>\n",
-    "    <dd>\n",
-    "        המחלקה שממנה מתבצעת הירושה. זו המחלקה שממנה ייגזרו הפעולות והתכונות, ו\"יועתקו\" למחלקה היורשת.<br>\n",
+    "<dt>מחלקת־על (Superclass)</dt>\n",
+    "<dd>\n",
+    "        המחלקה שממנה מתבצעת הירושה. זו המחלקה שממנה ייגזרו הפעולות והתכונות, ו\"יועתקו\" למחלקה היורשת.<br/>\n",
     "        נקראת גם <dfn>מחלקת בסיס</dfn> (<dfn>base class</dfn>), <dfn>מחלקת האם</dfn> או <dfn>מחלקת האב</dfn> (<dfn>parent class</dfn>).\n",
     "    </dd>\n",
-    "    <dt>תת־מחלקה (Subclass)</dt>\n",
-    "    <dd>\n",
-    "        המחלקה שמעתיקה את תכונותיה של מחלקה אחרת. זו המחלקה שאליה ייגזרו הפעולות והתכונות של המחלקה שממנה מתבצעת הירושה.<br>\n",
+    "<dt>תת־מחלקה (Subclass)</dt>\n",
+    "<dd>\n",
+    "        המחלקה שמעתיקה את תכונותיה של מחלקה אחרת. זו המחלקה שאליה ייגזרו הפעולות והתכונות של המחלקה שממנה מתבצעת הירושה.<br/>\n",
     "        נקראת גם <dfn>המחלקה הנגזרת</dfn> (<dfn>derived class</dfn>) או <dfn>מחלקת הבת</dfn> (<dfn>child class</dfn>).\n",
     "    </dd>\n",
-    "    <dt>דריסה (Override)</dt>\n",
-    "    <dd>\n",
+    "<dt>דריסה (Override)</dt>\n",
+    "<dd>\n",
     "        החלפת תכונה או פעולה של מחלקת־העל בתת־מחלקה על ידי הגדרתה מחדש בתת־המחלקה.\n",
     "    </dd>\n",
-    "    <dt>מחלקת־העל השברירית (Fragile base class)</dt>\n",
-    "    <dd>\n",
+    "<dt>מחלקת־העל השברירית (Fragile base class)</dt>\n",
+    "<dd>\n",
     "        תסמונת המתארת כיצד שינוי במחלקת־העל באופן שמסתמן כתקין עבור מחלקת־העל, עלול לשבור את תתי־המחלקות שיורשות ממנה.\n",
     "    </dd>\n",
-    "    <dt>עקרון ההחלפה של ליסקוב (Liskov Substitution Principle)</dt>\n",
-    "    <dd>\n",
-    "        עיקרון שמציע שעבור כל קוד שעושה שימוש במחלקת־על, יהיה אפשר להחליף את ההתייחסות למחלקת־העל בתת־המחלקות היורשות ממנה.<br>\n",
+    "<dt>עקרון ההחלפה של ליסקוב (Liskov Substitution Principle)</dt>\n",
+    "<dd>\n",
+    "        עיקרון שמציע שעבור כל קוד שעושה שימוש במחלקת־על, יהיה אפשר להחליף את ההתייחסות למחלקת־העל בתת־המחלקות היורשות ממנה.<br/>\n",
     "        לפי העיקרון, אם ההחלפה אינה אפשרית, יש לשקול מחדש את קשרי הירושה בקוד.\n",
     "    </dd>\n",
-    "    <dt>הכלה במקום ירושה (Composition over inheritance)</dt>\n",
-    "    <dd>\n",
+    "<dt>הכלה במקום ירושה (Composition over inheritance)</dt>\n",
+    "<dd>\n",
     "        רעיון תכנותי תיאורטי שמציע לשקול שימוש בהכלה במקום בירושה כשהדבר אפשרי.\n",
     "    </dd>\n",
     "</dl>"
@@ -2078,15 +2078,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">קוד לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">קוד לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לאדון פסו בגז' יש חנות גדולה לממכר ספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לאדון פסו בגז' יש חנות גדולה לממכר ספרים.<br/>\n",
     "    ניצור מחלקה בסיסית שמייצגת מוצר בחנות של פסו:\n",
     "</p>"
    ]
@@ -2111,8 +2111,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הלקוח יכול לבצע הזמנה דרך המרשתת, דרך הגעה לאחד הסניפים או טלפונית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הלקוח יכול לבצע הזמנה דרך המרשתת, דרך הגעה לאחד הסניפים או טלפונית.<br/>\n",
     "    נממש את המחלקה שאחראית להזמנה הטלפונית:\n",
     "</p>"
    ]
@@ -2173,7 +2173,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    דמיינו שכעת עליכם לממש את המחלקות שאחראיות להזמנות מהסניפים ומהמרשתת.\n",
     "</p>"
    ]
@@ -2182,8 +2182,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "        עד מהרה נגלה שהקוד במחלקות הללו דומה מאוד לקוד שיצרנו במחלקת <var>PhoneOrder</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "        עד מהרה נגלה שהקוד במחלקות הללו דומה מאוד לקוד שיצרנו במחלקת <var>PhoneOrder</var>.<br/>\n",
     "    אם כך, נשמע שהדבר הנכון הוא ליצור מחלקה ששלוש המחלקות יורשות ממנה:\n",
     "</p>"
    ]
@@ -2282,21 +2282,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">היררכיה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">היררכיה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו תוכנה שמדמה מערכת קבצים.\n",
     "</p>"
    ]
@@ -2305,9 +2305,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל קובץ הוא מסוג מסוים – טקסטואלי, בינארי או תיקייה.<br>\n",
-    "    תיקייה היא קובץ שמכיל בתוכו רשימת קבצים, שיכולים להיות טקסטואליים, בינאריים או תיקיות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל קובץ הוא מסוג מסוים – טקסטואלי, בינארי או תיקייה.<br/>\n",
+    "    תיקייה היא קובץ שמכיל בתוכו רשימת קבצים, שיכולים להיות טקסטואליים, בינאריים או תיקיות.<br/>\n",
     "    נדמיין, לדוגמה, את היררכיית התיקיות הבאה:\n",
     "</p>"
    ]
@@ -2333,9 +2333,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה שלמעלה יש 5 קבצים תחת תיקיית week8: שניים מהם תיקיות (images, resources) ו־3 מהם מחברות.<br>\n",
-    "    התיקייה resources ריקה, ובתיקייה images יש את הקבצים הטקסטואליים exercise.svg ו־recall.svg ואת הקובץ הבינארי logo.jpg.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה שלמעלה יש 5 קבצים תחת תיקיית week8: שניים מהם תיקיות (images, resources) ו־3 מהם מחברות.<br/>\n",
+    "    התיקייה resources ריקה, ובתיקייה images יש את הקבצים הטקסטואליים exercise.svg ו־recall.svg ואת הקובץ הבינארי logo.jpg.<br/>\n",
     "    במערכת שלנו, הנתיב לתיקיית week8 הוא <span dir=\"ltr\">/week8</span>, והנתיב לקובץ logo.jpg הוא <span dir=\"ltr\">/week8/images/logo.jpg</span>.\n",
     "</p>"
    ]
@@ -2344,9 +2344,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צרו בתוכנה שלכם מערכת לניהול משתמשים. לכל משתמש יש שם משתמש וסיסמה.<br>\n",
-    "    משתמש יכול להיות מסוג \"מנהל מערכת\" או \"משתמש רגיל\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צרו בתוכנה שלכם מערכת לניהול משתמשים. לכל משתמש יש שם משתמש וסיסמה.<br/>\n",
+    "    משתמש יכול להיות מסוג \"מנהל מערכת\" או \"משתמש רגיל\".<br/>\n",
     "</p>"
    ]
   },
@@ -2354,9 +2354,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לקובץ בינארי או טקסטואלי יש משקל המיוצג בקילובייטים, תוכן, ומשתמש שיצר אותו.<br>\n",
-    "    על קובץ טקסטואלי ניתן להפעיל את הפעולה <var>count</var>, שמקבלת מחרוזת לחיפוש ומחזירה כמה פעמים המחרוזת הופיעה בקובץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לקובץ בינארי או טקסטואלי יש משקל המיוצג בקילובייטים, תוכן, ומשתמש שיצר אותו.<br/>\n",
+    "    על קובץ טקסטואלי ניתן להפעיל את הפעולה <var>count</var>, שמקבלת מחרוזת לחיפוש ומחזירה כמה פעמים המחרוזת הופיעה בקובץ.<br/>\n",
     "    אם הקובץ הבינארי הוא מסוג תמונה, צרו עבורו את הפעולה <var>get_dimensions</var> שמחזירה את אורך התמונה ואת רוחבה. אין צורך לממש את תוכן הפעולה עצמה.\n",
     "</p>"
    ]
@@ -2365,8 +2365,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לכל קובץ שאינו תיקייה צריכה להיות  הפעולה <code dir=\"ltr\">.read()</code>, שאליה מעבירים כפרמטר משתמש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לכל קובץ שאינו תיקייה צריכה להיות  הפעולה <code dir=\"ltr\">.read()</code>, שאליה מעבירים כפרמטר משתמש.<br/>\n",
     "    אם המשתמש הוא זה שיצר את הקובץ או שהוא מנהל המערכת, מהפעולה יוחזר תוכן הקובץ. אחרת יוחזר <code>None</code>.\n",
     "</p>"
    ]
@@ -2375,14 +2375,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאפיה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מאפיה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ממשו את משחק <a href=\"https://he.wikipedia.org/wiki/%D7%94%D7%A8%D7%95%D7%A6%D7%97\">המאפיה</a>.\n",
     "</p>"
    ]
@@ -2391,11 +2391,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המחלקה <var>Game</var> תחזיק את הנתונים על המשחק.<br>\n",
-    "    היא תאפשר למשתמש חדש להצטרף למשחק בעזרת הפעולה <var>add_player</var>, כשהפרמטר שמועבר לה הוא שם השחקן.<br>\n",
-    "    כשהפעולה <var>start</var> תיקרא, יחולק תפקיד לכל אחד מהשחקנים: אזרח, שוטר או איש מאפיה. רק השחקן יודע מה תפקידו במשחק.<br>\n",
-    "    בגרסת המשחק שלנו, יהיה רק איש מאפיה אחד ואיש משטרה אחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המחלקה <var>Game</var> תחזיק את הנתונים על המשחק.<br/>\n",
+    "    היא תאפשר למשתמש חדש להצטרף למשחק בעזרת הפעולה <var>add_player</var>, כשהפרמטר שמועבר לה הוא שם השחקן.<br/>\n",
+    "    כשהפעולה <var>start</var> תיקרא, יחולק תפקיד לכל אחד מהשחקנים: אזרח, שוטר או איש מאפיה. רק השחקן יודע מה תפקידו במשחק.<br/>\n",
+    "    בגרסת המשחק שלנו, יהיה רק איש מאפיה אחד ואיש משטרה אחד.<br/>\n",
     "    אם הפעולה <var>start</var> נקראה אך אין די משתתפים כך שיהיה לפחות אזרח אחד, החזירו מהפעולה <samp>False</samp> ואל תתחילו את המשחק.\n",
     "</p>"
    ]
@@ -2404,9 +2404,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכל סיבוב 3 חלקים – רצח על ידי המאפיה, עיכוב על ידי השוטר והצבעת האזרחים.<br>\n",
-    "    כשהפעולה <var>start_round</var> נקראת, מתרחשות לפי הסדר הפעולות האלה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכל סיבוב 3 חלקים – רצח על ידי המאפיה, עיכוב על ידי השוטר והצבעת האזרחים.<br/>\n",
+    "    כשהפעולה <var>start_round</var> נקראת, מתרחשות לפי הסדר הפעולות האלה:<br/>\n",
     "</p>"
    ]
   },
@@ -2414,10 +2414,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>איש המאפיה יתבקש לרצוח שחקן באמצעות הפעולה <var>kill</var> הממומשת אצל איש המאפיה. השחקן הנרצח יוצא מהמשחק.</li>\n",
-    "    <li>השוטר יתבקש לעכב את השחקן שלדעתו הוא איש מאפיה בעזרת הפעולה <var>detain</var> הממומשת אצל השוטר.</li>\n",
-    "    <li>כל אחד מהמשתתפים יצביע מי לדעתו הוא איש המאפיה באמצעות הפעולה <var>vote</var>.<br>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>איש המאפיה יתבקש לרצוח שחקן באמצעות הפעולה <var>kill</var> הממומשת אצל איש המאפיה. השחקן הנרצח יוצא מהמשחק.</li>\n",
+    "<li>השוטר יתבקש לעכב את השחקן שלדעתו הוא איש מאפיה בעזרת הפעולה <var>detain</var> הממומשת אצל השוטר.</li>\n",
+    "<li>כל אחד מהמשתתפים יצביע מי לדעתו הוא איש המאפיה באמצעות הפעולה <var>vote</var>.<br/>\n",
     "        מי שקיבל הכי הרבה קולות בהצבעה מוצא להורג ויוצא מהמשחק. אם יש תיקו – כל השחקנים נשארים במשחק.</li>\n",
     "</ol>"
    ]
@@ -2426,8 +2426,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המשחק מסתיים בניצחון למאפיה כאשר נשארים רק שני משתתפים במשחק, שאחד מהם הוא איש המאפיה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המשחק מסתיים בניצחון למאפיה כאשר נשארים רק שני משתתפים במשחק, שאחד מהם הוא איש המאפיה.<br/>\n",
     "    המשחק מסתיים בניצחון לאזרחים אם השוטר עיכב את איש המאפיה, או אם האזרחים הוציאו להורג את איש המאפיה.\n",
     "</p>"
    ]
@@ -2436,8 +2436,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <em>בונוס:</em> ממשו את השאלה כבוט לטלגרם.\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<em>בונוס:</em> ממשו את השאלה כבוט לטלגרם.\n",
     "</p>"
    ]
   }
diff --git a/week8/2_Inheritance_Part_2.ipynb b/week8/2_Inheritance_Part_2.ipynb
index 92ef5a1..e8efd6a 100644
--- a/week8/2_Inheritance_Part_2.ipynb
+++ b/week8/2_Inheritance_Part_2.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">ירושה – חלק 2</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">ירושה – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשיעור הקודם למדנו על <dfn>ירושה</dfn> – מנגנון תכנותי שמאפשר יצירת מחלקה על בסיס תכונותיה ופעולותיה של מחלקה אחרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשיעור הקודם למדנו על <dfn>ירושה</dfn> – מנגנון תכנותי שמאפשר יצירת מחלקה על בסיס תכונותיה ופעולותיה של מחלקה אחרת.<br/>\n",
     "    סקרנו באילו מקרים נכון לבצע ירושה, ודיברנו על חילוקי הדעות ועל הסיבוכים האפשריים שירושה עלולה לגרום. \n",
     "</p>"
    ]
@@ -35,8 +35,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חקרנו את היכולת של תת־מחלקה להגדיר מחדש פעולות של מחלקת־העל וקראנו לכך \"דריסה\" של פעולה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חקרנו את היכולת של תת־מחלקה להגדיר מחדש פעולות של מחלקת־העל וקראנו לכך \"דריסה\" של פעולה.<br/>\n",
     "    דיברנו גם על הפונקציה <var>super</var> שמאפשרת לנו לקרוא בקלות לפעולות במחלקת־העל.\n",
     "</p>"
    ]
@@ -45,9 +45,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ירושה היא כר פורה לשיח בין תיאורטיקנים של מדעי המחשב.<br>\n",
-    "    נכתבו עליה מילים רבות, והיא נושא מרכזי בדיונים על הנדסת תוכנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ירושה היא כר פורה לשיח בין תיאורטיקנים של מדעי המחשב.<br/>\n",
+    "    נכתבו עליה מילים רבות, והיא נושא מרכזי בדיונים על הנדסת תוכנה.<br/>\n",
     "    במחברת זו נעמיק ונסקור שימושים וטכניקות שהתפתחו מתוך רעיון הירושה במחלקות.\n",
     "</p>"
    ]
@@ -56,22 +56,22 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימושים נפוצים לירושה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שימושים נפוצים לירושה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמות ירושה מרובות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">רמות ירושה מרובות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרעיון הבסיסי ביותר בירושה הוא העובדה שיכולה להיות יותר מרמה אחת של ירושה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרעיון הבסיסי ביותר בירושה הוא העובדה שיכולה להיות יותר מרמה אחת של ירושה.<br/>\n",
     "    קרי: אם מחלקה ב ירשה ממחלקה א, מחלקה ג יכולה לרשת ממחלקה ב.\n",
     "</p>"
    ]
@@ -80,8 +80,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקטע הקוד הבא, לדוגמה, המחלקה יונק (<var>Mammal</var>) יורשת מהמחלקה \"חיה\" (<var>Animal</var>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקטע הקוד הבא, לדוגמה, המחלקה יונק (<var>Mammal</var>) יורשת מהמחלקה \"חיה\" (<var>Animal</var>).<br/>\n",
     "    המחלקות עטלף (<var>Bat</var>) וארנב (<var>Rabbit</var>) יורשות מהמחלקה \"יונק\".\n",
     "</p>"
    ]
@@ -112,7 +112,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במקרה כזה, המחלקות <var>Bat</var> ו־<var>Rabbit</var> ירשו הן את התכונות והפעולות של המחלקה <var>Mammal</var>, והן את אלו של <var>Animal</var>.\n",
     "</p>"
    ]
@@ -122,8 +122,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/multilevel_inheritance.svg?v=1\" style=\"max-width: 400px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש שתי תיבות. השמאלית עם הכותרת Song, ובה התכונות והפעולות השייכות למחלקה. אליה יוצא חץ מהתיבה הימנית, עם הכותרת Acrostic, ובה מופיעות אותן תכונות ופעולות בצבע אפור (כדי להמחיש שהן נלקחות מתוך המחלקה Song).\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דוגמה לרמות ירושה מרובות: המחלקות <var>Rabbit</var> ו־<var>Bat</var> יורשות ממחלקה שיורשת ממחלקה נוספת.\n",
+    "<img alt=\"בתמונה יש שתי תיבות. השמאלית עם הכותרת Song, ובה התכונות והפעולות השייכות למחלקה. אליה יוצא חץ מהתיבה הימנית, עם הכותרת Acrostic, ובה מופיעות אותן תכונות ופעולות בצבע אפור (כדי להמחיש שהן נלקחות מתוך המחלקה Song).\" src=\"images/multilevel_inheritance.svg?v=1\" style=\"max-width: 400px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דוגמה לרמות ירושה מרובות: המחלקות <var>Rabbit</var> ו־<var>Bat</var> יורשות ממחלקה שיורשת ממחלקה נוספת.\n",
     "    </figcaption>\n",
     "</figure>"
    ]
@@ -132,7 +132,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשר לקבל את שרשרת מחלקות־העל של מחלקה מסוימת לפי סדרן בעזרת <code dir=\"ltr\">class_name.mro()</code>:\n",
     "</p>"
    ]
@@ -150,9 +150,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפנייה לפעולה כלשהי, תחפש פייתון את הפעולה במחלקה הראשונה שמופיעה ב־MRO.<br>\n",
-    "    אם הפעולה לא מופיעה שם, תיגש פייתון למחלקה שאחריה, כך עד שהיא תגיע ל־<var>object</var> שתמיד יהיה בראש השרשרת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפנייה לפעולה כלשהי, תחפש פייתון את הפעולה במחלקה הראשונה שמופיעה ב־MRO.<br/>\n",
+    "    אם הפעולה לא מופיעה שם, תיגש פייתון למחלקה שאחריה, כך עד שהיא תגיע ל־<var>object</var> שתמיד יהיה בראש השרשרת.<br/>\n",
     "    אם הפעולה לא קיימת באף אחת מהמחלקות שמופיעות ב־MRO, פייתון תזרוק <var>NameError</var>.\n",
     "</p>"
    ]
@@ -161,8 +161,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מבחינה הנדסית, מומלץ להימנע ככל האפשר מירושה מרובת רמות כשאין בכך צורך ממשי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מבחינה הנדסית, מומלץ להימנע ככל האפשר מירושה מרובת רמות כשאין בכך צורך ממשי.<br/>\n",
     "    ירושה מרובת רמות תגדיל את הסיכוי לתסמונת מחלקת־העל השברירית, תקשה על בדיקת התוכנית ותיצור בעיות תחזוקה בעתיד.\n",
     "</p>"
    ]
@@ -171,15 +171,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה מופשטת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחלקה מופשטת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל חיה משמיעה צליל האופייני לה: כלב נובח, פרה גועה ויונה הומה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל חיה משמיעה צליל האופייני לה: כלב נובח, פרה גועה ויונה הומה.<br/>\n",
     "    נממש מחלקה עבור כל חיה:\n",
     "</p>"
    ]
@@ -233,7 +233,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשים לב שצורת כל המחלקות דומה – מקרה קלאסי לירושה:\n",
     "</p>"
    ]
@@ -281,8 +281,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים קרובות אנחנו רוצים לממש קבוצת מחלקות שיש להן את אותן תכונות ופעולות – בדיוק כמו במקרה של <var>Dog</var>, <var>Cow</var> ו־<var>Dove</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים קרובות אנחנו רוצים לממש קבוצת מחלקות שיש להן את אותן תכונות ופעולות – בדיוק כמו במקרה של <var>Dog</var>, <var>Cow</var> ו־<var>Dove</var>.<br/>\n",
     "    במקרה כזה נפנה באופן טבעי לירושה, שבה מחלקת־העל תכיל את התכונות והפעולות המשותפות לכל המחלקות.\n",
     "</p>"
    ]
@@ -291,10 +291,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    החיסרון במחלקת <var>Animal</var> הוא שכעת אפשר ליצור ישירות ממנה מופעים.<br>\n",
-    "    זה לא מה שהתכוונו שיקרה. המחלקה הזו קיימת רק כדי לייצג רעיון מופשט של חיה, ולאפשר ירושת תכונות ופעולות ממקור אחד.<br>\n",
-    "    מטרת התוכנית היא לאפשר לבעלי חיים להשמיע קול, ולכן אין משמעות ביצירת מופע מהמחלקה <var>Animal</var> – שהרי ל\"חיה\" כרעיון מופשט אין קול.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    החיסרון במחלקת <var>Animal</var> הוא שכעת אפשר ליצור ישירות ממנה מופעים.<br/>\n",
+    "    זה לא מה שהתכוונו שיקרה. המחלקה הזו קיימת רק כדי לייצג רעיון מופשט של חיה, ולאפשר ירושת תכונות ופעולות ממקור אחד.<br/>\n",
+    "    מטרת התוכנית היא לאפשר לבעלי חיים להשמיע קול, ולכן אין משמעות ביצירת מופע מהמחלקה <var>Animal</var> – שהרי ל\"חיה\" כרעיון מופשט אין קול.<br/>\n",
     "</p>"
    ]
   },
@@ -302,9 +302,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חיסרון נוסף הוא שמחלקות יכולות לרשת ממחלקת <var>Animal</var> מבלי לממש את הפעולה <var>make_sound</var>.<br>\n",
-    "    אם היינו מתכנתים פיסת קוד כללית שמטפלת בחיות, ייתכן שזה היה תקין, אבל לא זה המקרה בקוד שלמעלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חיסרון נוסף הוא שמחלקות יכולות לרשת ממחלקת <var>Animal</var> מבלי לממש את הפעולה <var>make_sound</var>.<br/>\n",
+    "    אם היינו מתכנתים פיסת קוד כללית שמטפלת בחיות, ייתכן שזה היה תקין, אבל לא זה המקרה בקוד שלמעלה.<br/>\n",
     "    מטרת התוכנה שלנו הייתה מלכתחילה לייצג קולות של חיות, ומחלקה שיורשת מ־<var>Animal</var> ולא מממשת את <var>make_sound</var> היא פתח לבאגים בעתיד.\n",
     "</p>"
    ]
@@ -313,8 +313,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפתרון לשתי הבעיות שהוצגו כאן נקרא בהנדסת תוכנה \"<dfn>מחלקה מופשטת</dfn>\" (<dfn>Abstract Class</dfn>).<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפתרון לשתי הבעיות שהוצגו כאן נקרא בהנדסת תוכנה \"<dfn>מחלקה מופשטת</dfn>\" (<dfn>Abstract Class</dfn>).<br/> \n",
     "    זהו מצב שבו אנחנו משתמשים במחלקת־על ל־3 צרכים:\n",
     "</p>"
    ]
@@ -323,10 +323,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>איגוד של תתי־מחלקות והורשת תכונות ופעולות לכולן (ירושה קלאסית).</li>\n",
-    "    <li>אכיפה שכל תתי־המחלקות יממשו פעולות שהגדרנו במחלקת־העל כפעולות שחייבים לממש.</li>\n",
-    "    <li>אכיפה שתאסור יצירת מופעים ממחלקת־העל המופשטת. יצירת מופעים תתאפשר רק מתתי־המחלקות שיורשות אותה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>איגוד של תתי־מחלקות והורשת תכונות ופעולות לכולן (ירושה קלאסית).</li>\n",
+    "<li>אכיפה שכל תתי־המחלקות יממשו פעולות שהגדרנו במחלקת־העל כפעולות שחייבים לממש.</li>\n",
+    "<li>אכיפה שתאסור יצירת מופעים ממחלקת־העל המופשטת. יצירת מופעים תתאפשר רק מתתי־המחלקות שיורשות אותה.</li>\n",
     "</ol>"
    ]
   },
@@ -334,7 +334,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נהוג לכתוב במחלקת־העל המופשטת את כותרות הפעולות שעל תת־המחלקות שיורשות ממנה לממש:\n",
     "</p>"
    ]
@@ -388,8 +388,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הרעיון של מחלקה מופשטת כה נפוץ, שהמודול הפייתוני <var>abc</var> (קיצור של Abstract Base Class) מאפשר לנו להגדיר מחלקה כמופשטת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הרעיון של מחלקה מופשטת כה נפוץ, שהמודול הפייתוני <var>abc</var> (קיצור של Abstract Base Class) מאפשר לנו להגדיר מחלקה כמופשטת.<br/>\n",
     "    נציץ ב<a href=\"https://docs.python.org/3/library/abc.html\">תיעוד</a> של המודול וננסה לעקוב אחריו, למרות כל השטרודלים המוזרים שיש שם:\n",
     "</p>"
    ]
@@ -398,9 +398,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המחלקה המופשטת שלנו תבצע ירושה מהמחלקה <var>ABC</var> שבמודול <var>abc</var>.</li>\n",
-    "    <li>מעל כל פעולה מופשטת (כזו שמשמשת רק לירושה ולא עומדת בפני עצמה) נוסיף <code dir=\"ltr\">@abstractmethod</code>.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המחלקה המופשטת שלנו תבצע ירושה מהמחלקה <var>ABC</var> שבמודול <var>abc</var>.</li>\n",
+    "<li>מעל כל פעולה מופשטת (כזו שמשמשת רק לירושה ולא עומדת בפני עצמה) נוסיף <code dir=\"ltr\">@abstractmethod</code>.</li>\n",
     "</ul>"
    ]
   },
@@ -468,9 +468,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חדי העין ישימו לב שהחזרנו את פעולת האתחול <code dir=\"ltr\">__init__</code> לכל תתי־המחלקות.<br>\n",
-    "    זה קרה כיוון שהגדרנו את <code dir=\"ltr\">__init__</code> כפעולה מופשטת במחלקת <var>Animal</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חדי העין ישימו לב שהחזרנו את פעולת האתחול <code dir=\"ltr\">__init__</code> לכל תתי־המחלקות.<br/>\n",
+    "    זה קרה כיוון שהגדרנו את <code dir=\"ltr\">__init__</code> כפעולה מופשטת במחלקת <var>Animal</var>.<br/>\n",
     "    להגדרה של פעולה כמופשטת שתי השלכות מיידיות:\n",
     "</p>"
    ]
@@ -479,9 +479,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תתי־המחלקות שיורשות מהמחלקה המופשטת, חייבות לממש את כל הפעולות שמוגדרות במחלקת־העל כמופשטות.</li>\n",
-    "    <li>גישה ישירה לפעולה המופשטת במחלקה שבה היא הוגדרה במקור כמופשטת, תביא לזריקת שגיאה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תתי־המחלקות שיורשות מהמחלקה המופשטת, חייבות לממש את כל הפעולות שמוגדרות במחלקת־העל כמופשטות.</li>\n",
+    "<li>גישה ישירה לפעולה המופשטת במחלקה שבה היא הוגדרה במקור כמופשטת, תביא לזריקת שגיאה.</li>\n",
     "</ul>"
    ]
   },
@@ -489,7 +489,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עכשיו כשנרצה ליצור מופע מ־<var>Animal</var>, נגלה שזה בלתי אפשרי, כיוון ש־<code dir=\"ltr\">Animal.__init__</code> מוגדרת כמופשטת:\n",
     "</p>"
    ]
@@ -507,8 +507,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם ננסה ליצור תת־מחלקה שיורשת מ־<var>Animal</var> ולא מממשת את אחת הפעולות המופשטות שלה, נגלה שלא נוכל ליצור ממנה מופעים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם ננסה ליצור תת־מחלקה שיורשת מ־<var>Animal</var> ולא מממשת את אחת הפעולות המופשטות שלה, נגלה שלא נוכל ליצור ממנה מופעים.<br/>\n",
     "    פייתון תזרוק שגיאה שאחת הפעולות המופשטות לא מוגדרת בתת־המחלקה:\n",
     "</p>"
    ]
@@ -537,10 +537,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עוד דבר מעניין שכדאי לשים לב אליו הוא השימוש הכבד ב־<code dir=\"ltr\">**kwargs</code>.<br>\n",
-    "    כיוון שהפכנו את <code dir=\"ltr\">__init__</code> למופשטת, אנחנו חייבים לממש אותה בכל תתי־המחלקות שיורשות מ־<var>Animal</var>.<br>\n",
-    "    למרות זאת, ה־<code dir=\"ltr\">__init__</code> \"המעניינת\" שעושה השמות לתוך תכונות המופע היא זו של מחלקת־העל <var>Animal</var>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עוד דבר מעניין שכדאי לשים לב אליו הוא השימוש הכבד ב־<code dir=\"ltr\">**kwargs</code>.<br/>\n",
+    "    כיוון שהפכנו את <code dir=\"ltr\">__init__</code> למופשטת, אנחנו חייבים לממש אותה בכל תתי־המחלקות שיורשות מ־<var>Animal</var>.<br/>\n",
+    "    למרות זאת, ה־<code dir=\"ltr\">__init__</code> \"המעניינת\" שעושה השמות לתוך תכונות המופע היא זו של מחלקת־העל <var>Animal</var>,<br/>\n",
     "    זו שמקבלת את הפרמטרים <var>name</var> ו־<var>gender</var> ומשנה לפיהם את מצב המופע. \n",
     "</p>"
    ]
@@ -549,10 +549,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ביצירת מופע של אחת מהחיות, נרצה להעביר את הפרמטרים <var>name</var> ו־<var>gender</var> שמיועדים ל־<code dir=\"ltr\">Animal.__init__</code>.<br>\n",
-    "    אבל ביצירת מופע של יונה, של פרה או של כלב אנחנו נקרא בפועל ל־<code dir=\"ltr\">__init__</code> שמימשו תתי־המחלקות.<br>\n",
-    "    בשלב הזה, תתי־המחלקות צריכות למצוא דרך לקבל את הפרמטרים הרלוונטיים ולהעביר אותם למחלקת־העל שעושה השמות ל־<var>self</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ביצירת מופע של אחת מהחיות, נרצה להעביר את הפרמטרים <var>name</var> ו־<var>gender</var> שמיועדים ל־<code dir=\"ltr\">Animal.__init__</code>.<br/>\n",
+    "    אבל ביצירת מופע של יונה, של פרה או של כלב אנחנו נקרא בפועל ל־<code dir=\"ltr\">__init__</code> שמימשו תתי־המחלקות.<br/>\n",
+    "    בשלב הזה, תתי־המחלקות צריכות למצוא דרך לקבל את הפרמטרים הרלוונטיים ולהעביר אותם למחלקת־העל שעושה השמות ל־<var>self</var>.<br/>\n",
     "    כדי להעביר את כל הפרמטרים שמחלקת־העל צריכה, גם אם חתימת הפעולה <code dir=\"ltr\">Animal.__init__</code> תשתנה בעתיד, אנחנו משתמשים ב־<code dir=\"ltr\">**kwargs</code>.\n",
     "</p>"
    ]
@@ -561,8 +561,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השימוש במחלקות מופשטות נפוץ בתכנות כדי לאפשר הרחבה נוחה של התוכנה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השימוש במחלקות מופשטות נפוץ בתכנות כדי לאפשר הרחבה נוחה של התוכנה.<br/>\n",
     "    מערכות שמאפשרות למתכנתים להרחיב את יכולותיהן בעזרת תוספים, לדוגמה, ישתמשו במחלקות מופשטות כדי להגדיר למתכנת דרך להתממשק עם הקוד של התוכנה.\n",
     "</p>"
    ]
@@ -571,16 +571,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: Friendliness Pellets</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: Friendliness Pellets</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בחנות הפרחים של מושניק מוכרים זרי פרחים.<br>\n",
-    "    נמכר עם אגרטל או בלעדיו, ויש בו 3–30 פרחים מסוגים שונים: ורדים, סייפנים וסחלבים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בחנות הפרחים של מושניק מוכרים זרי פרחים.<br/>\n",
+    "    נמכר עם אגרטל או בלעדיו, ויש בו 3–30 פרחים מסוגים שונים: ורדים, סייפנים וסחלבים.<br/>\n",
     "    לכל אחד מהפרחים צבע שונה.\n",
     "</p>"
    ]
@@ -589,9 +589,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המחיר של סייפן הוא 4 ש\"ח ושל סחלב 10 ש\"ח.<br>\n",
-    "    המחיר של ורד נקבע לפי הצבע שלו: ורד לבן עולה 5 ש\"ח, וורד אדום עולה 6 ש\"ח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המחיר של סייפן הוא 4 ש\"ח ושל סחלב 10 ש\"ח.<br/>\n",
+    "    המחיר של ורד נקבע לפי הצבע שלו: ורד לבן עולה 5 ש\"ח, וורד אדום עולה 6 ש\"ח.<br/>\n",
     "    עבור זר עם אגרטל, על הלקוח להוסיף 20 ש\"ח.\n",
     "</p>"
    ]
@@ -600,10 +600,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כדי למשוך לקוחות חדשים, מדי פעם מושניק נותן הנחה על הזרים.<br>\n",
-    "    לכל אחת מההנחות מושניק מצרף הערה שמסבירה מה הסיבה שבגינה ניתנה ההנחה.<br>\n",
-    "    ישנם שני סוגים של הנחות בחנות: הנחה באחוזים והנחה שקלית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כדי למשוך לקוחות חדשים, מדי פעם מושניק נותן הנחה על הזרים.<br/>\n",
+    "    לכל אחת מההנחות מושניק מצרף הערה שמסבירה מה הסיבה שבגינה ניתנה ההנחה.<br/>\n",
+    "    ישנם שני סוגים של הנחות בחנות: הנחה באחוזים והנחה שקלית.<br/>\n",
     "    לכל זר יכולות להיות כמה הנחות, אשר יחושבו לפי סדר צירופן.\n",
     "</p>"
    ]
@@ -612,8 +612,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לדוגמה, אם הזר עלה 200 ש\"ח ומושניק החליט לתת הנחה של 10 אחוזים, הזר יעלה כעת 180 ש\"ח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לדוגמה, אם הזר עלה 200 ש\"ח ומושניק החליט לתת הנחה של 10 אחוזים, הזר יעלה כעת 180 ש\"ח.<br/>\n",
     "    אם מושניק החליט לתת הנחה נוספת על הזר, הפעם של 30 ש\"ח, מחירו של הזר יהיה כעת 150 ש\"ח.\n",
     "</p>"
    ]
@@ -622,7 +622,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    אפשרו ללקוחות שרוצים חשבונית עבור רכישתם לקבל פירוט מודפס של חישוב המחיר של הזר.\n",
     "</p>"
    ]
@@ -631,14 +631,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ירושה מרובה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ירושה מרובה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ישר ולעניין – יש לי חדשות משוגעות עבורכם: כל מחלקה יכולה לרשת מיותר ממחלקה אחת!\n",
     "</p>"
    ]
@@ -647,9 +647,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניצור מחלקה המייצגת כלי נשק, ומחלקה אחרת המייצגת כלי רכב.<br>\n",
-    "    מחלקת כלי הנשק תכלול את כוח כלי הנשק (<var>strength</var>) ופעולת תקיפה (<var>attack</var>).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניצור מחלקה המייצגת כלי נשק, ומחלקה אחרת המייצגת כלי רכב.<br/>\n",
+    "    מחלקת כלי הנשק תכלול את כוח כלי הנשק (<var>strength</var>) ופעולת תקיפה (<var>attack</var>).<br/>\n",
     "    מחלקת כלי הרכב תכלול את המהירות המרבית של כלי הרכב (<var>max_speed</var>) ופעולה של הערכת זמן הגעה משוער (<var>estimate_arrival_time</var>).\n",
     "</p>"
    ]
@@ -658,8 +658,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם נרצה ליצור מחלקת טנק, לדוגמה, ייתכן שנרצה לרשת גם ממחלקת כלי הנשק וגם ממחלקת כלי הרכב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם נרצה ליצור מחלקת טנק, לדוגמה, ייתכן שנרצה לרשת גם ממחלקת כלי הנשק וגם ממחלקת כלי הרכב.<br/>\n",
     "    פייתון מאפשרת לנו לעשות זאת בקלות יחסית:\n",
     "</p>"
    ]
@@ -698,9 +698,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בדוגמה שלמעלה מחלקת <var>Tank</var> יורשת את התכונות ואת הפעולות, הן של מחלקת <var>Vehicle</var> והן של מחלקת <var>Weapon</var>.<br>\n",
-    "    כל מה שהיינו צריכים לעשות זה לציין בסוגריים שאחרי המחלקה <var>Tank</var> את כל המחלקות שמהן אנחנו רוצים לרשת, כשהן מופרדות בפסיק זו מזו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בדוגמה שלמעלה מחלקת <var>Tank</var> יורשת את התכונות ואת הפעולות, הן של מחלקת <var>Vehicle</var> והן של מחלקת <var>Weapon</var>.<br/>\n",
+    "    כל מה שהיינו צריכים לעשות זה לציין בסוגריים שאחרי המחלקה <var>Tank</var> את כל המחלקות שמהן אנחנו רוצים לרשת, כשהן מופרדות בפסיק זו מזו.<br/>\n",
     "    ניצור טנק לדוגמה, ונראה איך הוא קיבל את התכונות של כל מחלקות־העל שמהן הוא ירש:\n",
     "</p>"
    ]
@@ -724,9 +724,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפני שנסביר בהרחבה איך הכול עובד, נעצור רגע כדי להגיד שירושה מרובה היא נושא שיחה נפיץ.<br>\n",
-    "    בגלל הסיבוכיות והשכבות הנוספות שהוא מוסיף לכל מופע, תמצאו מתכנתים רבים <a href=\"https://softwareengineering.stackexchange.com/q/218458/224112\">שמתנגדים בתוקף לרעיון הירושה המרובה</a>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפני שנסביר בהרחבה איך הכול עובד, נעצור רגע כדי להגיד שירושה מרובה היא נושא שיחה נפיץ.<br/>\n",
+    "    בגלל הסיבוכיות והשכבות הנוספות שהוא מוסיף לכל מופע, תמצאו מתכנתים רבים <a href=\"https://softwareengineering.stackexchange.com/q/218458/224112\">שמתנגדים בתוקף לרעיון הירושה המרובה</a>.<br/>\n",
     "</p>"
    ]
   },
@@ -734,9 +734,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נציג בזריזות את אחת הבעיות הקלאסיות שנובעות מירושה מרובה – <a href=\"https://en.wikipedia.org/wiki/Multiple_inheritance#The_diamond_problem\">בעיית היהלום</a>.<br>\n",
-    "    בבעיה זו מוצגת תת־מחלקה שיורשת מ־2 מחלקות־על, שהן עצמן תת־מחלקות של מחלקה נוספת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נציג בזריזות את אחת הבעיות הקלאסיות שנובעות מירושה מרובה – <a href=\"https://en.wikipedia.org/wiki/Multiple_inheritance#The_diamond_problem\">בעיית היהלום</a>.<br/>\n",
+    "    בבעיה זו מוצגת תת־מחלקה שיורשת מ־2 מחלקות־על, שהן עצמן תת־מחלקות של מחלקה נוספת.<br/>\n",
     "    לדוגמה: מחלקת \"כפתור\" יורשת ממחלקת \"לחיץ\" וממחלקת \"מלבן\", שיורשות ממחלקת \"אובייקט\". \n",
     "</p>"
    ]
@@ -746,8 +746,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/diamond_problem.svg?v=0\" style=\"max-width: 450px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"עץ ירושה בצורת מעוין. בחלק העליון מוצגת המחלקה 'אובייקט', מתוכה יוצאים שני חצים למחלקות 'לחיץ' ו'מלבן' שנמצאות תחתיה. משתיהן יוצאים חצים לתת־המחלקה 'כפתור' שיורשת מהן וממוקמת הכי נמוך בתמונה.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"עץ ירושה בצורת מעוין. בחלק העליון מוצגת המחלקה 'אובייקט', מתוכה יוצאים שני חצים למחלקות 'לחיץ' ו'מלבן' שנמצאות תחתיה. משתיהן יוצאים חצים לתת־המחלקה 'כפתור' שיורשת מהן וממוקמת הכי נמוך בתמונה.\" src=\"images/diamond_problem.svg?v=0\" style=\"max-width: 450px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        עץ ירושה בצורת יהלום המדגים את הבעיה המתוארת.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -757,9 +757,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם גם \"לחיץ\" וגם \"מלבן\" מימשו את פעולת <code>__str__</code> אבל מחלקת \"כפתור\" לא, באיזו גרסה של <code>__str__</code> מחלקת \"כפתור\" צריכה להשתמש?<br>\n",
-    "    ומה בנוגע למצב שבו גם \"לחיץ\" וגם \"אובייקט\" מימשו את הפעולה?<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם גם \"לחיץ\" וגם \"מלבן\" מימשו את פעולת <code>__str__</code> אבל מחלקת \"כפתור\" לא, באיזו גרסה של <code>__str__</code> מחלקת \"כפתור\" צריכה להשתמש?<br/>\n",
+    "    ומה בנוגע למצב שבו גם \"לחיץ\" וגם \"אובייקט\" מימשו את הפעולה?<br/>\n",
     "</p>"
    ]
   },
@@ -767,9 +767,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כפי שוודאי הצלחתם להבין, ירושה מרובה יכולה להכניס אותנו להרבה \"פינות\" שלא מוגדרות היטב.<br>\n",
-    "    מהסיבה הזו פייתון החליטה לעשות מעשה, וליישר בכוח את העץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כפי שוודאי הצלחתם להבין, ירושה מרובה יכולה להכניס אותנו להרבה \"פינות\" שלא מוגדרות היטב.<br/>\n",
+    "    מהסיבה הזו פייתון החליטה לעשות מעשה, וליישר בכוח את העץ.<br/>\n",
     "    נביט בשרשרת הירושה של מחלקת <var>Tank</var>:\n",
     "</p>"
    ]
@@ -787,9 +787,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אף על פי שטכנית היינו מצפים לראות עץ שבו <var>Weapon</var> ו־<var>Vehicle</var> נמצאות באותה רמה ומצביעות על <var>Tank</var>,<br>\n",
-    "    בפועל פייתון \"משטחת\" את עץ הירושה כך ש־<var>Tank</var> יורשת מ־<var>Weapon</var> שיורשת מ־<var>Vehicle</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אף על פי שטכנית היינו מצפים לראות עץ שבו <var>Weapon</var> ו־<var>Vehicle</var> נמצאות באותה רמה ומצביעות על <var>Tank</var>,<br/>\n",
+    "    בפועל פייתון \"משטחת\" את עץ הירושה כך ש־<var>Tank</var> יורשת מ־<var>Weapon</var> שיורשת מ־<var>Vehicle</var>.<br/>\n",
     "    הסדר של המחלקות לאחר השיטוח נקבע לפי אלגוריתם שנקרא <a href=\"https://en.wikipedia.org/wiki/C3_linearization\">C3 Linearization</a>, אבל זה לא משהו שבאמת חשוב לדעת בשלב הזה.\n",
     "</p>"
    ]
@@ -799,8 +799,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/multiple_inheritance.svg?v=4\" style=\"max-width: 900px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש שני צדדים המופרדים בקו מקווקו. כותרת הצד הימני היא 'ירושה מרובה לפי הספר', ובה רואים את מחלקות Weapon ו־Vehicle באותו גובה, כששתיהן מצביעות ישירות למחלקת Tank. כותרת הצד השמאלי של התמונה היא 'ירושה בפייתון', ובה רואים את מחלקת Tank יורשת ממחלקת Vehicle שיורשת ממחלקת Weapon.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דוגמה להשטחה שפייתון עושה לירושה מרובה.\n",
+    "<img alt=\"בתמונה יש שני צדדים המופרדים בקו מקווקו. כותרת הצד הימני היא 'ירושה מרובה לפי הספר', ובה רואים את מחלקות Weapon ו־Vehicle באותו גובה, כששתיהן מצביעות ישירות למחלקת Tank. כותרת הצד השמאלי של התמונה היא 'ירושה בפייתון', ובה רואים את מחלקת Tank יורשת ממחלקת Vehicle שיורשת ממחלקת Weapon.\" src=\"images/multiple_inheritance.svg?v=4\" style=\"max-width: 900px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">דוגמה להשטחה שפייתון עושה לירושה מרובה.\n",
     "    </figcaption>\n",
     "</figure>"
    ]
@@ -809,17 +809,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">Mixin־ים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">Mixin־ים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    רעיון נפוץ המבוסס על ירושה מרובה הוא Mixin.<br>\n",
-    "    <dfn>Mixin</dfn> היא מחלקה שאין לה תכלית בפני עצמה, והיא קיימת כדי \"לתרום\" תכונות ופעולות למחלקה שתירש אותה.<br>\n",
-    "    לרוב נשתמש בשתי Mixins לפחות, כדי ליצור מהן מחלקות מורכבות יותר, שכוללות את הפעולות והתכונות של כל ה־Mixins.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    רעיון נפוץ המבוסס על ירושה מרובה הוא Mixin.<br/>\n",
+    "<dfn>Mixin</dfn> היא מחלקה שאין לה תכלית בפני עצמה, והיא קיימת כדי \"לתרום\" תכונות ופעולות למחלקה שתירש אותה.<br/>\n",
+    "    לרוב נשתמש בשתי Mixins לפחות, כדי ליצור מהן מחלקות מורכבות יותר, שכוללות את הפעולות והתכונות של כל ה־Mixins.<br/>\n",
     "    לדוגמה: ניצור מחלקת \"כפתור\" (<var>Button</var>) שיורשת ממחלקת \"מלבן גדול\" (<var>LargeRectangle</var>) וממחלקת \"לחיץ\" (<var>Clickable</var>).\n",
     "</p>"
    ]
@@ -857,7 +857,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניצור כפתור ונראה שהוא אכן קיבל את התכונות והפעולות משתי המחלקות:\n",
     "</p>"
    ]
@@ -878,10 +878,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בחלק משפות התכנות האחרות ל־Mixins יש תחביר מיוחד, אולם בפייתון משתמשים פשוט בירושה מרובה.<br>\n",
-    "    מהסיבה הזו, בין היתר, ההבדל בין Mixins לבין ירושה מרובה עלול להיראות מעורפל מעט.<br>\n",
-    "    הדגש ב־Mixins הוא שהן מוגדרות כארגז תכונות או פעולות שאפשר לרשת, והן לא מיועדות לכך שיצרו ישירות מהן מופעים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בחלק משפות התכנות האחרות ל־Mixins יש תחביר מיוחד, אולם בפייתון משתמשים פשוט בירושה מרובה.<br/>\n",
+    "    מהסיבה הזו, בין היתר, ההבדל בין Mixins לבין ירושה מרובה עלול להיראות מעורפל מעט.<br/>\n",
+    "    הדגש ב־Mixins הוא שהן מוגדרות כארגז תכונות או פעולות שאפשר לרשת, והן לא מיועדות לכך שיצרו ישירות מהן מופעים.<br/>\n",
     "    אפשר להגיד שכל מקרה של Mixins משתמש בירושה מרובה, אך לא כל מקרה של ירושה מרובה כולל Mixins.\n",
     "</p>"
    ]
@@ -890,27 +890,27 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>מחלקה מופשטת (Abstract Class)</dt>\n",
-    "    <dd>\n",
-    "        מחלקה שלא נהוג ליצור ממנה מופעים.<br>\n",
-    "        המחלקה המופשטת תגדיר פעולות ללא מימוש שנקראות \"פעולות מופשטות\".<br>\n",
-    "        המחלקות שיורשות מהמחלקה המופשטת יממשו את הפעולות הללו.<br>\n",
-    "    </dd>\n",
-    "    <dt>ירושה מרובה (Multiple Inheritance)</dt>\n",
-    "    <dd>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>מחלקה מופשטת (Abstract Class)</dt>\n",
+    "<dd>\n",
+    "        מחלקה שלא נהוג ליצור ממנה מופעים.<br/>\n",
+    "        המחלקה המופשטת תגדיר פעולות ללא מימוש שנקראות \"פעולות מופשטות\".<br/>\n",
+    "        המחלקות שיורשות מהמחלקה המופשטת יממשו את הפעולות הללו.<br/>\n",
+    "</dd>\n",
+    "<dt>ירושה מרובה (Multiple Inheritance)</dt>\n",
+    "<dd>\n",
     "        ירושה שמחלקה מבצעת ממחלקות רבות, במטרה לקבל את תכונותיהן ופעולותיהן של כמה מחלקות־על. \n",
     "    </dd>\n",
-    "    <dt>Mixin</dt>\n",
-    "    <dd>\n",
-    "        מחלקה שמטרתה לספק תכונות ופעולות למחלקות היורשות אותה, ואין לה שימוש כשהיא עומדת בפני עצמה.<br>\n",
+    "<dt>Mixin</dt>\n",
+    "<dd>\n",
+    "        מחלקה שמטרתה לספק תכונות ופעולות למחלקות היורשות אותה, ואין לה שימוש כשהיא עומדת בפני עצמה.<br/>\n",
     "        לרוב נעשה שימוש ביותר מ־Mixin אחת בעזרת ירושה מרובה. \n",
     "    </dd>\n",
     "</dl>"
@@ -920,23 +920,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל לדוגמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שחמט הוא משחק שבו שני שחקנים מתמודדים זה מול זה על לכידת מלכו של היריב.<br>\n",
-    "    לכל אחד מהשחקנים יש צבא שמורכב מכלי משחק, ועליהם לעשות בצבא שימוש מושכל כדי להשיג יתרון על פני השחקן השני.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שחמט הוא משחק שבו שני שחקנים מתמודדים זה מול זה על לכידת מלכו של היריב.<br/>\n",
+    "    לכל אחד מהשחקנים יש צבא שמורכב מכלי משחק, ועליהם לעשות בצבא שימוש מושכל כדי להשיג יתרון על פני השחקן השני.<br/>\n",
     "    כדי להבדיל בין כלי המשחק של השחקנים, כלי המשחק של שחקן אחד לבנים ואילו של השחקן השני שחורים.\n",
     "</p>"
    ]
@@ -945,8 +945,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו לוח של משחק שחמט בגודל 8 על 8 משבצות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו לוח של משחק שחמט בגודל 8 על 8 משבצות.<br/>\n",
     "</p>"
    ]
   },
@@ -955,8 +955,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/chessboard.svg\" style=\"max-width: 200px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"תמונה של לוח שחמט בגודל 8 על 8, ללא כלים עליו. הריבוע השמאלי עליון הוא לבן, והריבועים הסמוכים אליו צבועים בחום. השורה העליונה ביותר ממוספרת 8, זו שתחתיה 7 וכן הלאה. השורה התחתונה ביותר ממוספרת 1. הטור השמאלי ביותר מסומן באות א, זה שמימינו מסומן באות ב, וכך הלאה. הטור הימני ביותר מסומן באות ח.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">לוח שחמט סטנדרטי ללא כלים עליו.<br>מקור: ויקיפדיה.\n",
+    "<img alt=\"תמונה של לוח שחמט בגודל 8 על 8, ללא כלים עליו. הריבוע השמאלי עליון הוא לבן, והריבועים הסמוכים אליו צבועים בחום. השורה העליונה ביותר ממוספרת 8, זו שתחתיה 7 וכן הלאה. השורה התחתונה ביותר ממוספרת 1. הטור השמאלי ביותר מסומן באות א, זה שמימינו מסומן באות ב, וכך הלאה. הטור הימני ביותר מסומן באות ח.\" src=\"images/chessboard.svg\" style=\"max-width: 200px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">לוח שחמט סטנדרטי ללא כלים עליו.<br/>מקור: ויקיפדיה.\n",
     "    </figcaption>\n",
     "</figure>"
    ]
@@ -965,9 +965,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשחמט 6 סוגים של כלי משחק: רגלי, צריח, פרש, רץ, מלך ומלכה.<br>\n",
-    "    בפתיחת המשחק, שורות 1 ו־2 מלאות בכליו של השחקן הלבן ושורות 7 ו־8 מלאות בכליו של השחקן השחור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשחמט 6 סוגים של כלי משחק: רגלי, צריח, פרש, רץ, מלך ומלכה.<br/>\n",
+    "    בפתיחת המשחק, שורות 1 ו־2 מלאות בכליו של השחקן הלבן ושורות 7 ו־8 מלאות בכליו של השחקן השחור.<br/>\n",
     "    הכלים מסודרים על הלוח כדלקמן:\n",
     "</p>"
    ]
@@ -976,13 +976,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>על כל המשבצות בשורה 2 ובשורה 7 מונחים רגלים.</li>\n",
-    "    <li>בשורות 1 ו־8, בטורים א ו־ח מונחים צריחים.</li>\n",
-    "    <li>בשורות 1 ו־8, בטורים ב ו־ז מונחים פרשים.</li>\n",
-    "    <li>בשורות 1 ו־8, בטורים ג ו־ו מונחים רצים.</li>\n",
-    "    <li>בשורות 1 ו־8, בטור ד מונחת המלכה.</li>\n",
-    "    <li>בשורות 1 ו־8, בטור ה מונח המלך.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>על כל המשבצות בשורה 2 ובשורה 7 מונחים רגלים.</li>\n",
+    "<li>בשורות 1 ו־8, בטורים א ו־ח מונחים צריחים.</li>\n",
+    "<li>בשורות 1 ו־8, בטורים ב ו־ז מונחים פרשים.</li>\n",
+    "<li>בשורות 1 ו־8, בטורים ג ו־ו מונחים רצים.</li>\n",
+    "<li>בשורות 1 ו־8, בטור ד מונחת המלכה.</li>\n",
+    "<li>בשורות 1 ו־8, בטור ה מונח המלך.</li>\n",
     "</ul>"
    ]
   },
@@ -990,17 +990,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <a href=\"https://en.wikipedia.org/wiki/Rules_of_chess#Movement\">חוקי התנועה</a> של הכלים מפורטים להלן:\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<a href=\"https://en.wikipedia.org/wiki/Rules_of_chess#Movement\">חוקי התנועה</a> של הכלים מפורטים להלן:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>מלכה יכולה לנוע מספר בלתי מוגבל של משבצות לכל כיוון, לצדדים או באלכסון.</li>\n",
-    "    <li>צריח יכול לנוע מספר בלתי מוגבל של צעדים לצדדים: אנכי או אופקי.</li>\n",
-    "    <li>רץ יכול לנוע מספר בלתי מוגבל של צעדים באלכסון.</li>\n",
-    "    <li>פרש יכול לנוע שני צעדים אופקית ואז עוד צעד אנכית, או שני צעדים אנכית ואז עוד צעד אופקית.</li>\n",
-    "    <li>רגלי יכול לנוע צעד אחד לכיוון היריב. אם הוא עדיין לא נע ממקומו ההתחלתי, הוא יכול לבחור לעשות שני צעדים לכיוון היריב.</li>\n",
-    "    <li>מלך יכול לנוע לכל משבצת הסמוכה לו, כל עוד כלי היריב לא יכולים להגיע למשבצת הזו בתורם.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>מלכה יכולה לנוע מספר בלתי מוגבל של משבצות לכל כיוון, לצדדים או באלכסון.</li>\n",
+    "<li>צריח יכול לנוע מספר בלתי מוגבל של צעדים לצדדים: אנכי או אופקי.</li>\n",
+    "<li>רץ יכול לנוע מספר בלתי מוגבל של צעדים באלכסון.</li>\n",
+    "<li>פרש יכול לנוע שני צעדים אופקית ואז עוד צעד אנכית, או שני צעדים אנכית ואז עוד צעד אופקית.</li>\n",
+    "<li>רגלי יכול לנוע צעד אחד לכיוון היריב. אם הוא עדיין לא נע ממקומו ההתחלתי, הוא יכול לבחור לעשות שני צעדים לכיוון היריב.</li>\n",
+    "<li>מלך יכול לנוע לכל משבצת הסמוכה לו, כל עוד כלי היריב לא יכולים להגיע למשבצת הזו בתורם.</li>\n",
     "</ul>"
    ]
   },
@@ -1008,10 +1007,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כלי בתנועה לא יכול \"לדלג\" מעל כלי משחק אחרים – אם כלי נמצא בדרכו, הכלי שבתנועה לא יוכל לגשת למשבצות שנמצאות מעבר לאותו כלי חוסם.<br>\n",
-    "    יוצא דופן לכלל זה הוא פרש – שיכול לדלג מעל כלים אחרים.<br>\n",
-    "    אם הכלי החוסם הוא כלי של האויב, הכלי בתנועה רשאי לעבור ולעמוד על המשבצת של הכלי החוסם (נקרא גם \"להכות אותו\"), ולהסיר את הכלי החוסם מהמשחק.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כלי בתנועה לא יכול \"לדלג\" מעל כלי משחק אחרים – אם כלי נמצא בדרכו, הכלי שבתנועה לא יוכל לגשת למשבצות שנמצאות מעבר לאותו כלי חוסם.<br/>\n",
+    "    יוצא דופן לכלל זה הוא פרש – שיכול לדלג מעל כלים אחרים.<br/>\n",
+    "    אם הכלי החוסם הוא כלי של האויב, הכלי בתנועה רשאי לעבור ולעמוד על המשבצת של הכלי החוסם (נקרא גם \"להכות אותו\"), ולהסיר את הכלי החוסם מהמשחק.<br/>\n",
     "    יוצא דופן לכלל זה הוא רגלי – הוא לא יכול להכות חייל שחוסם אותו מלפנים, והוא כן יכול להכות חייל שנמצא באלכסון הימני או השמאלי של כיוון ההתקדמות שלו.\n",
     "</p>"
    ]
@@ -1020,8 +1019,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השחמטאים שביניכם יכולים להתעלם כרגע ממהלכים \"מיוחדים\", כמו הכאה דרך הילוכו, הצרחה או הכתרה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השחמטאים שביניכם יכולים להתעלם כרגע ממהלכים \"מיוחדים\", כמו הכאה דרך הילוכו, הצרחה או הכתרה.<br/>\n",
     "    כמו כן, בינתיים נתעלם מהחוק שקובע שאם המלך מאוים, השחקן חייב לבצע מהלך שיסיר ממנו את האיום.\n",
     "</p>"
    ]
@@ -1030,15 +1029,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">התרגיל</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">התרגיל</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו מחלקת <var>Board</var> שתכיל תכונה בשם <var>board</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו מחלקת <var>Board</var> שתכיל תכונה בשם <var>board</var>.<br/>\n",
     "    ביצירת הלוח, ייווצר לוח תקני מאויש בכלי משחק כפי שהוסבר לעיל.\n",
     "</p>"
    ]
@@ -1047,10 +1046,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לצורך כך, צרו מחלקה כללית בשם <var>Piece</var> המייצגת כלי משחק בשחמט.<br>\n",
-    "    לכל כלי משחק צבע (<var>color</var>), השורה שבה הוא נמצא (<var>row</var>) והעמודה שבה הוא נמצא (<var>column</var>).<br>\n",
-    "    צרו גם מחלקות עבור כל אחד מהכלים: <var>Pawn</var> (רגלי), <var>Rook</var> (צריח), <var>Knight</var> (פרש), <var>Bishop</var> (רץ), <var>Queen</var> (מלכה) ו־<var>King</var> (מלך).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לצורך כך, צרו מחלקה כללית בשם <var>Piece</var> המייצגת כלי משחק בשחמט.<br/>\n",
+    "    לכל כלי משחק צבע (<var>color</var>), השורה שבה הוא נמצא (<var>row</var>) והעמודה שבה הוא נמצא (<var>column</var>).<br/>\n",
+    "    צרו גם מחלקות עבור כל אחד מהכלים: <var>Pawn</var> (רגלי), <var>Rook</var> (צריח), <var>Knight</var> (פרש), <var>Bishop</var> (רץ), <var>Queen</var> (מלכה) ו־<var>King</var> (מלך).<br/>\n",
     "</p>"
    ]
   },
@@ -1058,8 +1057,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשרו לכל אחד מכלי המשחק לזוז על הלוח לפי החוקיות שתוארה מעלה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשרו לכל אחד מכלי המשחק לזוז על הלוח לפי החוקיות שתוארה מעלה.<br/>\n",
     "    דאגו שקריאה ל־<var>Board</var> תדפיס לוח ועליו כלי משחק לפי המצב העדכני של הלוח.\n",
     "</p>"
    ]
@@ -1068,15 +1067,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתרון אפשרי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פתרון אפשרי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נפתח ונאמר שאם אתם אמיצים במידה מספקת – אנחנו ממליצים לכם לנסות לפתור את התרגיל בעצמכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נפתח ונאמר שאם אתם אמיצים במידה מספקת – אנחנו ממליצים לכם לנסות לפתור את התרגיל בעצמכם.<br/>\n",
     "    הוא בהחלט לא פשוט ועלול לקחת לא מעט זמן, ולכן הפתרון שלנו מוגש פה:\n",
     "</p>"
    ]
@@ -1552,16 +1551,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/warning.png\" style=\"height: 50px !important;\" alt=\"אזהרה!\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            בשבועיים האחרונים אנחנו משתמשים לא מעט במחלקות כדי לתרגל רעיונות חשובים בתכנות.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"אזהרה!\" height=\"50px\" src=\"images/warning.png\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            בשבועיים האחרונים אנחנו משתמשים לא מעט במחלקות כדי לתרגל רעיונות חשובים בתכנות.<br/>\n",
     "            עם הכוח באה האחריות – למרות כל הטכניקות המגניבות שלמדנו, כדאי להימנע מלסבך הנדסית את הקוד שלנו יתר על המידה.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -1569,23 +1568,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מלון קליפורניה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מלון קליפורניה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על כביש מדברי חשוך, כשמשב רוח קריר בשערכם, אתם מבחינים באור המבליח באופק. ראשכם נהיה כבד עליכם ואתם מחליטים לחנות להלילה.<br> \n",
-    "    אתם ניגשים לדלפק הקבלה במלון הסמוך, פוגשים בקבלה את הילברט, ומבקשים ממנו לשכור חדר.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על כביש מדברי חשוך, כשמשב רוח קריר בשערכם, אתם מבחינים באור המבליח באופק. ראשכם נהיה כבד עליכם ואתם מחליטים לחנות להלילה.<br/> \n",
+    "    אתם ניגשים לדלפק הקבלה במלון הסמוך, פוגשים בקבלה את הילברט, ומבקשים ממנו לשכור חדר.<br/>\n",
     "    הילברט שואל אתכם אם אתם \"טובים במחשבים\", ומבקש שתעזרו לו לכתוב את התוכנה לניהול בית העסק שלו.\n",
     "</p>"
    ]
@@ -1594,15 +1593,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לכל חדר במלון קליפורניה נתונים כמפורט:\n",
     "</p>\n",
-    "\n",
-    "<ul style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>סוג חדר: יחיד, זוגי, מלכותי או שופרא דשופרא (הילברט עדיין עובד על הקופי).</li>\n",
-    "    <li>מספר חדר.</li>\n",
-    "    <li>קומה.</li>\n",
-    "    <li>אם פנוי להזמנה.</li>\n",
+    "<ul dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>סוג חדר: יחיד, זוגי, מלכותי או שופרא דשופרא (הילברט עדיין עובד על הקופי).</li>\n",
+    "<li>מספר חדר.</li>\n",
+    "<li>קומה.</li>\n",
+    "<li>אם פנוי להזמנה.</li>\n",
     "</ul>"
    ]
   },
@@ -1610,8 +1608,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בחדר יחיד אפשר להכניס עד מיטה אחת, בחדר זוגי ובחדר מלכותי שתיים, ובחדר שופרא דשופרא יש מקום לעד 3 מיטות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בחדר יחיד אפשר להכניס עד מיטה אחת, בחדר זוגי ובחדר מלכותי שתיים, ובחדר שופרא דשופרא יש מקום לעד 3 מיטות.<br/>\n",
     "    אפשר להוסיף מיטה לכל חדר או להוציא ממנו מיטה, כל עוד יש בחדר לפחות מיטה אחת ומספר המיטות אינו גבוה מהתפוסה המרבית של החדר.\n",
     "</p>"
    ]
@@ -1620,10 +1618,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בינתיים, עד שהילברט ימצא תעלול על־אנושי כלשהו, מספר החדרים במלון שלו מוגבל.<br>\n",
-    "    צרו מחלקה שתנהל את החדרים במלון שלו.<br>\n",
-    "    המחלקה תכיל את הפעולה <var>search_room</var> שבהפעלתה תחזיר להילברט את החדר הפנוי הראשון שהיא מוצאת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בינתיים, עד שהילברט ימצא תעלול על־אנושי כלשהו, מספר החדרים במלון שלו מוגבל.<br/>\n",
+    "    צרו מחלקה שתנהל את החדרים במלון שלו.<br/>\n",
+    "    המחלקה תכיל את הפעולה <var>search_room</var> שבהפעלתה תחזיר להילברט את החדר הפנוי הראשון שהיא מוצאת.<br/>\n",
     "    חלק מהמשתמשים מעדיפים ללון בקומה מסוימת או בחדר מסוג מסוים. אפשרו להעביר לפונקציה את הפרמטרים הללו ולחפש לפיהם. \n",
     "</p>"
    ]
@@ -1632,8 +1630,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על כל חדר שאינו שופרא דשופרא יוכל הלקוח לבצע פעולת <var>upgrade</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על כל חדר שאינו שופרא דשופרא יוכל הלקוח לבצע פעולת <var>upgrade</var>.<br/>\n",
     "    הפעולה תעביר אותו לחדר בדרגה אחת גבוהה יותר, אם יש חדר כזה פנוי.\n",
     "</p>"
    ]
@@ -1642,15 +1640,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שחמט גנואים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שחמט גנואים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חניכים שובבים (לא אתם חלילה) החליטו לדלג על התרגיל לדוגמה, שמדגים בצורה מאלפת שימוש ברעיונות של מחלקה מופשטת וב־Mixins.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חניכים שובבים (לא אתם חלילה) החליטו לדלג על התרגיל לדוגמה, שמדגים בצורה מאלפת שימוש ברעיונות של מחלקה מופשטת וב־Mixins.<br/>\n",
     "    כדי לוודא שהם מבינים את החומר, השתמשו במימוש שבדוגמה (או במימוש שכתבתם בעצמכם, כמובן) ועזרו להם לממש שחמט גנואים.\n",
     "</p>"
    ]
@@ -1659,22 +1657,19 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשחמט גנואים רוחבו של הלוח הוא 11 משבצות ואורכו 10 משבצות.<br>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורה 1, בעמודה ז  (או g בגרסה האנגלית) מוצב גנו, ובעמודות ח ו־ט (h ו־i באנגלית) מוצבים גמלים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשחמט גנואים רוחבו של הלוח הוא 11 משבצות ואורכו 10 משבצות.<br/>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורה 1, בעמודה ז  (או g בגרסה האנגלית) מוצב גנו, ובעמודות ח ו־ט (h ו־i באנגלית) מוצבים גמלים.<br/>\n",
     "    בשורה 10, בעמודה ה  (או e בגרסה האנגלית) מוצב גנו, ובעמודות ג ו־ד (c ו־d באנגלית) מוצבים גמלים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשורה 1, בעמודה ה  (או e בגרסה האנגלית) מוצבת המלכה, ובעמודות ג ו־ד (c ו־d באנגלית) מוצבים רצים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשורה 1, בעמודה ה  (או e בגרסה האנגלית) מוצבת המלכה, ובעמודות ג ו־ד (c ו־d באנגלית) מוצבים רצים.<br/>\n",
     "    בשורה 10, בעמודה ז  (או g בגרסה האנגלית) מוצבת המלכה, ובעמודות ח ו־ט (h ו־i באנגלית) מוצבים רצים.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שאר הכלים מסודרים באותו הסדר.\n",
-    "</p>"
+    "</p></p>"
    ]
   },
   {
@@ -1682,8 +1677,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/wildebeest.png\" style=\"max-width: 300px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"צורת סידור הלוח בשחמט גנואים. בשורה העליונה, הכלים השחורים, משמאל לימין: צריח, פרש, גמל, גמל, גנו, מלך, מלכה, רץ, רץ, פרש, צריח. בשורה התחתונה בלוח, הכלים הלבנים מסודרים באותו סדר, הפעם מימין לשמאל. שורות הרגליים נשארות מלאות ברגליים.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">לוח שחמט ערוך למשחק שחמט גנואים.<br>מקור: ויקיפדיה.\n",
+    "<img alt=\"צורת סידור הלוח בשחמט גנואים. בשורה העליונה, הכלים השחורים, משמאל לימין: צריח, פרש, גמל, גמל, גנו, מלך, מלכה, רץ, רץ, פרש, צריח. בשורה התחתונה בלוח, הכלים הלבנים מסודרים באותו סדר, הפעם מימין לשמאל. שורות הרגליים נשארות מלאות ברגליים.\" src=\"images/wildebeest.png\" style=\"max-width: 300px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">לוח שחמט ערוך למשחק שחמט גנואים.<br/>מקור: ויקיפדיה.\n",
     "    </figcaption>\n",
     "</figure>"
    ]
@@ -1692,10 +1687,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גמלים נעים בצורה דומה לפרשים: 3 צעדים אנכית ואז צעד אחד אופקית, או 3 צעדים אופקית ואז צעד אחד אנכית.<br>\n",
-    "    גנואים יכולים לבחור בכל תור אם הם רוצים לנוע כגמל או כפרש.<br>\n",
-    "    שני כלי המשחק, גמל וגנו, יכולים לדלג מעל כלים אחרים מבלי להיחסם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גמלים נעים בצורה דומה לפרשים: 3 צעדים אנכית ואז צעד אחד אופקית, או 3 צעדים אופקית ואז צעד אחד אנכית.<br/>\n",
+    "    גנואים יכולים לבחור בכל תור אם הם רוצים לנוע כגמל או כפרש.<br/>\n",
+    "    שני כלי המשחק, גמל וגנו, יכולים לדלג מעל כלים אחרים מבלי להיחסם.<br/>\n",
     "    תוכלו להשתמש בתווים ⛀ ו־⛂ כדי לייצג גמלים ובתווים ⛁ ו־⛃ כדי לייצג גנואים.\n",
     "</p>"
    ]
@@ -1704,10 +1699,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בגרסה זו של המשחק ישנה הרחבה קלה לתנועת הרגלים הבסיסית.<br>\n",
-    "    אם רגלי לא נע מעולם, הוא יכול לנוע עד 3 צעדים במעלה הלוח.<br>\n",
-    "    אם רגלי נע רק צעד אחד במעלה הלוח, הוא עדיין רשאי להתקדם 2 צעדים נוספים במעלה הלוח.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בגרסה זו של המשחק ישנה הרחבה קלה לתנועת הרגלים הבסיסית.<br/>\n",
+    "    אם רגלי לא נע מעולם, הוא יכול לנוע עד 3 צעדים במעלה הלוח.<br/>\n",
+    "    אם רגלי נע רק צעד אחד במעלה הלוח, הוא עדיין רשאי להתקדם 2 צעדים נוספים במעלה הלוח.<br/>\n",
     "    רגלי שהתקדם 2 צעדים או יותר רשאי לנוע רק צעד אחד במעלה הלוח בכל פעם.\n",
     "</p>"
    ]
@@ -1716,10 +1711,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נוסף על כך, בלי קשר לשחמט גנואים וסתם בשביל הכיף, ממשו חד־קרן.<br>\n",
-    "    חד־קרן הוא כלי שיכול לנוע בתור אחד מספר בלתי מוגבל של צעדי פרש לאותו הכיוון.<br>\n",
-    "    לצורך ייצוג חד־קרן לבן על הלוח תוכלו להשתמש בתו 🦄, ועבור השחור השתמשו ב־🐴 (זה מה יש).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נוסף על כך, בלי קשר לשחמט גנואים וסתם בשביל הכיף, ממשו חד־קרן.<br/>\n",
+    "    חד־קרן הוא כלי שיכול לנוע בתור אחד מספר בלתי מוגבל של צעדי פרש לאותו הכיוון.<br/>\n",
+    "    לצורך ייצוג חד־קרן לבן על הלוח תוכלו להשתמש בתו 🦄, ועבור השחור השתמשו ב־🐴 (זה מה יש).<br/>\n",
     "    וכן, אנחנו יודעים שהוא הורס את הדפסת הלוח. מותר לו. הוא חד־קרן.\n",
     "</p>"
    ]
@@ -1729,8 +1724,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/nightrider.png\" style=\"max-width: 200px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"פרש לבן נמצא במשבצת b2 בלוח שחמט סטנדרטי בגודל 8 על 8. רגלי נמצא במשבצת f4. הפרש יכול להגיע לכל המשבצות הבאות: d1, d3, a4, c4, d6, e8.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">תנועה אופיינית לחד־קרן.<br>מקור: ויקיפדיה.\n",
+    "<img alt=\"פרש לבן נמצא במשבצת b2 בלוח שחמט סטנדרטי בגודל 8 על 8. רגלי נמצא במשבצת f4. הפרש יכול להגיע לכל המשבצות הבאות: d1, d3, a4, c4, d6, e8.\" src=\"images/nightrider.png\" style=\"max-width: 200px; margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">תנועה אופיינית לחד־קרן.<br/>מקור: ויקיפדיה.\n",
     "    </figcaption>\n",
     "</figure>"
    ]
@@ -1739,7 +1734,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    חשבתם שבמקרה התעוררתי היום במצב רוח להמצאת גרסאות שחמט משוגעות? אז זהו, שלא.\n",
     "    <a href=\"https://en.wikipedia.org/wiki/Wildebeest_chess\">הכול</a>. <a href=\"https://en.wikipedia.org/wiki/Nightrider_(chess)\">כבר</a>. <a href=\"https://en.wikipedia.org/wiki/Camel_(chess)\">קיים</a>.\n",
     "</p>"
diff --git a/week8/3_Exceptions.ipynb b/week8/3_Exceptions.ipynb
index 7afcc53..f2a3730 100644
--- a/week8/3_Exceptions.ipynb
+++ b/week8/3_Exceptions.ipynb
@@ -4,29 +4,29 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">חריגות</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חריגות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עוד בשבוע הראשון, כשרק התחלתם את הקורס, הזהרנו אתכם שהמחשב עלול להיות עמית קשוח לעבודה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עוד בשבוע הראשון, כשרק התחלתם את הקורס, הזהרנו אתכם שהמחשב עלול להיות עמית קשוח לעבודה.<br/>\n",
     "    הוא תמיד מבצע בדיוק את מה שהוריתם לו לעשות, ולא מסוגל להתגבר לבד גם על הקלה שבטעויות.\n",
     "</p>"
    ]
@@ -35,9 +35,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במהלך הקורס נתקלתם פעמים רבות בחריגות (\"שגיאות\") שפייתון התריעה לכם עליהן.<br>\n",
-    "    חלק מההתרעות על חריגות התרחשו בגלל טעויות בסיסיות בקוד, כמו נקודתיים חסרות בסוף שורת <code>if</code>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במהלך הקורס נתקלתם פעמים רבות בחריגות (\"שגיאות\") שפייתון התריעה לכם עליהן.<br/>\n",
+    "    חלק מההתרעות על חריגות התרחשו בגלל טעויות בסיסיות בקוד, כמו נקודתיים חסרות בסוף שורת <code>if</code>,<br/>\n",
     "    וחלק מהן התרחשו בגלל בעיות שהתגלו מאוחר יותר – כמו קובץ שניסיתם לפתוח אבל לא היה קיים במחשב.\n",
     "</p>"
    ]
@@ -46,8 +46,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בפרק זה ניכנס בעובי הקורה בכל הנוגע לחריגות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בפרק זה ניכנס בעובי הקורה בכל הנוגע לחריגות.<br/>\n",
     "    נבין אילו סוגי חריגות יש, איך מפענחים אותן ואיך הן בנויות בפייתון, איך מטפלים בהן ואיך יוצרים חריגות בעצמנו.\n",
     "</p>"
    ]
@@ -56,15 +56,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הגדרה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dfn>חריגה</dfn> (<dfn>Exception</dfn>) מייצגת כשל שהתרחש בזמן שפייתון ניסתה לפענח את הקוד שלנו או להריץ אותו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dfn>חריגה</dfn> (<dfn>Exception</dfn>) מייצגת כשל שהתרחש בזמן שפייתון ניסתה לפענח את הקוד שלנו או להריץ אותו.<br/>\n",
     "    כשהקוד קורס ומוצגת לנו הודעת שגיאה, אפשר להגיד שפייתון <dfn>מתריעה על חריגה</dfn> (<dfn>raise an exception</dfn>).\n",
     "</p>"
    ]
@@ -73,7 +73,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נבדיל בין שני סוגי חריגות: שגיאות תחביר וחריגות כלליות.\n",
     "</p>"
    ]
@@ -82,16 +82,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">שגיאת תחביר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">שגיאת תחביר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פייתון תתריע לפנינו על <dfn>שגיאת תחביר</dfn> (<dfn>syntax error</dfn>) כשנכתוב קוד שהיא לא מסוגלת לפענח.<br>\n",
-    "    לרוב זה יתרחש כשלא עמדנו בכללי התחביר של פייתון ושכחנו תו מסוים, בין אם זה סגירת סוגריים, גרשיים או נקודתיים בסוף שורה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פייתון תתריע לפנינו על <dfn>שגיאת תחביר</dfn> (<dfn>syntax error</dfn>) כשנכתוב קוד שהיא לא מסוגלת לפענח.<br/>\n",
+    "    לרוב זה יתרחש כשלא עמדנו בכללי התחביר של פייתון ושכחנו תו מסוים, בין אם זה סגירת סוגריים, גרשיים או נקודתיים בסוף שורה.<br/>\n",
     "    ודאי נתקלתם בשגיאה דומה בעבר:\n",
     "</p>"
    ]
@@ -112,15 +112,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פייתון משתדלת לספק לנו כמה שיותר מידע על מקור השגיאה:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פייתון משתדלת לספק לנו כמה שיותר מידע על מקור השגיאה:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>בשורה הראשונה נראה מידע על מיקום השגיאה: קובץ (אם יש כזה) ומספר השורה שבה נמצאה השגיאה.</li>\n",
-    "    <li>בשורה השנייה את הקוד שבו פייתון מצאה את השגיאה.</li>\n",
-    "    <li>בשורה השלישית חץ שמצביע חזותית למקום שבו נמצאה השגיאה.</li>\n",
-    "    <li>בשורה הרביעית פייתון מסבירה לנו מה התרחש ומספקת הסבר קצר על השגיאה. במקרה הזה – <code>SyntaxError</code>.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>בשורה הראשונה נראה מידע על מיקום השגיאה: קובץ (אם יש כזה) ומספר השורה שבה נמצאה השגיאה.</li>\n",
+    "<li>בשורה השנייה את הקוד שבו פייתון מצאה את השגיאה.</li>\n",
+    "<li>בשורה השלישית חץ שמצביע חזותית למקום שבו נמצאה השגיאה.</li>\n",
+    "<li>בשורה הרביעית פייתון מסבירה לנו מה התרחש ומספקת הסבר קצר על השגיאה. במקרה הזה – <code>SyntaxError</code>.</li>\n",
     "</ol>"
    ]
   },
@@ -128,8 +127,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כשמדובר בשגיאות תחביר כדאי להסתכל על מיקום השגיאה בעין ביקורתית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כשמדובר בשגיאות תחביר כדאי להסתכל על מיקום השגיאה בעין ביקורתית.<br/>\n",
     "    בחלק מהפעמים, פייתון תכלול בשגיאה מידע לא מדויק על מיקום השגיאה:\n",
     "</p>"
    ]
@@ -156,10 +155,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר לראות בקוד שלמעלה ששכחנו לסגור את הסוגריים שפתחנו בשורה הראשונה.<br>\n",
-    "    הודעת השגיאה שפייתון תציג לנו מצביעה על הלולאה כמקור לבעיה, כאשר הבעיה האמיתית היא בבירור אי סגירת הסוגריים.<br>\n",
-    "    ההודעות הלא מדויקות של פייתון בהקשר של שגיאות תחביר מבלבלות לעיתים קרובות מתכנתים מתחילים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר לראות בקוד שלמעלה ששכחנו לסגור את הסוגריים שפתחנו בשורה הראשונה.<br/>\n",
+    "    הודעת השגיאה שפייתון תציג לנו מצביעה על הלולאה כמקור לבעיה, כאשר הבעיה האמיתית היא בבירור אי סגירת הסוגריים.<br/>\n",
+    "    ההודעות הלא מדויקות של פייתון בהקשר של שגיאות תחביר מבלבלות לעיתים קרובות מתכנתים מתחילים.<br/>\n",
     "    המלצתנו, אם הסתבכתם עם שגיאה כזו - בדקו אם מקור השגיאה הוא בסביבה, ולאו דווקא במקום שפייתון מורה עליו.\n",
     "</p>"
    ]
@@ -168,16 +167,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חריגה כללית</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חריגה כללית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גם כשהקוד שלכם תואם את כללי התחביר של פייתון, לפעמים עלולות להתגלות בעיות בזמן הרצת הקוד.<br>\n",
-    "    כפי שוודאי כבר חוויתם, מנעד הבעיות האפשריות הוא רחב מאוד – החל בחלוקה באפס, עבור לטעות בשם המשתנה וכלה בניסיון לפתיחת קובץ לא קיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גם כשהקוד שלכם תואם את כללי התחביר של פייתון, לפעמים עלולות להתגלות בעיות בזמן הרצת הקוד.<br/>\n",
+    "    כפי שוודאי כבר חוויתם, מנעד הבעיות האפשריות הוא רחב מאוד – החל בחלוקה באפס, עבור לטעות בשם המשתנה וכלה בניסיון לפתיחת קובץ לא קיים.<br/>\n",
     "</p>"
    ]
   },
@@ -185,8 +184,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בניגוד להתרעה על חריגה במצב של שגיאות תחביר, פייתון תתריע על חריגות אחרות רק כשהיא תגיע להריץ את הקוד שגורם לחריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בניגוד להתרעה על חריגה במצב של שגיאות תחביר, פייתון תתריע על חריגות אחרות רק כשהיא תגיע להריץ את הקוד שגורם לחריגה.<br/>\n",
     "    נראה דוגמה לחריגה שכזו:\n",
     "</p>"
    ]
@@ -206,21 +205,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "            חשבו על כל החריגות שמשתמש שובב יכול לסחוט מהקוד שבתא למעלה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -228,8 +227,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אחת החריגות הראשונות שנחשוב עליהן היא חלוקה באפס, שלא מוגדרת חשבונית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אחת החריגות הראשונות שנחשוב עליהן היא חלוקה באפס, שלא מוגדרת חשבונית.<br/>\n",
     "    נראה מה יקרה כשננסה לבצע השמה של הערך 0 למשתנה <var>b</var>:\n",
     "</p>"
    ]
@@ -249,10 +248,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פייתון התריעה בפנינו על <var>ZeroDivisionError</var> בשורה 3, וגם הפעם היא פלטה לנו הודעה מפורטת יחסית.<br>\n",
-    "    בדיוק כמו בשגיאת התחביר, השורה האחרונה היא הודעה שמספרת לנו מה קרה בפועל: חילקתם באפס וזה אסור.<br>\n",
-    "    באותה שורה נראה גם את <dfn>סוג החריגה</dfn> (<var>ZeroDivisionError</var>) – הקטגוריה הכללית שאליה החריגה משתייכת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פייתון התריעה בפנינו על <var>ZeroDivisionError</var> בשורה 3, וגם הפעם היא פלטה לנו הודעה מפורטת יחסית.<br/>\n",
+    "    בדיוק כמו בשגיאת התחביר, השורה האחרונה היא הודעה שמספרת לנו מה קרה בפועל: חילקתם באפס וזה אסור.<br/>\n",
+    "    באותה שורה נראה גם את <dfn>סוג החריגה</dfn> (<var>ZeroDivisionError</var>) – הקטגוריה הכללית שאליה החריגה משתייכת.<br/>\n",
     "</p>"
    ]
   },
@@ -260,7 +259,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נוכל לראות סוג אחר של חריגה אם נעביר לאחד המשתנים אות במקום מספר:\n",
     "</p>"
    ]
@@ -280,9 +279,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    גם הפעם פייתון התריעה בפנינו על חריגה, אבל מסוג שונה.<br>\n",
-    "    חריגה מסוג <var>ValueError</var> מעידה שהערך שהעברנו הוא מהסוג (טיפוס) הנכון, אבל הוא לא התאים לביטוי שביקשנו מפייתון להריץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    גם הפעם פייתון התריעה בפנינו על חריגה, אבל מסוג שונה.<br/>\n",
+    "    חריגה מסוג <var>ValueError</var> מעידה שהערך שהעברנו הוא מהסוג (טיפוס) הנכון, אבל הוא לא התאים לביטוי שביקשנו מפייתון להריץ.<br/>\n",
     "    ההודעה שפייתון הציגה מסבירה לנו שאי אפשר להמיר את המחרוזת \"a\" למספר עשרוני.\n",
     "</p>"
    ]
@@ -291,14 +290,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">קריאת הודעת השגיאה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">קריאת הודעת השגיאה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ניקח לדוגמה את ההתרעה האחרונה שקיבלנו על חריגה:\n",
     "</p>"
    ]
@@ -318,7 +317,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה להבין לעומק את החלקים השונים של ההודעה:\n",
     "</p>"
    ]
@@ -328,8 +327,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/exception_parts.svg?v=3\" style=\"margin-right: auto; margin-left: auto; text-align: center;\" alt=\"תמונה הממחישה את החלקים השונים בהתרעת החריגה. חלקי הודעת השגיאה, לפי הסדר: שם הקובץ שבו נמצאה החריגה, מיקום החריגה, חץ המצביע למיקום החריגה, השורה שבה זוהתה החריגה, הקטגוריה של החריגה והסיבה להתרחשות החריגה. ויזואלית, בצד ימין יש קופסאות בצבעים עם תיאור חלקי השגיאה, ובצד שמאל יש את הודעת השגיאה כאשר כל חלק בה צבוע בצבעים המופיעים בצד ימין.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"תמונה הממחישה את החלקים השונים בהתרעת החריגה. חלקי הודעת השגיאה, לפי הסדר: שם הקובץ שבו נמצאה החריגה, מיקום החריגה, חץ המצביע למיקום החריגה, השורה שבה זוהתה החריגה, הקטגוריה של החריגה והסיבה להתרחשות החריגה. ויזואלית, בצד ימין יש קופסאות בצבעים עם תיאור חלקי השגיאה, ובצד שמאל יש את הודעת השגיאה כאשר כל חלק בה צבוע בצבעים המופיעים בצד ימין.\" src=\"images/exception_parts.svg?v=3\" style=\"margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        איור המבאר את חלקי ההודעה המוצגת במקרים של התרעה על חריגה.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -339,7 +338,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במקרה של התרעה על חריגה שהתרחשה בתוך פונקציה, ההודעה תציג מעקב אחר שרשרת הקריאות שגרמו לה:\n",
     "</p>"
    ]
@@ -361,9 +360,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ההודעה הזו מכילה <dfn>Traceback</dfn> – מעין סיפור שמטרתו לעזור לנו להבין מדוע התרחשה החריגה.<br>\n",
-    "    ב־Traceback נראה את השורה שבה התרחשה החריגה, ומעליה את שרשרת הקריאות לפונקציות שגרמו לשורה הזו לרוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ההודעה הזו מכילה <dfn>Traceback</dfn> – מעין סיפור שמטרתו לעזור לנו להבין מדוע התרחשה החריגה.<br/>\n",
+    "    ב־Traceback נראה את השורה שבה התרחשה החריגה, ומעליה את שרשרת הקריאות לפונקציות שגרמו לשורה הזו לרוץ.<br/>\n",
     "    כדי להבין טוב יותר את ה־Traceback, נהוג לקרוא אותו מהסוף להתחלה.\n",
     "</p>"
    ]
@@ -372,9 +371,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    תחילה, נביט בשורה האחרונה ונקרא מה הייתה הסיבה שבגינה פייתון התריעה לנו על החריגה.<br>\n",
-    "    ההודעה היא <q dir=\"ltr\">invalid literal for int() with base 10: 'meow'</q> – ניסינו להמיר את המחרוזת \"meow\" למספר שלם, וזה לא תקין.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    תחילה, נביט בשורה האחרונה ונקרא מה הייתה הסיבה שבגינה פייתון התריעה לנו על החריגה.<br/>\n",
+    "    ההודעה היא <q dir=\"ltr\">invalid literal for int() with base 10: 'meow'</q> – ניסינו להמיר את המחרוזת \"meow\" למספר שלם, וזה לא תקין.<br/>\n",
     "    כדאי להסתכל גם על סוג החריגה (<var>ValueError</var>) כדי לקבל מושג כללי על היצור שאנחנו מתעסקים איתו.\n",
     "</p>"
    ]
@@ -383,9 +382,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נמשיך ל־Traceback.<br>\n",
-    "    בפסקה שמעל השורה שבה מוצגת הודעת השגיאה, נסתכל על שורת הקוד שגרמה להתרעה על חריגה: <code>return int(a) // int(b)</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נמשיך ל־Traceback.<br/>\n",
+    "    בפסקה שמעל השורה שבה מוצגת הודעת השגיאה, נסתכל על שורת הקוד שגרמה להתרעה על חריגה: <code>return int(a) // int(b)</code>.<br/>\n",
     "    בשלב זה יש בידינו די נתונים לצורך פענוח ההתרעה על החריגה: ניסינו לבצע המרה לא חוקית של המחרוזת \"meow\" למספר שלם בשורה 2.\n",
     "</p>"
    ]
@@ -394,10 +393,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם עדיין לא נחה דעתכם וקשה לכם להבין מאיפה הגיעה ההתרעה על החריגה, תוכלו להמשיך ולטפס במעלה ה־Traceback.<br>\n",
-    "    נעבור לקוד שגרם לשורה <code dir=\"ltr\">return int(a) // int(b)</code> לרוץ: <code dir=\"ltr\">division(\"meow\", 5)</code>.<br>\n",
-    "    נוכל לראות שהקוד הזה מעביר לפרמטר הראשון של הפונקציה <var>division</var> את הערך \"meow\", שאותו היא מנסה להמיר למספר שלם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם עדיין לא נחה דעתכם וקשה לכם להבין מאיפה הגיעה ההתרעה על החריגה, תוכלו להמשיך ולטפס במעלה ה־Traceback.<br/>\n",
+    "    נעבור לקוד שגרם לשורה <code dir=\"ltr\">return int(a) // int(b)</code> לרוץ: <code dir=\"ltr\">division(\"meow\", 5)</code>.<br/>\n",
+    "    נוכל לראות שהקוד הזה מעביר לפרמטר הראשון של הפונקציה <var>division</var> את הערך \"meow\", שאותו היא מנסה להמיר למספר שלם.<br/>\n",
     "    עכשיו ברור לחלוטין מאיפה מגיעה ההתרעה על החריגה.\n",
     "</p>"
    ]
@@ -406,21 +405,21 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול בחריגות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול בחריגות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הרעיון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הרעיון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לפעמים אנחנו יודעים מראש על שורת קוד שכתבנו שעלולה לגרום להתרעה על חריגה.\n",
     "</p>"
    ]
@@ -429,8 +428,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    פתיחת קובץ לקריאה, לדוגמה, עלולה להיכשל אם הנתיב לקובץ לא קיים במחשב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    פתיחת קובץ לקריאה, לדוגמה, עלולה להיכשל אם הנתיב לקובץ לא קיים במחשב.<br/>\n",
     "    נכתוב פונקציה שמקבלת נתיב לקובץ ומחזירה את התוכן שלו כדי להדגים את הרעיון:\n",
     "</p>"
    ]
@@ -450,7 +449,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ננסה לאחזר את התוכן של הקובץ castle.txt:\n",
     "</p>"
    ]
@@ -468,9 +467,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במקרה שלמעלה ניסינו לפתוח קובץ שלא באמת קיים במחשב, ופייתון התריעה לנו על חריגת <var>FileNotFoundError</var>.<br>\n",
-    "    מכאן, שהפונקציה <var>get_file_content</var> עשויה לגרום להתרעה על חריגה מסוג <var>FileNotFoundError</var> בכל פעם שיועבר לה נתיב שאינו קיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במקרה שלמעלה ניסינו לפתוח קובץ שלא באמת קיים במחשב, ופייתון התריעה לנו על חריגת <var>FileNotFoundError</var>.<br/>\n",
+    "    מכאן, שהפונקציה <var>get_file_content</var> עשויה לגרום להתרעה על חריגה מסוג <var>FileNotFoundError</var> בכל פעם שיועבר לה נתיב שאינו קיים.<br/>\n",
     "</p>"
    ]
   },
@@ -478,10 +477,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמתכנתים אחראים, חשוב לנו שהתוכנה לא תקרוס בכל פעם שהמשתמש מספק נתיב שגוי לקובץ.<br>\n",
-    "    פייתון מאפשרת לנו להגדיר מראש כיצד לטפל במקרים שבהם אנחנו צופים שהיא תתריע על חריגה, ובכך למנוע את קריסת התוכנית.<br>\n",
-    "    נעשה זאת בעזרת מילות המפתח <code>try</code> ו־<code>except</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמתכנתים אחראים, חשוב לנו שהתוכנה לא תקרוס בכל פעם שהמשתמש מספק נתיב שגוי לקובץ.<br/>\n",
+    "    פייתון מאפשרת לנו להגדיר מראש כיצד לטפל במקרים שבהם אנחנו צופים שהיא תתריע על חריגה, ובכך למנוע את קריסת התוכנית.<br/>\n",
+    "    נעשה זאת בעזרת מילות המפתח <code>try</code> ו־<code>except</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -489,15 +488,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">התחביר הבסיסי</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">התחביר הבסיסי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפני שנצלול לקוד, נבין מהו הרעיון הכללי של <code>try</code> ושל <code>except</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפני שנצלול לקוד, נבין מהו הרעיון הכללי של <code>try</code> ושל <code>except</code>.<br/>\n",
     "    המטרה שלנו היא לספק התנהגות חלופית לקוד שעשוי להיכשל בגלל התרעה על חריגה מסוימת שחזינו שעשויה לקרות.\n",
     "</p>"
    ]
@@ -506,13 +505,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">    \n",
     "    שימוש ב־<code>try</code> וב־<code>except</code> בפייתון נראה פחות או יותר כך:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>נסה לבצע את שורות הקוד הבאות.</li>\n",
-    "    <li>אם לא הצלחת כיוון שהייתה התרעה על חריגה מסוג <em>כך וכך</em>, בצע במקומן את השורות החלופיות הבאות.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>נסה לבצע את שורות הקוד הבאות.</li>\n",
+    "<li>אם לא הצלחת כיוון שהייתה התרעה על חריגה מסוג <em>כך וכך</em>, בצע במקומן את השורות החלופיות הבאות.</li>\n",
     "</ol>"
    ]
   },
@@ -520,7 +518,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נממש בקוד:\n",
     "</p>"
    ]
@@ -544,7 +542,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וננסה לאחזר שוב את התוכן של הקובץ castle.txt:\n",
     "</p>"
    ]
@@ -563,8 +561,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כפי שאפשר לראות בדוגמה, הפונקציה לא התריעה על חריגת <var>FileNotFoundError</var>, אלא הדפיסה לנו הודעה והחזירה מחרוזת ריקה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כפי שאפשר לראות בדוגמה, הפונקציה לא התריעה על חריגת <var>FileNotFoundError</var>, אלא הדפיסה לנו הודעה והחזירה מחרוזת ריקה.<br/>\n",
     "    זה קרה כיוון שעטפנו את הקוד שעלול להתריע על חריגה ב־<code>try</code>,\n",
     "    והגדרנו לפייתון בתוך ה־<code>except</code> מה לבצע במקרה של כישלון.\n",
     "</p>"
@@ -574,15 +572,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התחביר של <code>try</code> ... <code>except</code> הוא כדלהלן:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התחביר של <code>try</code> ... <code>except</code> הוא כדלהלן:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>נתחיל עם שורה שבה כתוב אך ורק <code dir=\"ltr\">try:</code>.</li>\n",
-    "    <li>בהזחה, נכתוב את כל מה שאנחנו רוצים לנסות לבצע ועלול לגרום להתרעה על חריגה.</li>\n",
-    "    <li>בשורה הבאה, נצא מההזחה ונכתוב <code dir=\"ltr\">except ExceptionType:</code>, כאשר <var>ExceptionType</var> הוא סוג החריגה שנרצה לתפוס.</li>\n",
-    "    <li>בהזחה (שוב), נכתוב קוד שנרצה לבצע אם פייתון התריעה על חריגה מסוג <var>ExceptionType</var> בזמן שהקוד המוזח תחת ה־<code>try</code> רץ.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>נתחיל עם שורה שבה כתוב אך ורק <code dir=\"ltr\">try:</code>.</li>\n",
+    "<li>בהזחה, נכתוב את כל מה שאנחנו רוצים לנסות לבצע ועלול לגרום להתרעה על חריגה.</li>\n",
+    "<li>בשורה הבאה, נצא מההזחה ונכתוב <code dir=\"ltr\">except ExceptionType:</code>, כאשר <var>ExceptionType</var> הוא סוג החריגה שנרצה לתפוס.</li>\n",
+    "<li>בהזחה (שוב), נכתוב קוד שנרצה לבצע אם פייתון התריעה על חריגה מסוג <var>ExceptionType</var> בזמן שהקוד המוזח תחת ה־<code>try</code> רץ.</li>\n",
     "</ol>"
    ]
   },
@@ -591,10 +588,10 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/try_except_syntax.svg?v=2\" style=\"width: 800px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש את הקוד מהדוגמה האחרונה, שלידו כתוב בעברית מה כל חלק עושה. ליד ה־try כתוב 'נסה לבצע...'. ליד שתי השורות המוזחות בתוכו כתוב 'קוד שעשוי לגרום להתרעה על חריגה'. ליד ה־except FileNotFoundError כתוב 'אם הייתה התרעה על חריגה מסוג FileNotFoundError', וליד הקוד המוזח בתוכו כתוב בצע במקום את הפעולות הבאות. הכתוביות מופיעות משמאל לקוד, ולידן קו שמסמן לאיזה חלק בקוד הן שייכות.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"בתמונה יש את הקוד מהדוגמה האחרונה, שלידו כתוב בעברית מה כל חלק עושה. ליד ה־try כתוב 'נסה לבצע...'. ליד שתי השורות המוזחות בתוכו כתוב 'קוד שעשוי לגרום להתרעה על חריגה'. ליד ה־except FileNotFoundError כתוב 'אם הייתה התרעה על חריגה מסוג FileNotFoundError', וליד הקוד המוזח בתוכו כתוב בצע במקום את הפעולות הבאות. הכתוביות מופיעות משמאל לקוד, ולידן קו שמסמן לאיזה חלק בקוד הן שייכות.\" src=\"images/try_except_syntax.svg?v=2\" style=\"width: 800px; margin-right: auto; margin-left: auto; text-align: center;\" width=\"800px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        התחביר של <code>try</code> ... <code>except</code>\n",
-    "    </figcaption>\n",
+    "</figcaption>\n",
     "</figure>"
    ]
   },
@@ -602,11 +599,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השורות שב־<code>try</code> ירוצו כרגיל.<br>\n",
-    "    אם לא תהיה התרעה על חריגה, פייתון תתעלם ממה שכתוב בתוך ה־<code>except</code>.<br>\n",
-    "    אם אחת השורות בתוך ה־<code>try</code> גרמה להתרעה על חריגה מהסוג שכתוב בשורת ה־<code>except</code>,<br>\n",
-    "    פייתון תפסיק מייד לבצע את הקוד שכתוב ב־<code>try</code>, ותעבור להריץ את הקוד המוזח בתוך ה־<code>except</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השורות שב־<code>try</code> ירוצו כרגיל.<br/>\n",
+    "    אם לא תהיה התרעה על חריגה, פייתון תתעלם ממה שכתוב בתוך ה־<code>except</code>.<br/>\n",
+    "    אם אחת השורות בתוך ה־<code>try</code> גרמה להתרעה על חריגה מהסוג שכתוב בשורת ה־<code>except</code>,<br/>\n",
+    "    פייתון תפסיק מייד לבצע את הקוד שכתוב ב־<code>try</code>, ותעבור להריץ את הקוד המוזח בתוך ה־<code>except</code>.<br/>\n",
     "</p>"
    ]
   },
@@ -614,10 +611,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ניקח את דוגמת הקוד שלמעלה, וננסה להבין כיצד פייתון קוראת אותה.<br>\n",
-    "    פייתון תתחיל בהרצת השורה <code dir=\"ltr\">with open(\"castle.txt\") as file_handler:</code> ותתריע על חריגה, משום שהקובץ castle.txt לא נמצא.<br>\n",
-    "    כיוון שהחריגה היא מסוג <code>FileNotFoundError</code>, היא תחפש את המילים <code dir=\"ltr\">except FileNotFoundError:</code> מייד בסיום ההזחה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ניקח את דוגמת הקוד שלמעלה, וננסה להבין כיצד פייתון קוראת אותה.<br/>\n",
+    "    פייתון תתחיל בהרצת השורה <code dir=\"ltr\">with open(\"castle.txt\") as file_handler:</code> ותתריע על חריגה, משום שהקובץ castle.txt לא נמצא.<br/>\n",
+    "    כיוון שהחריגה היא מסוג <code>FileNotFoundError</code>, היא תחפש את המילים <code dir=\"ltr\">except FileNotFoundError:</code> מייד בסיום ההזחה.<br/>\n",
     "    הביטוי הזה קיים בדוגמה שלנו, ולכן פייתון תבצע את מה שכתוב בהזחה שאחריו במקום להתריע על חריגה.\n",
     "</p>"
    ]
@@ -627,10 +624,10 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/try_except_flow.svg?v=1\" style=\"width: 700px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה try-except. התרשים בסגנון קומיקסי עם אימוג'ים. החץ ממנו נכנסים לתרשים הוא 'התחל ב־try' עם סמלון של דגל מרוצים, שמוביל לעיגול שבו כתוב 'הרץ את השורה המוזחת הבאה בתוך ה־try'. מתוך עיגול זה יש חץ לעצמו, שבו כתוב 'אין התראה על חריגה' עם סמלון של וי ירוק, וחץ נוסף שבו כתוב 'אין שורות נוספות ב־try' עם סמלון של דגל מרוצים. החץ האחרון מוביל לעיגול ללא מוצא שבו כתוב 'סיימנו! המשך לקוד שאחרי ה־try וה־except'. מהעיגול הראשון יוצא גם חץ שעליו כתוב 'התרעה על חריגה' עם סמלון של פיצוץ, ומוביל לעיגול שבו כתוב 'חפש except עם סוג החריגה'. מעיגול זה יוצאים שני חצים: הראשון 'לא קיים', עם סמלון של איקס אדום שמוביל לעיגול ללא מוצא בו כתוב 'זרוק התרעה על חריגה'. השני 'קיים' עם סמלון של וי ירוק שמוביל לעיגול 'הרץ את השורות המוזחות בתוך ה־except'. מעיגול זה עצמו יוצא חץ לעיגול עליו סופר מקודם, 'סיימנו! המשך לקוד שאחרי ה־try וה־except' שתואר קודם.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"בתמונה יש תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה try-except. התרשים בסגנון קומיקסי עם אימוג'ים. החץ ממנו נכנסים לתרשים הוא 'התחל ב־try' עם סמלון של דגל מרוצים, שמוביל לעיגול שבו כתוב 'הרץ את השורה המוזחת הבאה בתוך ה־try'. מתוך עיגול זה יש חץ לעצמו, שבו כתוב 'אין התראה על חריגה' עם סמלון של וי ירוק, וחץ נוסף שבו כתוב 'אין שורות נוספות ב־try' עם סמלון של דגל מרוצים. החץ האחרון מוביל לעיגול ללא מוצא שבו כתוב 'סיימנו! המשך לקוד שאחרי ה־try וה־except'. מהעיגול הראשון יוצא גם חץ שעליו כתוב 'התרעה על חריגה' עם סמלון של פיצוץ, ומוביל לעיגול שבו כתוב 'חפש except עם סוג החריגה'. מעיגול זה יוצאים שני חצים: הראשון 'לא קיים', עם סמלון של איקס אדום שמוביל לעיגול ללא מוצא בו כתוב 'זרוק התרעה על חריגה'. השני 'קיים' עם סמלון של וי ירוק שמוביל לעיגול 'הרץ את השורות המוזחות בתוך ה־except'. מעיגול זה עצמו יוצא חץ לעיגול עליו סופר מקודם, 'סיימנו! המשך לקוד שאחרי ה־try וה־except' שתואר קודם.\" src=\"images/try_except_flow.svg?v=1\" style=\"width: 700px; margin-right: auto; margin-left: auto; text-align: center;\" width=\"700px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה <code>try</code> ... <code>except</code>\n",
-    "    </figcaption>\n",
+    "</figcaption>\n",
     "</figure>"
    ]
   },
@@ -638,8 +635,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    היכולת החדשה שקיבלנו נקראת \"<dfn>לתפוס חריגות</dfn>\", או \"<dfn>לטפל בחריגות</dfn>\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    היכולת החדשה שקיבלנו נקראת \"<dfn>לתפוס חריגות</dfn>\", או \"<dfn>לטפל בחריגות</dfn>\".<br/>\n",
     "    היא מאפשרת לנו לתכנן קוד שיגיב לבעיות שעלולות להתעורר במהלך ריצת הקוד שלנו.\n",
     "</p>"
    ]
@@ -648,23 +645,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה שמקבלת שני מספרים, ומחלקת את המספר הראשון בשני.<br>\n",
-    "            אם המספר השני הוא אפס, החזירו <samp>0</samp> בתור התוצאה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה שמקבלת שני מספרים, ומחלקת את המספר הראשון בשני.<br/>\n",
+    "            אם המספר השני הוא אפס, החזירו <samp>0</samp> בתור התוצאה.<br/>\n",
     "            השתמשו בחריגות.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -672,16 +669,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סוגים מרובים של חריגות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סוגים מרובים של חריגות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    משתמשים פרחחים במיוחד לא יעצרו כאן.<br>\n",
-    "    הפונקציה <var>get_file_content</var> מוגנת מניסיון לאחזר קבצים לא קיימים, זה נכון,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    משתמשים פרחחים במיוחד לא יעצרו כאן.<br/>\n",
+    "    הפונקציה <var>get_file_content</var> מוגנת מניסיון לאחזר קבצים לא קיימים, זה נכון,<br/>\n",
     "    אך משתמש שובב מהרגיל עשוי לנסות להעביר לפונקציה מחרוזות עם תווים שאסור לנתיבים להכיל:\n",
     "</p>"
    ]
@@ -699,7 +696,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נביט בחריגה ובקוד המקורי, ונגלה שבאמת לא ביקשנו לתפוס בשום מקום חריגה מסוג <var>OSError</var>.\n",
     "</p>"
    ]
@@ -723,7 +720,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מכאן, נוכל לבחור לתקן את הקוד באחת משתי דרכים.\n",
     "</p>"
    ]
@@ -732,8 +729,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הדרך הראשונה היא להשתמש בקוד שכבר יצרנו לטיפול בחריגות מסוג <var>FileNotFoundError</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הדרך הראשונה היא להשתמש בקוד שכבר יצרנו לטיפול בחריגות מסוג <var>FileNotFoundError</var>.<br/>\n",
     "    במקרה כזה, נצטרך לשנות את מה שכתוב אחרי ה־<code>except</code> ל־tuple שאיבריו הם כל סוגי השגיאות שבהן נרצה לטפל:\n",
     "</p>"
    ]
@@ -757,7 +754,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בקוד שלמעלה גרמנו לכך, שהן חריגות מסוג <var>FileNotFoundError</var> והן חריגות מסוג <var>OSError</var> יטופלו באותה הצורה.\n",
     "</p>"
    ]
@@ -766,8 +763,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל מה אם נרצה שחריגות <var>OSError</var> תטופלנה בצורה שונה מחריגות <var>FileNotFoundError</var>?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל מה אם נרצה שחריגות <var>OSError</var> תטופלנה בצורה שונה מחריגות <var>FileNotFoundError</var>?<br/>\n",
     "    במקרה הזה נפנה לדרך השנייה, שמימושה פשוט למדי – נוסף לקוד הקיים, נכתוב פסקת קוד חדשה שעושה שימוש ב־<code>except</code>:\n",
     "</p>"
    ]
@@ -794,9 +791,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד שלמעלה הוספנו ל־<var>get_file_content</var> קטע קוד נוסף.<br>\n",
-    "    ה־<code>except</code> שהוספנו מאפשר לפייתון לטפל בחריגות מסוג <var>OSError</var>, כמו החריגה שקפצה לנו כשהכנסנו תווים בלתי חוקיים לנתיב הקובץ.<br> \n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד שלמעלה הוספנו ל־<var>get_file_content</var> קטע קוד נוסף.<br/>\n",
+    "    ה־<code>except</code> שהוספנו מאפשר לפייתון לטפל בחריגות מסוג <var>OSError</var>, כמו החריגה שקפצה לנו כשהכנסנו תווים בלתי חוקיים לנתיב הקובץ.<br/> \n",
     "    נראה את הקוד בפעולה:\n",
     "</p>"
    ]
@@ -815,7 +812,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לשמחתנו, אנחנו לא מוגבלים במספר ה־<code>except</code>־ים שאפשר להוסיף אחרי ה־<code>try</code>.\n",
     "</p>"
    ]
@@ -824,16 +821,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">זיהוי סוג החריגה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">זיהוי סוג החריגה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכל פעם שפייתון מתריעה על חריגה, היא גם מציגה את הקטגוריה שאליה שייכת אותה חריגה.<br>\n",
-    "    כפי שכבר ראינו, שגיאות תחביר שייכות לקטגוריה <var>SyntaxError</var>, וחריגות שנובעות מערך שגוי שייכות לקטגוריה <var>ValueError</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכל פעם שפייתון מתריעה על חריגה, היא גם מציגה את הקטגוריה שאליה שייכת אותה חריגה.<br/>\n",
+    "    כפי שכבר ראינו, שגיאות תחביר שייכות לקטגוריה <var>SyntaxError</var>, וחריגות שנובעות מערך שגוי שייכות לקטגוריה <var>ValueError</var>.<br/>\n",
     "    למדנו גם להכיר שגיאות <var>FileNotFoundError</var> ושגיאות <var>OSError</var>, וללא ספק נתקלתם בחריגות שונות ומשונות בעצמכם במהלך הקורס.\n",
     "</p>"
    ]
@@ -842,8 +839,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אפשר להגיד, אם כך, שבפייתון יש סוגים רבים של חריגות שהם חלק מהשפה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אפשר להגיד, אם כך, שבפייתון יש סוגים רבים של חריגות שהם חלק מהשפה.<br/>\n",
     "    מרוב סוגי חריגות, לפעמים קל לאבד את הידיים והרגליים ונעשה לא פשוט להבין על איזו חריגה פייתון עשויה להתריע. \n",
     "</p>"
    ]
@@ -852,7 +849,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נציע כמה דרכים מועילות להתמודד עם הבעיה, ולמצוא מהם סוגי החריגות שעשויים להיווצר בעקבות קוד שכתבתם:\n",
     "</p>"
    ]
@@ -861,10 +858,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><em>תיעוד</em> – בשימוש בפונקציה או בפעולה מסוימת, קראו בתיעוד שלה על אילו חריגות עלולה פייתון להתריע בעקבות הפעלת הפונקציה או הפעולה.</li>\n",
-    "    <li><em>חיפוש</em> – השתמשו במנוע חיפוש כדי לשאול אילו חריגות עלולות לקפוץ בעקבות פעולה כללית שביצעתם. נניח: <q>python exceptions read file</q>.</li>\n",
-    "    <li><em>נסו בעצמכם</em> – אם ברצונכם לברר על סוג חריגה במקרה מסוים –  הריצו את המקרה במחברת ובדקו על איזה סוג חריגה פייתון מתריעה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><em>תיעוד</em> – בשימוש בפונקציה או בפעולה מסוימת, קראו בתיעוד שלה על אילו חריגות עלולה פייתון להתריע בעקבות הפעלת הפונקציה או הפעולה.</li>\n",
+    "<li><em>חיפוש</em> – השתמשו במנוע חיפוש כדי לשאול אילו חריגות עלולות לקפוץ בעקבות פעולה כללית שביצעתם. נניח: <q>python exceptions read file</q>.</li>\n",
+    "<li><em>נסו בעצמכם</em> – אם ברצונכם לברר על סוג חריגה במקרה מסוים –  הריצו את המקרה במחברת ובדקו על איזה סוג חריגה פייתון מתריעה.</li>\n",
     "</ol>"
    ]
   },
@@ -872,7 +869,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לנוחיותכם, בתיעוד של פייתון ישנו עמוד שמסביר על <a href=\"https://docs.python.org/3/library/exceptions.html\">כל סוגי החריגות שפייתון מגדירה</a>.\n",
     "</p>"
    ]
@@ -881,23 +878,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            על איזה סוג חריגה תתריע פייתון כאשר ניגש לרשימה במיקום שאינו קיים?<br>\n",
-    "            מה בנוגע לגישה לרשימה במיקום שהוא מחרוזת?<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            על איזה סוג חריגה תתריע פייתון כאשר ניגש לרשימה במיקום שאינו קיים?<br/>\n",
+    "            מה בנוגע לגישה לרשימה במיקום שהוא מחרוזת?<br/>\n",
     "            מהן סוגי החריגות שעליהם עלולה פייתון להתריע בעקבות הרצת הפעולה <code>index</code> על רשימה?\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -905,14 +902,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: תוכנית החלוקה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: תוכנית החלוקה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו פונקציה בשם <var>super_division</var> שמקבלת מספר בלתי מוגבל של פרמטרים מספריים.\n",
     "</p>"
    ]
@@ -921,9 +918,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הפונקציה תבצע חלוקה של המספר הראשון במספר השני.<br>\n",
-    "    את התוצאה היא תחלק במספר השלישי לכדי תוצאה חדשה, את התוצאה החדשה היא תחלק במספר הרביעי וכן הלאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הפונקציה תבצע חלוקה של המספר הראשון במספר השני.<br/>\n",
+    "    את התוצאה היא תחלק במספר השלישי לכדי תוצאה חדשה, את התוצאה החדשה היא תחלק במספר הרביעי וכן הלאה.<br/>\n",
     "    לדוגמה: עבור הקריאה <code dir=\"ltr\">super_division(100, 10, 5, 2)</code> הפונקציה תחזיר 1, כיוון שתוצאת הביטוי $100 / 10 / 5 / 2$ היא 1.\n",
     "</p>"
    ]
@@ -932,7 +929,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עשו שימוש בטיפול בחריגות, ונסו לתפוס כמה שיותר מקרים של משתמשים שובבים.\n",
     "</p>"
    ]
@@ -941,14 +938,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעפוע של חריגות במעלה שרשרת הקריאות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">פעפוע של חריגות במעלה שרשרת הקריאות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    התרעה על חריגה גורמת לריצת התוכנית להתנהג בצורה שונה מעט ממה שהכרנו עד כה.\n",
     "</p>"
    ]
@@ -957,13 +954,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    במהלך המחברת נתקלנו בשני מקרים אפשריים:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>או שהשורה שגרמה להתרעה על החריגה נמצאת ישירות תחת <code>try-except</code> שתואם לסוג החריגה, ואז החריגה נתפסת.</li>\n",
-    "    <li>או שהשורה הזו אינה נמצאת ישירות תחת <code>try-except</code> ואז החריגה מקריסה את התוכנית. במקרה שכזה, מוצג לנו Traceback.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>או שהשורה שגרמה להתרעה על החריגה נמצאת ישירות תחת <code>try-except</code> שתואם לסוג החריגה, ואז החריגה נתפסת.</li>\n",
+    "<li>או שהשורה הזו אינה נמצאת ישירות תחת <code>try-except</code> ואז החריגה מקריסה את התוכנית. במקרה שכזה, מוצג לנו Traceback.</li>\n",
     "</ol>"
    ]
   },
@@ -971,9 +967,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל מתברר שהסיפור מאחורי הקלעים הוא מורכב מעט יותר.<br>\n",
-    "    אם פונקציה מסוימת לא יודעת כיצד לטפל בהתרעה על חריגה, היא מבקשת עזרה מהפונקציה שקראה לה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל מתברר שהסיפור מאחורי הקלעים הוא מורכב מעט יותר.<br/>\n",
+    "    אם פונקציה מסוימת לא יודעת כיצד לטפל בהתרעה על חריגה, היא מבקשת עזרה מהפונקציה שקראה לה.<br/>\n",
     "    זה קצת כמו לבקש סוכר מהשכנים, גרסת החריגות והפונקציות.\n",
     "</p>"
    ]
@@ -982,12 +978,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נניח שבפונקציה <var>A</var> ישנה שורה שגרמה להתרעה על חריגה, והיא לא עטופה ב־<code>try-except</code>.<br>\n",
-    "    לפני שהתוכנית תקרוס, ההתרעה על החריגה תִּשָּׁלַח לפונקציה הקוראת, <var>B</var>, זו שהפעילה את פונקציה <var>A</var> שבה התרחשה ההתרעה על החריגה.<br>\n",
-    "    בשלב הזה פייתון נותנת לנו הזדמנות נוספת לתפוס את החריגה.<br>\n",
-    "    אם בתוך פונקציה <var>B</var> השורה שקראה לפונקציה <var>A</var> עטופה ב־<code>try-except</code> שתופס את סוג החריגה הנכונה, החריגה תטופל.<br>\n",
-    "    אם לא, החריגה תועבר לפונקציה <var>C</var> שקראה לפונקציה <var>B</var>, וכך הלאה, עד שנגיע לראש שרשרת הקריאות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נניח שבפונקציה <var>A</var> ישנה שורה שגרמה להתרעה על חריגה, והיא לא עטופה ב־<code>try-except</code>.<br/>\n",
+    "    לפני שהתוכנית תקרוס, ההתרעה על החריגה תִּשָּׁלַח לפונקציה הקוראת, <var>B</var>, זו שהפעילה את פונקציה <var>A</var> שבה התרחשה ההתרעה על החריגה.<br/>\n",
+    "    בשלב הזה פייתון נותנת לנו הזדמנות נוספת לתפוס את החריגה.<br/>\n",
+    "    אם בתוך פונקציה <var>B</var> השורה שקראה לפונקציה <var>A</var> עטופה ב־<code>try-except</code> שתופס את סוג החריגה הנכונה, החריגה תטופל.<br/>\n",
+    "    אם לא, החריגה תועבר לפונקציה <var>C</var> שקראה לפונקציה <var>B</var>, וכך הלאה, עד שנגיע לראש שרשרת הקריאות.<br/>\n",
     "    אם אף אחד במעלה שרשרת הקריאות לא תפס את החריגה, התוכנית תקרוס ויוצג לנו Traceback.\n",
     "</p>"
    ]
@@ -996,8 +992,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ננסה להדגים באמצעות קטע קוד לא מתוחכם במיוחד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ננסה להדגים באמצעות קטע קוד לא מתוחכם במיוחד.<br/>\n",
     "    הנה האפשרות השנייה שדיברנו עליה – אף אחד בשרשרת הקריאות לא תופס את החריגה, התוכנה קורסת ומודפס Traceback:\n",
     "</p>"
    ]
@@ -1036,7 +1032,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והנה דוגמה לאפשרות הראשונה – שבה אנחנו תופסים את החריגה מייד כשהיא מתרחשת:\n",
     "</p>"
    ]
@@ -1079,8 +1075,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    האפשרות המעניינת היא האפשרות השלישית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    האפשרות המעניינת היא האפשרות השלישית.<br/>\n",
     "    מה קורה אם מישהו במעלה שרשרת הקריאות, נניח הפונקציה <var>c</var>, היא זו שמחליטה לתפוס את החריגה:\n",
     "</p>"
    ]
@@ -1123,12 +1119,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שימו לב שבמקרה הזה דילגנו על השורות שמדפיסות את ההודעה על סיום ריצתן של הפונקציות <var>a</var> ו־<var>b</var>.<br>\n",
-    "    בשורה מספר 3 התבצעה חלוקה לא חוקית ב־0 שגרמה להתרעה על חריגה מסוג <var>ZeroDivisionError</var>.<br>\n",
-    "    כיוון שהקוד לא היה עטוף ב־<code>try-except</code>, ההתרעה על החריגה פעפעה לשורה <code dir=\"ltr\">a()</code> שנמצאת בפונקציה <var>b</var>.<br>\n",
-    "    גם שם אף אחד לא טיפל בחריגה באמצעות <code>try-except</code>, ולכן ההתרעה על החריגה המשיכה לפעפע לפונקציה שקראה ל־<var>b</var>, הלא היא <var>c</var>.<br>\n",
-    "    ב־<var>c</var> סוף כל סוף הקריאה ל־<var>b</var> הייתה עטופה ב־<code>try-except</code>, ושם התבצע הטיפול בחריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שימו לב שבמקרה הזה דילגנו על השורות שמדפיסות את ההודעה על סיום ריצתן של הפונקציות <var>a</var> ו־<var>b</var>.<br/>\n",
+    "    בשורה מספר 3 התבצעה חלוקה לא חוקית ב־0 שגרמה להתרעה על חריגה מסוג <var>ZeroDivisionError</var>.<br/>\n",
+    "    כיוון שהקוד לא היה עטוף ב־<code>try-except</code>, ההתרעה על החריגה פעפעה לשורה <code dir=\"ltr\">a()</code> שנמצאת בפונקציה <var>b</var>.<br/>\n",
+    "    גם שם אף אחד לא טיפל בחריגה באמצעות <code>try-except</code>, ולכן ההתרעה על החריגה המשיכה לפעפע לפונקציה שקראה ל־<var>b</var>, הלא היא <var>c</var>.<br/>\n",
+    "    ב־<var>c</var> סוף כל סוף הקריאה ל־<var>b</var> הייתה עטופה ב־<code>try-except</code>, ושם התבצע הטיפול בחריגה.<br/>\n",
     "    מאותה נקודה שבה טופלה החריגה, התוכנית המשיכה לרוץ כרגיל.\n",
     "</p>"
    ]
@@ -1138,8 +1134,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/exception_propogation.svg?v=3\" style=\"margin-right: auto; margin-left: auto; text-align: center;\" alt=\"באיור 6 עמודות, כל אחת מייצגת שלב ומורכבת מ־4 מלבנים. אל המלבן התחתון בכל שלב מצביע חץ, וכתוב בו 'התוכנית'. ממנו יוצא חץ למלבן 'פונקציה c', ממנו יוצא חץ למלבן 'פונקציה b' וממנו יוצא חץ למלבן 'פונקציה a'. מעל השלב הראשון נכתב 'התוכנית קוראת לפונקציה c, שקוראת ל־b, שקוראת ל־a.'. בשלב 2 כתוב תחת הכותרת 'פייתון מתריעה על חריגה בפונקציה a. פונקציה a אינה מטפלת בחריגה.'. ליד המלבן של פונקציה a מופיע סמליל בו כתוב BOOM המסמן את ההתרעה על החריגה שפייתון תייצר. בשלב 3 כתוב 'החריגה, שלא נתפסה בפונקציה a, מפעפעת חזרה ל־b שקראה לה.'.  על המלבן של פונקציה a מופיע סימן STOP שמייצג את זה שריצת הפונקציה הפסיקה. על המלבן של הפונקציה b מופיע סימן פיצוץ עם הכיתוב BOOM שמייצג את ההתרעה על החריגה. שנמצאת כרגע בפונקציה b. מהמלבן של פונקציה a בשלב 2 יוצא חץ למלבן של פונקציה b בשלב 3, שמסמן את פעפוע ההתרעה על השגיאה במעלה שרשרת הקריאות. מתחת לכותרת של שלב 4 כתוב 'החריגה, שלא נתפסה בפונקציה b, מפעפעת חזרה ל־c שקראה לה.'. ליד המלבן של הפונקציות a ו־b מופיע הסמליל STOP, וליד המלבן של הפונקציה c מופיע סמליל של BOOM, אליו מצביע חץ שיוצא מה־BOOM בשלב 3. מתחת לכותרת של שלב 5 כתוב 'פונקציה c תופסת את החריגה ומצילה את התוכנית מקריסה.'. הסימן ליד המלבן של פונקציה c משתנה מ־BOOM לכפפת בייסבול, שמסמלת את תפיסת ההודעה על החריגה. מתחת לכותרת של שלב 6 כתוב 'התוכנית ממשיכה את ריצתה כרגיל ממקום התפיסה בפונקציה c.'. הסמלילים נשארו כשהיו בשלב 5, אך מהמלבן של פונקציה c נוסף חץ למלבן של 'התוכנית', ומהמלבן של 'התוכנית' נוסף חץ היוצא כלפי חוץ.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"באיור 6 עמודות, כל אחת מייצגת שלב ומורכבת מ־4 מלבנים. אל המלבן התחתון בכל שלב מצביע חץ, וכתוב בו 'התוכנית'. ממנו יוצא חץ למלבן 'פונקציה c', ממנו יוצא חץ למלבן 'פונקציה b' וממנו יוצא חץ למלבן 'פונקציה a'. מעל השלב הראשון נכתב 'התוכנית קוראת לפונקציה c, שקוראת ל־b, שקוראת ל־a.'. בשלב 2 כתוב תחת הכותרת 'פייתון מתריעה על חריגה בפונקציה a. פונקציה a אינה מטפלת בחריגה.'. ליד המלבן של פונקציה a מופיע סמליל בו כתוב BOOM המסמן את ההתרעה על החריגה שפייתון תייצר. בשלב 3 כתוב 'החריגה, שלא נתפסה בפונקציה a, מפעפעת חזרה ל־b שקראה לה.'.  על המלבן של פונקציה a מופיע סימן STOP שמייצג את זה שריצת הפונקציה הפסיקה. על המלבן של הפונקציה b מופיע סימן פיצוץ עם הכיתוב BOOM שמייצג את ההתרעה על החריגה. שנמצאת כרגע בפונקציה b. מהמלבן של פונקציה a בשלב 2 יוצא חץ למלבן של פונקציה b בשלב 3, שמסמן את פעפוע ההתרעה על השגיאה במעלה שרשרת הקריאות. מתחת לכותרת של שלב 4 כתוב 'החריגה, שלא נתפסה בפונקציה b, מפעפעת חזרה ל־c שקראה לה.'. ליד המלבן של הפונקציות a ו־b מופיע הסמליל STOP, וליד המלבן של הפונקציה c מופיע סמליל של BOOM, אליו מצביע חץ שיוצא מה־BOOM בשלב 3. מתחת לכותרת של שלב 5 כתוב 'פונקציה c תופסת את החריגה ומצילה את התוכנית מקריסה.'. הסימן ליד המלבן של פונקציה c משתנה מ־BOOM לכפפת בייסבול, שמסמלת את תפיסת ההודעה על החריגה. מתחת לכותרת של שלב 6 כתוב 'התוכנית ממשיכה את ריצתה כרגיל ממקום התפיסה בפונקציה c.'. הסמלילים נשארו כשהיו בשלב 5, אך מהמלבן של פונקציה c נוסף חץ למלבן של 'התוכנית', ומהמלבן של 'התוכנית' נוסף חץ היוצא כלפי חוץ.\" src=\"images/exception_propogation.svg?v=3\" style=\"margin-right: auto; margin-left: auto; text-align: center;\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        איור שממחיש כיצד התרעה על חריגה מפעפעת בשרשרת הקריאות.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -1149,14 +1145,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: החמישי זה נובמבר?</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: החמישי זה נובמבר?</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    קראו את הקוד הבא, ופתרו את הסעיפים שאחריו.\n",
     "</p>"
    ]
@@ -1194,12 +1190,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>כתבו שתי שורות הקוראות ל־<code>is_same_month</code>, שאחת מהן מחזירה <code>True</code> והשנייה מחזירה <code>False</code>.</li>\n",
-    "    <li>על אילו חריגות פייתון עלולה להתריע בשתי הפונקציות הראשונות? תפסו אותן בפונקציות הרלוונטיות. החזירו <code>None</code> אם התרחשה התרעה על חריגה.</li>\n",
-    "    <li>בונוס: האם תצליחו לחשוב על דרך לגרום לפונקציה להתרסק בכל זאת? אם כן, תקנו אותה כך שתחזיר <code>None</code> במקרה שכזה.</li>\n",
-    "    <li>בונוס: האם תוכלו ליצור קריאה ל־<code>is_same_month</code> שתחזיר <code>True</code> בזמן שהיא אמורה להחזיר <code>False</code>?</li>\n",
-    "    <li>הבה נשנה גישה: תפסו את החריגות ברמת <code>is_same_month</code> במקום בפונקציות שהתריעו על חריגה. החזירו <code>False</code> אם התרחשה התרעה על חריגה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>כתבו שתי שורות הקוראות ל־<code>is_same_month</code>, שאחת מהן מחזירה <code>True</code> והשנייה מחזירה <code>False</code>.</li>\n",
+    "<li>על אילו חריגות פייתון עלולה להתריע בשתי הפונקציות הראשונות? תפסו אותן בפונקציות הרלוונטיות. החזירו <code>None</code> אם התרחשה התרעה על חריגה.</li>\n",
+    "<li>בונוס: האם תצליחו לחשוב על דרך לגרום לפונקציה להתרסק בכל זאת? אם כן, תקנו אותה כך שתחזיר <code>None</code> במקרה שכזה.</li>\n",
+    "<li>בונוס: האם תוכלו ליצור קריאה ל־<code>is_same_month</code> שתחזיר <code>True</code> בזמן שהיא אמורה להחזיר <code>False</code>?</li>\n",
+    "<li>הבה נשנה גישה: תפסו את החריגות ברמת <code>is_same_month</code> במקום בפונקציות שהתריעו על חריגה. החזירו <code>False</code> אם התרחשה התרעה על חריגה.</li>\n",
     "</ol>"
    ]
   },
@@ -1207,15 +1203,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקשר בין חריגות למחלקות</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקשר בין חריגות למחלקות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל התרעה על חריגה מיוצגת בפייתון באמצעות מופע.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל התרעה על חריגה מיוצגת בפייתון באמצעות מופע.<br/>\n",
     "    בעזרת מילת המפתח <code>as</code>, נוכל ליצור משתנה שיצביע למופע הזה.\n",
     "</p>"
    ]
@@ -1224,8 +1220,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נכתוב אחרי ה־<code>except</code> ולפני הנקודתיים את הביטוי <code>as VarName</code>, כאשר <var>VarName</var> הוא שם משתנה חדש שיצביע למופע של ההתרעה על החריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נכתוב אחרי ה־<code>except</code> ולפני הנקודתיים את הביטוי <code>as VarName</code>, כאשר <var>VarName</var> הוא שם משתנה חדש שיצביע למופע של ההתרעה על החריגה.<br/>\n",
     "    ביטוי זה יאפשר לנו לגשת למשתנה <var>VarName</var> שכולל את הפרטים על החריגה, מכל שורה שמוזחת תחת ה־<code>except</code>:\n",
     "</p>"
    ]
@@ -1248,16 +1244,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    היופי במשתנה החדש שנוצר, <var>err</var>, זה שהוא מופע פייתוני שנוצר מתוך המחלקה <var>ZeroDivisionError</var>.<br>\n",
-    "    <var>ZeroDivisionError</var>, אם כך, היא מחלקה לכל דבר: יש לה <code>__init__</code>, פעולות ותכונות, כמו שאפשר לראות בדוגמת הקוד שלמעלה.</p>"
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    היופי במשתנה החדש שנוצר, <var>err</var>, זה שהוא מופע פייתוני שנוצר מתוך המחלקה <var>ZeroDivisionError</var>.<br/>\n",
+    "<var>ZeroDivisionError</var>, אם כך, היא מחלקה לכל דבר: יש לה <code>__init__</code>, פעולות ותכונות, כמו שאפשר לראות בדוגמת הקוד שלמעלה.</p>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נבדוק אם יש לה <code>__str__</code> מועיל:\n",
     "</p>"
    ]
@@ -1278,8 +1274,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כמה נוח!<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כמה נוח!<br/>\n",
     "    זו דרך ממש טובה להדפיס למשתמש הודעת שגיאה המתארת בדיוק מה הגורם לשגיאה שחווה.\n",
     "</p>"
    ]
@@ -1288,10 +1284,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה זמן טוב לעצור רגע ולחשוב.<br>\n",
-    "    ישנם סוגי חריגות רבים, ולכל סוג חריגה יש מחלקה שמייצגת אותו.<br>\n",
-    "    האם זה אומר שכולן יורשות מאיזו מחלקת \"חריגה\" מופשטת כלשהי?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה זמן טוב לעצור רגע ולחשוב.<br/>\n",
+    "    ישנם סוגי חריגות רבים, ולכל סוג חריגה יש מחלקה שמייצגת אותו.<br/>\n",
+    "    האם זה אומר שכולן יורשות מאיזו מחלקת \"חריגה\" מופשטת כלשהי?<br/>\n",
     "    נבדוק באמצעות גישה ל־<var>Method Resolution Order</var> של המחלקה.\n",
     "</p>"
    ]
@@ -1309,9 +1305,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    וואו! זו שרשרת ירושות באורך שלא היה מבייש את שושלת המלוכה הבריטית.<br>\n",
-    "    אז נראה שהחריגה של חלוקה באפס (<var>ZeroDivisionError</var>) היא מקרה מיוחד של חריגה חשבונית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    וואו! זו שרשרת ירושות באורך שלא היה מבייש את שושלת המלוכה הבריטית.<br/>\n",
+    "    אז נראה שהחריגה של חלוקה באפס (<var>ZeroDivisionError</var>) היא מקרה מיוחד של חריגה חשבונית.<br/>\n",
     "    חריגה חשבונית (<var>ArithmeicError</var>), בתורה, יורשת מ־<var>Exception</var>, שהיא עצמה יורשת מ־<var>BaseException</var>.\n",
     "</p>"
    ]
@@ -1320,7 +1316,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נביט ב<a href=\"https://docs.python.org/3/library/exceptions.html#exception-hierarchy\">מדרג הירושה המלא</a> המוצג בתיעוד של פייתון כדי להתרשם:\n",
     "</p>"
    ]
@@ -1399,10 +1395,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כיוון שאנחנו כבר מנוסים יחסית בענייני ירושה, בשלב הזה נוכל לפתח כמה רעיונות מעניינים.<br>\n",
-    "    האם עצם זה ש־<var>ZeroDivisionError</var> היא תת־מחלקה של <var>Exception</var>, גורם לכך שנוכל לתפוס אותה בעזרת <var>Exception</var>?<br>\n",
-    "    אם יתברר שכן, נוכל לתפוס מספר גדול מאוד של סוגי התרעות על חריגות בצורה הזו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כיוון שאנחנו כבר מנוסים יחסית בענייני ירושה, בשלב הזה נוכל לפתח כמה רעיונות מעניינים.<br/>\n",
+    "    האם עצם זה ש־<var>ZeroDivisionError</var> היא תת־מחלקה של <var>Exception</var>, גורם לכך שנוכל לתפוס אותה בעזרת <var>Exception</var>?<br/>\n",
+    "    אם יתברר שכן, נוכל לתפוס מספר גדול מאוד של סוגי התרעות על חריגות בצורה הזו.<br/>\n",
     "    נבדוק!\n",
     "</p>"
    ]
@@ -1423,8 +1419,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ובכן, כן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ובכן, כן.<br/>\n",
     "    אנחנו יכולים לכתוב בצורה הזו קוד שיתפוס את מרב סוגי ההתרעות על חריגות.\n",
     "</p>"
    ]
@@ -1433,9 +1429,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בשלב זה נציין שבניגוד לאינטואיציה, חשוב שנהיה ממוקדים בטיפול שלנו בחריגות.<br>\n",
-    "    חניכים שזה עתה למדו על הרעיון של טיפול בחריגות מקיפים לפעמים את כל הקוד שלהם ב־<code>try-except</code>. מדובר ברעיון רע למדי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בשלב זה נציין שבניגוד לאינטואיציה, חשוב שנהיה ממוקדים בטיפול שלנו בחריגות.<br/>\n",
+    "    חניכים שזה עתה למדו על הרעיון של טיפול בחריגות מקיפים לפעמים את כל הקוד שלהם ב־<code>try-except</code>. מדובר ברעיון רע למדי.<br/>\n",
     "    כלל האצבע שלנו מעתה יהיה זה:\n",
     "</p>"
    ]
@@ -1453,9 +1449,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טיפול בחריגות הוא מנגנון שבהינתן התרעה על חריגה, מאפשר לנו להריץ קוד חלופי או קוד שיטפל בבעיה שנוצרה.<br>\n",
-    "    אם אנחנו לא יודעים בדיוק מה הבעיה, או לא מתכוונים לטפל בה בדרך הגיונית – עדיף שלא נתפוס אותה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טיפול בחריגות הוא מנגנון שבהינתן התרעה על חריגה, מאפשר לנו להריץ קוד חלופי או קוד שיטפל בבעיה שנוצרה.<br/>\n",
+    "    אם אנחנו לא יודעים בדיוק מה הבעיה, או לא מתכוונים לטפל בה בדרך הגיונית – עדיף שלא נתפוס אותה.<br/>\n",
     "    טיפול בחריגות שלא לצורך עלול ליצור \"תקלים שקטים\" בתוכנה שלנו, שאותם יהיה לנו קשה מאוד לאתר לאחר מכן.\n",
     "</p>"
    ]
@@ -1464,16 +1460,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">סיכום</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחברת זו למדנו מהן חריגות, כיצד לקרוא הודעות שגיאה של פייתון, וכיצד לטפל בהתרעות על חריגות שנוצרות עקב כשל בריצת התוכנית.<br>\n",
-    "    ראינו כיצד חריגות מיוצגות בפייתון, איך הן פועלות מאחורי הקלעים ואיך לגלות אילו חריגות עלולות לצוץ בזמן ריצת הקוד שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחברת זו למדנו מהן חריגות, כיצד לקרוא הודעות שגיאה של פייתון, וכיצד לטפל בהתרעות על חריגות שנוצרות עקב כשל בריצת התוכנית.<br/>\n",
+    "    ראינו כיצד חריגות מיוצגות בפייתון, איך הן פועלות מאחורי הקלעים ואיך לגלות אילו חריגות עלולות לצוץ בזמן ריצת הקוד שלנו.<br/>\n",
     "    למדנו גם שמוטב לתפוס שגיאה באופן נקודתי עד כמה שאפשר, ורק כשאנחנו יודעים כיצד לטפל בה בדרך הגיונית.\n",
     "</p>"
    ]
@@ -1482,35 +1478,35 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מונחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<dl style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <dt>חריגה (exception)</dt>\n",
-    "    <dd>\n",
-    "        מופע המייצג מצב לא סדיר, לרוב בעייתי, שזוהה במהלך הרצת הקוד שבתוכנית.<br>\n",
+    "<dl dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<dt>חריגה (exception)</dt>\n",
+    "<dd>\n",
+    "        מופע המייצג מצב לא סדיר, לרוב בעייתי, שזוהה במהלך הרצת הקוד שבתוכנית.<br/>\n",
     "        לכל חריגה יש סוג, וכל סוג חריגה מיוצג באמצעות מחלקה פייתונית.\n",
     "    </dd>\n",
-    "    <dt>התרעה על חריגה (raise of an exception)</dt>\n",
-    "    <dd>\n",
-    "        מצב שבו פייתון מודיעה על שגיאה או על מצב לא סדיר בריצת התוכנית.<br>\n",
+    "<dt>התרעה על חריגה (raise of an exception)</dt>\n",
+    "<dd>\n",
+    "        מצב שבו פייתון מודיעה על שגיאה או על מצב לא סדיר בריצת התוכנית.<br/>\n",
     "        התרעה על חריגה משנה את זרימת הריצה של התוכנית ועלולה לגרום לקריסתה.\n",
     "    </dd>\n",
-    "    <dt>Traceback</dt>\n",
-    "    <dd>\n",
-    "        שרשרת הקריאות שהובילו להפעלתה של הפונקציה שבה אנחנו נמצאים ברגע מסוים.<br>\n",
-    "        בהקשר של חריגות, מדובר בשרשרת הקריאות שהובילה להתרעה על החריגה.<br>\n",
+    "<dt>Traceback</dt>\n",
+    "<dd>\n",
+    "        שרשרת הקריאות שהובילו להפעלתה של הפונקציה שבה אנחנו נמצאים ברגע מסוים.<br/>\n",
+    "        בהקשר של חריגות, מדובר בשרשרת הקריאות שהובילה להתרעה על החריגה.<br/>\n",
     "        שרשרת הקריאות הזו מופיעה גם בהודעת השגיאה שמוצגת כאשר פייתון מתריעה על חריגה.\n",
     "    </dd>\n",
-    "    <dt>טיפול בחריגה (exception handling)</dt>\n",
-    "    <dd>\n",
-    "        נקרא גם <dfn>תפיסת חריגה</dfn> (<dfn>catching an exception</dfn>).<br>\n",
-    "        בעת התרעה על חריגה, התנהגות ברירת המחדל של התוכנה היא קריסה.<br>\n",
-    "        מתכנת יכול להגדיר מראש מה הוא רוצה שיקרה במקרה של התרעה על חריגה.<br>\n",
+    "<dt>טיפול בחריגה (exception handling)</dt>\n",
+    "<dd>\n",
+    "        נקרא גם <dfn>תפיסת חריגה</dfn> (<dfn>catching an exception</dfn>).<br/>\n",
+    "        בעת התרעה על חריגה, התנהגות ברירת המחדל של התוכנה היא קריסה.<br/>\n",
+    "        מתכנת יכול להגדיר מראש מה הוא רוצה שיקרה במקרה של התרעה על חריגה.<br/>\n",
     "        במקרה כזה, קריסת התוכנית תימנע.\n",
     "    </dd>\n",
     "</dl>"
@@ -1520,24 +1516,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחשבון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מחשבון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>calc</var> שמקבלת כפרמטרים שני מספרים וסימן של פעולה חשבונית, בסדר הזה.<br>\n",
-    "    הסימן יכול להיות אחד מאלה: <code>+</code>, <code>-</code>, <code>*</code> או <code>/</code>.<br>\n",
-    "    מטרת הפונקציה היא להחזיר את תוצאת הפעולה החשבונית שהופעלה על שני המספרים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>calc</var> שמקבלת כפרמטרים שני מספרים וסימן של פעולה חשבונית, בסדר הזה.<br/>\n",
+    "    הסימן יכול להיות אחד מאלה: <code>+</code>, <code>-</code>, <code>*</code> או <code>/</code>.<br/>\n",
+    "    מטרת הפונקציה היא להחזיר את תוצאת הפעולה החשבונית שהופעלה על שני המספרים.<br/>\n",
     "    בפתרונכם, ודאו שאתם מטפלים בכל ההתרעות על חריגות שיכולות לצוץ בעקבות קלט מאתגר שהזין המשתמש.\n",
     "</p>"
    ]
@@ -1546,17 +1542,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנסה להבין איפה הסדר כאן</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מנסה להבין איפה הסדר כאן</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>search_in_directory</var> שמקבלת נתיב, ורשימה של מילות מפתח.<br>\n",
-    "    התוכנה תנסה לפתוח את כל הקבצים הנמצאים בנתיב, ותדפיס עבור כל מילת מפתח את כל הקבצים שבהם היא נמצאת.<br>\n",
-    "    התוכנה תרוץ גם על תתי־התיקיות שנמצאות בנתיב שסופק (ועל תתי־תתי התיקיות, וכן הלאה), אם יש כאלו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>search_in_directory</var> שמקבלת נתיב, ורשימה של מילות מפתח.<br/>\n",
+    "    התוכנה תנסה לפתוח את כל הקבצים הנמצאים בנתיב, ותדפיס עבור כל מילת מפתח את כל הקבצים שבהם היא נמצאת.<br/>\n",
+    "    התוכנה תרוץ גם על תתי־התיקיות שנמצאות בנתיב שסופק (ועל תתי־תתי התיקיות, וכן הלאה), אם יש כאלו.<br/>\n",
     "</p>"
    ]
   },
@@ -1564,7 +1560,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -1582,7 +1578,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    תדפיס את הפלט הבא:\n",
     "</p>"
    ]
@@ -1623,7 +1619,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    טפלו בכמה שיותר התרעות על חריגות שעלולות לצוץ במהלך ריצת התוכנית.\n",
     "</p>"
    ]
diff --git a/week8/4_Exceptions_Part_2.ipynb b/week8/4_Exceptions_Part_2.ipynb
index 33553c2..fa9f35b 100644
--- a/week8/4_Exceptions_Part_2.ipynb
+++ b/week8/4_Exceptions_Part_2.ipynb
@@ -4,30 +4,30 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right;\">חריגות – חלק 2</span>"
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">חריגות – חלק 2</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הקדמה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחברת הקודמת התמודדנו לראשונה עם חריגות.<br>\n",
-    "    למדנו לפרק הודעות שגיאה לרכיביהן ולחלץ מהן מידע מועיל, העמקנו בדרך הפעולה של Traceback ודיברנו על סוגי החריגות השונים בפייתון.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחברת הקודמת התמודדנו לראשונה עם חריגות.<br/>\n",
+    "    למדנו לפרק הודעות שגיאה לרכיביהן ולחלץ מהן מידע מועיל, העמקנו בדרך הפעולה של Traceback ודיברנו על סוגי החריגות השונים בפייתון.<br/>\n",
     "    ראינו לראשונה את מילות המפתח <code>try</code> ו־<code>except</code>, ולמדנו כיצד להשתמש בהן כדי לטפל בחריגות.\n",
     "</p>"
    ]
@@ -36,8 +36,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    דיברנו על כך שטיפול בחריגות עשוי למנוע את קריסת התוכנית, וציינו גם שכדאי לבחור היטב באילו חריגות לטפל.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    דיברנו על כך שטיפול בחריגות עשוי למנוע את קריסת התוכנית, וציינו גם שכדאי לבחור היטב באילו חריגות לטפל.<br/>\n",
     "    הבהרנו שאם נטפל בחריגות ללא אבחנה, אנחנו עלולים ליצור \"תקלים שקטים\" שפייתון לא תדווח לנו עליהם ויהיו קשים לאיתור. \n",
     "</p>"
    ]
@@ -46,8 +46,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לבסוף, הצגנו כיצד השגיאות בפייתון הן בסך הכול מופע שנוצר ממחלקה שמייצגת את סוג החריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לבסוף, הצגנו כיצד השגיאות בפייתון הן בסך הכול מופע שנוצר ממחלקה שמייצגת את סוג החריגה.<br/>\n",
     "    הראינו כיצד לקבל גישה למופע הזה מתוך ה־<code>except</code>, וראינו את עץ הירושה המרשים של סוגי החריגות בפייתון. \n",
     "</p>"
    ]
@@ -56,9 +56,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במחברת זו נמשיך ללמוד על טיפול בחריגות.<br>\n",
-    "    עד סוף המחברת תוכלו להתריע בעצמכם על חריגה וליצור סוגי חריגות משל עצמכם.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במחברת זו נמשיך ללמוד על טיפול בחריגות.<br/>\n",
+    "    עד סוף המחברת תוכלו להתריע בעצמכם על חריגה וליצור סוגי חריגות משל עצמכם.<br/>\n",
     "    זאת ועוד, תלמדו על יכולות מתקדמות יותר הנוגעות לטיפול בחריגות בפייתון, ועל הרגלי עבודה נכונים בכל הקשור בעבודה עם חריגות.\n",
     "</p>"
    ]
@@ -67,16 +67,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניקוי משטחים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ניקוי משטחים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעיתים חשוב לנו לוודא ששורת קוד תתבצע בכל מקרה, גם אם הכול סביב עולה באש.<br>\n",
-    "    לרוב, זה קורה כאשר אנחנו פותחים משאב כלשהו (קובץ, חיבור לאתר אינטרנט) וצריכים למחוק או לסגור את המשאב בסוף הפעולה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעיתים חשוב לנו לוודא ששורת קוד תתבצע בכל מקרה, גם אם הכול סביב עולה באש.<br/>\n",
+    "    לרוב, זה קורה כאשר אנחנו פותחים משאב כלשהו (קובץ, חיבור לאתר אינטרנט) וצריכים למחוק או לסגור את המשאב בסוף הפעולה.<br/>\n",
     "    במקרים כאלו, חשוב לנו שהשורה תתבצע אפילו אם הייתה התרעה על חריגה במהלך הרצת הקוד.\n",
     "</p>"
    ]
@@ -85,10 +85,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ננסה, לדוגמה, לכווץ את כל התמונות בתיקיית images לארכיון בעזרת המודול <var>zipfile</var>.<br>\n",
-    "    אין מה לחשוש – המודול מובן יחסית וקל לשימוש.<br>\n",
-    "    כל שנצטרך לעשות זה ליצור מופע של <var>ZipFile</var> ולהפעיל עליו את הפעולה <var>write</var> כדי לצרף לארכיון קבצים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ננסה, לדוגמה, לכווץ את כל התמונות בתיקיית images לארכיון בעזרת המודול <var>zipfile</var>.<br/>\n",
+    "    אין מה לחשוש – המודול מובן יחסית וקל לשימוש.<br/>\n",
+    "    כל שנצטרך לעשות זה ליצור מופע של <var>ZipFile</var> ולהפעיל עליו את הפעולה <var>write</var> כדי לצרף לארכיון קבצים.<br/>\n",
     "    אם אתם מרגישים נוח, זה הזמן לכתוב את הפתרון לכך בעצמכם. אם לא, ודאו שאתם מבינים היטב את התאים הבאים. \n",
     "</p>"
    ]
@@ -97,7 +97,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נתחיל ביבוא המודולים הרלוונטיים:\n",
     "</p>"
    ]
@@ -116,7 +116,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    וככלי עזר, נכתוב generator שמקבל כפרמטר נתיב לתיקייה, ומחזיר את הנתיב לכל הקבצים שבה:\n",
     "</p>"
    ]
@@ -138,7 +138,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    עכשיו נכתוב פונקציה שיוצרת קובץ ארכיון חדש, מוסיפה אליו את הקבצים שבתיקיית התמונות וסוגרת את קובץ הארכיון:\n",
     "</p>"
    ]
@@ -165,9 +165,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אבל מה יקרה אם תיקיית התמונות גדולה במיוחד ונגמר לנו המקום בזיכרון של המחשב?<br>\n",
-    "    מה יקרה אם אין לנו גישה לאחד הקבצים והקריאה של אותו קובץ תיכשל?<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אבל מה יקרה אם תיקיית התמונות גדולה במיוחד ונגמר לנו המקום בזיכרון של המחשב?<br/>\n",
+    "    מה יקרה אם אין לנו גישה לאחד הקבצים והקריאה של אותו קובץ תיכשל?<br/>\n",
     "    נטפל במקרים שבהם פייתון תתריע על חריגה:\n",
     "</p>"
    ]
@@ -197,9 +197,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התא למעלה מפר עיקרון חשוב שדיברנו עליו:<br>\n",
-    "    עדיף שלא לתפוס את החריגה אם לא יודעים בדיוק מה הסוג שלה, למה היא התרחשה וכיצד לטפל בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התא למעלה מפר עיקרון חשוב שדיברנו עליו:<br/>\n",
+    "    עדיף שלא לתפוס את החריגה אם לא יודעים בדיוק מה הסוג שלה, למה היא התרחשה וכיצד לטפל בה.<br/>\n",
     "    אבל רגע! אם לא נתפוס את החריגה, כיצד נוודא שהקוד שלנו סגר את קובץ הארכיון באופן מסודר לפני שהתוכנה קרסה?\n",
     "</p>"
    ]
@@ -208,9 +208,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זה הזמן להכיר את מילת המפתח <code>finally</code>, שבאה אחרי ה־<code>except</code> או במקומו.<br>\n",
-    "    השורות שכתובות ב־<code>finally</code> יתבצעו <em>תמיד</em>, גם אם הקוד קרס בגלל חריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זה הזמן להכיר את מילת המפתח <code>finally</code>, שבאה אחרי ה־<code>except</code> או במקומו.<br/>\n",
+    "    השורות שכתובות ב־<code>finally</code> יתבצעו <em>תמיד</em>, גם אם הקוד קרס בגלל חריגה.<br/>\n",
     "    שימוש ב־<code>finally</code> ייראה כך:\n",
     "</p>"
    ]
@@ -233,7 +233,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימו לב שאף על פי שהקוד שנמצא בתוך ה־<code>try</code> קרס, ה־<code>finally</code> התבצע.\n",
     "</p>"
    ]
@@ -242,7 +242,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    למעשה, <code>finally</code> עקשן כל כך שהוא יתבצע אפילו אם היה <code>return</code>: \n",
     "</p>"
    ]
@@ -267,7 +267,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נשתמש במנגנון הזה כדי לוודא שקובץ הארכיון באמת ייסגר בסופו של דבר, ללא תלות במה שיקרה בדרך:\n",
     "</p>"
    ]
@@ -296,7 +296,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    ונבדוק שזה יעבוד גם אם נספק תיקייה לא קיימת, לדוגמה:\n",
     "</p>"
    ]
@@ -314,7 +314,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יופי! עכשיו כשראינו התרעה על חריגת <var>FileNotFoundError</var> כשמשתמש הכניס נתיב לא תקין לתיקייה, ראוי שנטפל בה:\n",
     "</p>"
    ]
@@ -345,9 +345,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יותר טוב!<br>\n",
-    "    היתרון בצורת הכתיבה הזו הוא שגם אם תהיה התרעה על חריגה שאינה מסוג <var>FileNotFoundError</var> והתוכנה תקרוס,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יותר טוב!<br/>\n",
+    "    היתרון בצורת הכתיבה הזו הוא שגם אם תהיה התרעה על חריגה שאינה מסוג <var>FileNotFoundError</var> והתוכנה תקרוס,<br/>\n",
     "    נוכל להיות בטוחים שקובץ הארכיון נסגר כראוי.\n",
     "</p>"
    ]
@@ -356,15 +356,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכול בסדר</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הכול בסדר</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כה למדנו על 3 מילות מפתח שקשורות במנגנון לטיפול בחריגות של פייתון: <code>try</code>, <code>except</code> ו־<code>finally</code>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כה למדנו על 3 מילות מפתח שקשורות במנגנון לטיפול בחריגות של פייתון: <code>try</code>, <code>except</code> ו־<code>finally</code>.<br/>\n",
     "    אלו רעיונות מרכזיים בטיפול בחריגות, ותוכלו למצוא אותם בצורות כאלו ואחרות בכל שפת תכנות עכשווית שמאפשרת טיפול בחריגות.\n",
     "</p>"
    ]
@@ -373,9 +373,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אלא שבפייתון ישנה מילת מפתח נוספת שהתגנבה למנגנון הטיפול בחריגות: <code>else</code>.<br>\n",
-    "    תחת מילת המפתח הזו יופיעו פעולות שנרצה לבצע רק אם הקוד שב־<code>try</code> רץ במלואו בהצלחה,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אלא שבפייתון ישנה מילת מפתח נוספת שהתגנבה למנגנון הטיפול בחריגות: <code>else</code>.<br/>\n",
+    "    תחת מילת המפתח הזו יופיעו פעולות שנרצה לבצע רק אם הקוד שב־<code>try</code> רץ במלואו בהצלחה,<br/>\n",
     "    או במילים אחרות: באף שלב לא הייתה התרעה על חריגה; אף לא <code>except</code> אחד התבצע.\n",
     "</p>"
    ]
@@ -405,10 +405,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    \"אבל רגע\", ישאלו חדי העין מביניכם.<br>\n",
-    "    \"הרי המטרה היחידה של <code>else</code> היא להריץ קוד אם הקוד שב־<code>try</code> רץ עד סופו,<br>\n",
-    "    אז למה שלא פשוט נכניס אותו כבר לתוך ה־<code>try</code>, מייד אחרי הקוד שרצינו לבצע?\"<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    \"אבל רגע\", ישאלו חדי העין מביניכם.<br/>\n",
+    "    \"הרי המטרה היחידה של <code>else</code> היא להריץ קוד אם הקוד שב־<code>try</code> רץ עד סופו,<br/>\n",
+    "    אז למה שלא פשוט נכניס אותו כבר לתוך ה־<code>try</code>, מייד אחרי הקוד שרצינו לבצע?\"<br/>\n",
     "</p>"
    ]
   },
@@ -416,9 +416,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    וזו שאלה שיש בה היגיון רב –<br>\n",
-    "    הרי קוד שקורס ב־<code>try</code> ממילא גורם לכך שהקוד שנמצא אחריו ב־<code>try</code> יפסיק לרוץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    וזו שאלה שיש בה היגיון רב –<br/>\n",
+    "    הרי קוד שקורס ב־<code>try</code> ממילא גורם לכך שהקוד שנמצא אחריו ב־<code>try</code> יפסיק לרוץ.<br/>\n",
     "    אז למה לא פשוט לשים שם את קוד ההמשך? מה רע בקטע הקוד הבא?\n",
     "</p>"
    ]
@@ -447,10 +447,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ההבדל הוא רעיוני בעיקרו.<br>\n",
-    "    המטרה שלנו היא להעביר את הרעיון שמשתקף מהקוד שלנו לקוראו בצורה נהירה יותר, קצת כמו בספר טוב.<br>\n",
-    "    מילת המפתח <code>else</code> תעזור לקורא להבין איפה חשבנו שעשויה להיות ההתרעה על החריגה,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ההבדל הוא רעיוני בעיקרו.<br/>\n",
+    "    המטרה שלנו היא להעביר את הרעיון שמשתקף מהקוד שלנו לקוראו בצורה נהירה יותר, קצת כמו בספר טוב.<br/>\n",
+    "    מילת המפתח <code>else</code> תעזור לקורא להבין איפה חשבנו שעשויה להיות ההתרעה על החריגה,<br/>\n",
     "    ואיפה אנחנו רוצים להמשיך ולהריץ קוד פייתון שקשור לאותו קוד.\n",
     "</p>"
    ]
@@ -459,11 +459,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ישנו יתרון נוסף בהפרדת הקוד ל־<code>try</code> ול־<code>else</code> –<br>\n",
-    "    השיטה הזו עוזרת לנו להפריד בין הקוד שבו ייתפסו התרעות על חריגות, לבין הקוד שירוץ אחריו ושבו לא יטופלו חריגות.<br>\n",
-    "    כיוון שהשורות שנמצאות בתוך ה־<code>else</code> לא נמצאות בתוך ה־<code>try</code>, פייתון לא תתפוס התרעות על חריגות שהתרחשו במהלך הרצתן.<br>\n",
-    "    שיטה זו עוזרת לנו ליישם את כלל האצבע שמורה לנו לתפוס התרעות על חריגות באופן ממוקד – <br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ישנו יתרון נוסף בהפרדת הקוד ל־<code>try</code> ול־<code>else</code> –<br/>\n",
+    "    השיטה הזו עוזרת לנו להפריד בין הקוד שבו ייתפסו התרעות על חריגות, לבין הקוד שירוץ אחריו ושבו לא יטופלו חריגות.<br/>\n",
+    "    כיוון שהשורות שנמצאות בתוך ה־<code>else</code> לא נמצאות בתוך ה־<code>try</code>, פייתון לא תתפוס התרעות על חריגות שהתרחשו במהלך הרצתן.<br/>\n",
+    "    שיטה זו עוזרת לנו ליישם את כלל האצבע שמורה לנו לתפוס התרעות על חריגות באופן ממוקד – <br/>\n",
     "    בעזרת <code>else</code> לא נתפוס התרעות על חריגות בקוד שבו לא התכוונו מלכתחילה לתפוס התרעות על חריגות.\n",
     "</p>"
    ]
@@ -472,23 +472,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; clear: both;\">\n",
-    "        <img src=\"images/exercise.svg\" style=\"height: 50px !important;\" alt=\"תרגול\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 70%\">\n",
-    "        <p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "            כתבו פונקציה בשם <var>print_item</var> שמקבלת כפרמטר ראשון רשימה, וכפרמטר שני מספר ($n$).<br>\n",
-    "            הפונקציה תדפיס את האיבר ה־$n$־י ברשימה.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl; clear: both;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; clear: both;\" width=\"10%\">\n",
+    "<img alt=\"תרגול\" height=\"50px\" src=\"images/exercise.svg\" style=\"height: 50px !important;\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 70%\" width=\"70%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "            כתבו פונקציה בשם <var>print_item</var> שמקבלת כפרמטר ראשון רשימה, וכפרמטר שני מספר ($n$).<br/>\n",
+    "            הפונקציה תדפיס את האיבר ה־$n$־י ברשימה.<br/>\n",
     "            טפלו בכל ההתרעות על חריגות שעלולות להיווצר בעקבות הרצת הפונקציה.\n",
     "        </p>\n",
-    "    </div>\n",
-    "    <div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\">\n",
-    "        <p style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
-    "            <strong>חשוב!</strong><br>\n",
+    "</div>\n",
+    "<div style=\"display: flex; width: 20%; border-right: 0.1rem solid #A5A5A5; padding: 1rem 2rem;\" width=\"20%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: center; direction: rtl; justify-content: center; align-items: center; clear: both;\">\n",
+    "<strong>חשוב!</strong><br/>\n",
     "            פתרו לפני שתמשיכו!\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -496,7 +496,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לסיכום, ניצור קטע קוד שמשתמש בכל מילות המפתח שלמדנו בהקשר של טיפול בחריגות:\n",
     "</p>"
    ]
@@ -528,8 +528,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/try_except_flow_full.svg?v=5\" style=\"width: 700px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"בתמונה יש תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה try-except-else-finally. התרשים בסגנון קומיקסי עם אימוג'ים. החץ ממנו נכנסים לתרשים הוא 'התחל ב־try' עם סמלון של דגל מרוצים, שמוביל לעיגול שבו כתוב 'הרץ את השורה המוזחת הבאה בתוך ה־try'. מתוך עיגול זה יש חץ לעצמו, שבו כתוב 'אין התראה על חריגה' עם סמלון של וי ירוק, וחץ נוסף שבו כתוב 'אין שורות נוספות ב־try' עם סמלון של וי ירוק שמוביל לעיגול 'הרץ את השורות המוזחות בתוך else, אם יש כזה'. מעיגול זה יוצא חץ נוסף ל'הרץ את השורות המוזחות בתוך finally, אם יש כאלו'. מהעיגול האחרון שהוזכר יוצא חץ כלפי מטה לכיוון מלל עם דגל מרוצים שעליו כתוב 'סוף'. מהעיגול הראשון שהוזכר, 'הרץ את השורה המוזחת הבאה בתוך ה־try', יוצא גם חץ שעליו כתוב 'התרעה על חריגה' עם סמלון של פיצוץ, ומוביל לעיגול שבו כתוב 'חפש except עם סוג החריגה'. מעיגול זה יוצאים שני חצים: הראשון 'לא קיים' (החץ אדום מקווקו), עם סמלון של איקס אדום שמוביל לעיגול ללא מוצא בו כתוב 'זרוק התרעה על חריגה', שמוביל (בעזרת חץ אדום מקווקו) לשרשרת עיגולים ללא מוצא. בראשון כתוב 'הרץ את השורות המוזחות בתוך finally, אם יש כזה', והוא מצביע בעזרת חץ אדום מקווקו על עיגול נוסף בו כתוב 'חדול מהרצת התוכנית'. על החץ השני שיוצא מ'חפש except עם סוג החריגה' כתוב 'קיים' עם סמלון של וי ירוק, והוא מוביל לעיגול 'הרץ את השורות המוזחות בתוך ה־except'. ממנו יש חץ לעיגול שתואר מקודם, 'הרץ את השורות המוזחות בתוך ה־finally, אם יש כזה', ומוביל לכיתוב 'סוף הטיפול בשגיאות. המשך בהרצת התוכנית.' עם דגל מרוץ. כל החצים באיור ירוקים פרט לחצים שהוזכרו כאדומים.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"בתמונה יש תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה try-except-else-finally. התרשים בסגנון קומיקסי עם אימוג'ים. החץ ממנו נכנסים לתרשים הוא 'התחל ב־try' עם סמלון של דגל מרוצים, שמוביל לעיגול שבו כתוב 'הרץ את השורה המוזחת הבאה בתוך ה־try'. מתוך עיגול זה יש חץ לעצמו, שבו כתוב 'אין התראה על חריגה' עם סמלון של וי ירוק, וחץ נוסף שבו כתוב 'אין שורות נוספות ב־try' עם סמלון של וי ירוק שמוביל לעיגול 'הרץ את השורות המוזחות בתוך else, אם יש כזה'. מעיגול זה יוצא חץ נוסף ל'הרץ את השורות המוזחות בתוך finally, אם יש כאלו'. מהעיגול האחרון שהוזכר יוצא חץ כלפי מטה לכיוון מלל עם דגל מרוצים שעליו כתוב 'סוף'. מהעיגול הראשון שהוזכר, 'הרץ את השורה המוזחת הבאה בתוך ה־try', יוצא גם חץ שעליו כתוב 'התרעה על חריגה' עם סמלון של פיצוץ, ומוביל לעיגול שבו כתוב 'חפש except עם סוג החריגה'. מעיגול זה יוצאים שני חצים: הראשון 'לא קיים' (החץ אדום מקווקו), עם סמלון של איקס אדום שמוביל לעיגול ללא מוצא בו כתוב 'זרוק התרעה על חריגה', שמוביל (בעזרת חץ אדום מקווקו) לשרשרת עיגולים ללא מוצא. בראשון כתוב 'הרץ את השורות המוזחות בתוך finally, אם יש כזה', והוא מצביע בעזרת חץ אדום מקווקו על עיגול נוסף בו כתוב 'חדול מהרצת התוכנית'. על החץ השני שיוצא מ'חפש except עם סוג החריגה' כתוב 'קיים' עם סמלון של וי ירוק, והוא מוביל לעיגול 'הרץ את השורות המוזחות בתוך ה־except'. ממנו יש חץ לעיגול שתואר מקודם, 'הרץ את השורות המוזחות בתוך ה־finally, אם יש כזה', ומוביל לכיתוב 'סוף הטיפול בשגיאות. המשך בהרצת התוכנית.' עם דגל מרוץ. כל החצים באיור ירוקים פרט לחצים שהוזכרו כאדומים.\" src=\"images/try_except_flow_full.svg?v=5\" style=\"width: 700px; margin-right: auto; margin-left: auto; text-align: center;\" width=\"700px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        תרשים זרימה המציג כיצד פייתון קוראת את הקוד במבנה <code>try</code>, <code>except</code>, <code>else</code>, <code>finally</code>.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -539,16 +539,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: פותחים שעון</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: פותחים שעון</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>estimate_read_time</var>, שמקבלת נתיב לקובץ, ומודדת בתוך כמה זמן פייתון קוראת את הקובץ.<br>\n",
-    "    על הפונקציה להוסיף לקובץ בשם log.txt שורה שבה כתוב את שם הקובץ שניסיתם לקרוא, ובתוך כמה שניות פייתון קראה את הקובץ.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>estimate_read_time</var>, שמקבלת נתיב לקובץ, ומודדת בתוך כמה זמן פייתון קוראת את הקובץ.<br/>\n",
+    "    על הפונקציה להוסיף לקובץ בשם log.txt שורה שבה כתוב את שם הקובץ שניסיתם לקרוא, ובתוך כמה שניות פייתון קראה את הקובץ.<br/>\n",
     "    הפונקציה תטפל בכל מקרי הקצה ובהתרעות על חריגות שבהם היא עלולה להיתקל.\n",
     "</p>"
    ]
@@ -557,15 +557,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת התרעה על חריגה</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת התרעה על חריגה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    עד כה התמקדנו בטיפול בהתרעות על חריגות שעלולות להיווצר במהלך ריצת התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    עד כה התמקדנו בטיפול בהתרעות על חריגות שעלולות להיווצר במהלך ריצת התוכנית.<br/>\n",
     "    בהגיענו לכתוב תוכניות גדולות יותר שמתכנתים אחרים ישתמשו בהן, לעיתים קרובות נרצה ליצור בעצמנו התרעות על חריגות.\n",
     "</p>"
    ]
@@ -574,8 +574,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    התרעה על חריגה, כפי שלמדנו, היא דרך לדווח למתכנת שמשהו בעייתי התרחש בזמן ריצת התוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    התרעה על חריגה, כפי שלמדנו, היא דרך לדווח למתכנת שמשהו בעייתי התרחש בזמן ריצת התוכנית.<br/>\n",
     "    נוכל ליצור התרעות כאלו בעצמנו, כדי להודיע על בעיות אפשריות למתכנתים שמשתמשים בקוד שלנו.\n",
     "</p>"
    ]
@@ -584,14 +584,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יצירת התרעה על חריגה היא עניין פשוט למדי שמורכב מ־3 חלקים:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יצירת התרעה על חריגה היא עניין פשוט למדי שמורכב מ־3 חלקים:<br/>\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>שימוש במילת המפתח <code>raise</code>.</li>\n",
-    "    <li>ציון סוג החריגה שעליה אנחנו הולכים להתריע – <var>ValueError</var>, לדוגמה.</li>\n",
-    "    <li>בסוגריים אחרי כן – הודעה שתתאר למתכנת שישתמש בקוד את הבעיה.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>שימוש במילת המפתח <code>raise</code>.</li>\n",
+    "<li>ציון סוג החריגה שעליה אנחנו הולכים להתריע – <var>ValueError</var>, לדוגמה.</li>\n",
+    "<li>בסוגריים אחרי כן – הודעה שתתאר למתכנת שישתמש בקוד את הבעיה.</li>\n",
     "</ol>"
    ]
   },
@@ -599,7 +598,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    זה ייראה כך:\n",
     "</p>"
    ]
@@ -617,9 +616,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה דוגמה לקוד אמיתי שמממש התרעה על חריגה.<br>\n",
-    "    <a href=\"https://github.com/python/cpython/blob/578c3955e0222ec7b3146197467fbb0fcfae12fe/Lib/datetime.py#L397\">הקוד הבא</a> לקוח מהמודול <var>datetime</var>, והוא רץ בכל פעם <a href=\"https://github.com/python/cpython/blob/578c3955e0222ec7b3146197467fbb0fcfae12fe/Lib/datetime.py#L1589\">שמבקשים ליצור</a> מופע חדש של תאריך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה דוגמה לקוד אמיתי שמממש התרעה על חריגה.<br/>\n",
+    "<a href=\"https://github.com/python/cpython/blob/578c3955e0222ec7b3146197467fbb0fcfae12fe/Lib/datetime.py#L397\">הקוד הבא</a> לקוח מהמודול <var>datetime</var>, והוא רץ בכל פעם <a href=\"https://github.com/python/cpython/blob/578c3955e0222ec7b3146197467fbb0fcfae12fe/Lib/datetime.py#L1589\">שמבקשים ליצור</a> מופע חדש של תאריך.<br/>\n",
     "    שימו לב כיצד יוצר המודול בודק את כל אחד מחלקי התאריך, ואם הערך חורג מהטווח שהוגדר – הוא מתריע על חריגה עם הודעת חריגה ממוקדת:\n",
     "</p>"
    ]
@@ -648,9 +647,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    מטרת הפונקציה היא להבין אם השעה שהועברה ל־<var>datetime</var> תקינה.<br>\n",
-    "    בפונקציה, בודקים אם השעה היא מספר בטווח 0–23, אם מספר הדקות הוא מספר בטווח 0–59 וכן הלאה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    מטרת הפונקציה היא להבין אם השעה שהועברה ל־<var>datetime</var> תקינה.<br/>\n",
+    "    בפונקציה, בודקים אם השעה היא מספר בטווח 0–23, אם מספר הדקות הוא מספר בטווח 0–59 וכן הלאה.<br/>\n",
     "    אם אחד התנאים לא מתקיים – מתריעים למתכנת שניסה ליצור את מופע התאריך על חריגה.\n",
     "</p>"
    ]
@@ -659,9 +658,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הקוד משתמש בתעלול מבורך – ביצירת מופע ממחלקה של חריגה, אפשר להשתמש ביותר מפרמטר אחד.<br>\n",
-    "    הפרמטר הראשון תמיד יוקדש להודעת השגיאה, אבל אפשר להשתמש בשאר הפרמטרים כדי להעביר מידע נוסף על החריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הקוד משתמש בתעלול מבורך – ביצירת מופע ממחלקה של חריגה, אפשר להשתמש ביותר מפרמטר אחד.<br/>\n",
+    "    הפרמטר הראשון תמיד יוקדש להודעת השגיאה, אבל אפשר להשתמש בשאר הפרמטרים כדי להעביר מידע נוסף על החריגה.<br/>\n",
     "    בדרך כלל מעבירים שם מידע על הערכים שגרמו לבעיה, או את הערכים עצמם.\n",
     "</p>"
    ]
@@ -670,16 +669,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: סכו\"ם</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל ביניים: סכו\"ם</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתור רשת לכלי עבודה אתם מנסים לספור את מלאי ה<b>ס</b>ולמות, <b>כ</b>רסומות <b>ומ</b>חרטות שקיימים אצלכם.<br>\n",
-    "    כתבו מחלקה שמייצגת חנות (<var>Store</var>), ולה 3 תכונות:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתור רשת לכלי עבודה אתם מנסים לספור את מלאי ה<b>ס</b>ולמות, <b>כ</b>רסומות <b>ומ</b>חרטות שקיימים אצלכם.<br/>\n",
+    "    כתבו מחלקה שמייצגת חנות (<var>Store</var>), ולה 3 תכונות:<br/>\n",
     "    מספר הסולמות (<var>ladders</var>), מספר הכרסומות (<var>millings</var>) ומספר המחרטות (<var>lathes</var>) במלאי.\n",
     "</p>"
    ]
@@ -688,8 +687,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה בשם <var>count_inventory</var> שמקבלת רשימת מופעים של חנויות, ומחזירה את מספר הפריטים הכולל במלאי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה בשם <var>count_inventory</var> שמקבלת רשימת מופעים של חנויות, ומחזירה את מספר הפריטים הכולל במלאי.<br/>\n",
     "    צרו התרעות על חריגות במידת הצורך, בין אם במחלקה ובין אם בפונקציה.\n",
     "</p>"
    ]
@@ -698,23 +697,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טכניקות בניהול חריגות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טכניקות בניהול חריגות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">מיקוד החריגה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">מיקוד החריגה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טכניקה מעניינת שמשתמשים בה מדי פעם היא ניסוח מחדש של התרעה על חריגה.<br>\n",
-    "    נבחר לנהוג כך כשהניסוח מחדש יעזור לנו למקד את מי שישתמש בקוד שלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טכניקה מעניינת שמשתמשים בה מדי פעם היא ניסוח מחדש של התרעה על חריגה.<br/>\n",
+    "    נבחר לנהוג כך כשהניסוח מחדש יעזור לנו למקד את מי שישתמש בקוד שלנו.<br/>\n",
     "    בטכניקה הזו נתפוס בעזרת <code>try</code> חריגה מסוג מסוים, וב־<code>except</code> ניצור התרעה חדשה על חריגה עם הודעת שגיאה משלנו.\n",
     "</p>"
    ]
@@ -723,7 +722,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה דוגמה:\n",
     "</p>"
    ]
@@ -754,16 +753,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול והתרעה</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול והתרעה</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טכניקה נוספת היא ביצוע פעולות מסוימות במהלך ה־<code>except</code>, והתרעה על החריגה מחדש.<br>\n",
-    "    השימוש בטכניקה הזו נפוץ מאוד.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טכניקה נוספת היא ביצוע פעולות מסוימות במהלך ה־<code>except</code>, והתרעה על החריגה מחדש.<br/>\n",
+    "    השימוש בטכניקה הזו נפוץ מאוד.<br/>\n",
     "</p>"
    ]
   },
@@ -771,19 +770,18 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    שימוש בה הוא מעין סיפור קצר בשלושה חלקים:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>תופסים את החריגה.</li>\n",
-    "    <li>מבצעים פעולות רלוונטיות כמו:\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>תופסים את החריגה.</li>\n",
+    "<li>מבצעים פעולות רלוונטיות כמו:\n",
     "        <ul>\n",
-    "            <li>מתעדים את התרחשות החריגה במקום חיצוני, כמו קובץ, או אפילו מערכת ייעודית לניהול שגיאות.</li>\n",
-    "            <li>מבטלים את הפעולות שכן הספקנו לעשות לפני שהייתה התרעה על חריגה.</li>\n",
-    "        </ul>\n",
-    "    </li>\n",
-    "    <li>מקפיצים מחדש את החריגה – את אותה חריגה בדיוק או אחת מדויקת יותר.</li>\n",
+    "<li>מתעדים את התרחשות החריגה במקום חיצוני, כמו קובץ, או אפילו מערכת ייעודית לניהול שגיאות.</li>\n",
+    "<li>מבטלים את הפעולות שכן הספקנו לעשות לפני שהייתה התרעה על חריגה.</li>\n",
+    "</ul>\n",
+    "</li>\n",
+    "<li>מקפיצים מחדש את החריגה – את אותה חריגה בדיוק או אחת מדויקת יותר.</li>\n",
     "</ol>"
    ]
   },
@@ -791,7 +789,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    לדוגמה:\n",
     "</p>"
    ]
@@ -826,8 +824,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    למעשה, הרעיון של התרעה מחדש על חריגה הוא כה נפוץ, שמפתחי פייתון יצרו עבורו מעין קיצור.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    למעשה, הרעיון של התרעה מחדש על חריגה הוא כה נפוץ, שמפתחי פייתון יצרו עבורו מעין קיצור.<br/>\n",
     "    אם אתם נמצאים בתוך <code>except</code> ורוצים לזרוק בדיוק את החריגה שתפסתם, פשוט כתבו <code>raise</code> בלי כלום אחריו:\n",
     "</p>"
    ]
@@ -855,15 +853,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת חריגה משלנו</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">יצירת חריגה משלנו</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתוכנות גדולות במיוחד נרצה ליצור סוגי חריגות משלנו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתוכנות גדולות במיוחד נרצה ליצור סוגי חריגות משלנו.<br/>\n",
     "    נוכל לעשות זאת בקלות אם נירש ממחלקה קיימת שמייצגת חריגה:\n",
     "</p>"
    ]
@@ -882,7 +880,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בשלב זה, נוכל להתריע על חריגה בעזרת סוג החריגה שיצרנו:\n",
     "</p>"
    ]
@@ -908,11 +906,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; float: right; \">\n",
-    "        <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\" title=\"טיפ!\">\n",
-    "    </div>\n",
-    "    <div style=\"width: 90%;\">\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
+    "<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\" title=\"טיפ!\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%;\" width=\"90%\">\n",
     "        נהוג לסיים את שמות המחלקות המייצגות חריגה במילה <em>Error</em>.\n",
     "    </div>\n",
     "</div>"
@@ -922,9 +920,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    זכרו שהירושה כאן משפיעה על הדרך שבה תטופל החריגה שלכם.<br>\n",
-    "    אם, נניח, <var>AddressUnknownError</var> הייתה יורשת מ־<var>KeyError</var>, ולא מ־<var>Exception</var>,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    זכרו שהירושה כאן משפיעה על הדרך שבה תטופל החריגה שלכם.<br/>\n",
+    "    אם, נניח, <var>AddressUnknownError</var> הייתה יורשת מ־<var>KeyError</var>, ולא מ־<var>Exception</var>,<br/>\n",
     "    זה אומר שכל מי שהיה עושה <code>except KeyError</code> היה תופס גם חריגות מסוג <var>AddressUnknownError</var>.\n",
     "</p>"
    ]
@@ -933,14 +931,13 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    יש לא מעט יתרונות ליצירת שגיאות משל עצמנו:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li>המתכנתים שמשתמשים בפונקציה יכולים לתפוס התרעות ספציפיות יותר.</li>\n",
-    "    <li>הקוד הופך לבהיר יותר עבור הקורא ועבור מי שמקבל את ההתרעה על החריגה.</li>\n",
-    "    <li>בזכות רעיון הירושה, אפשר לספק לחריגות הללו התנהגות מותאמת אישית.</li>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li>המתכנתים שמשתמשים בפונקציה יכולים לתפוס התרעות ספציפיות יותר.</li>\n",
+    "<li>הקוד הופך לבהיר יותר עבור הקורא ועבור מי שמקבל את ההתרעה על החריגה.</li>\n",
+    "<li>בזכות רעיון הירושה, אפשר לספק לחריגות הללו התנהגות מותאמת אישית.</li>\n",
     "</ol>"
    ]
   },
@@ -948,16 +945,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
-    "    <div style=\"display: flex; width: 10%; \">\n",
-    "        <img src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\" alt=\"העמקה\" title=\"העמקה\"> \n",
-    "    </div>\n",
-    "    <div style=\"width: 90%\">\n",
-    "        <p style=\"text-align: right; direction: rtl;\">\n",
-    "            כבכל ירושה, תוכלו לדרוס את הפעולות <code>__init__</code> ו־<code>__str__</code> של מחלקת־העל שממנה ירשתם.<br>\n",
+    "<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
+    "<div style=\"display: flex; width: 10%; \" width=\"10%\">\n",
+    "<img alt=\"העמקה\" height=\"50px\" src=\"images/deeper.svg?a=1\" style=\"height: 50px !important;\" title=\"העמקה\"/>\n",
+    "</div>\n",
+    "<div style=\"width: 90%\" width=\"90%\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl;\">\n",
+    "            כבכל ירושה, תוכלו לדרוס את הפעולות <code>__init__</code> ו־<code>__str__</code> של מחלקת־העל שממנה ירשתם.<br/>\n",
     "            דריסה כזו תספק לכם גמישות רבה בהגדרת החריגות שיצרתם ובשימוש בהן.\n",
     "        </p>\n",
-    "    </div>\n",
+    "</div>\n",
     "</div>"
    ]
   },
@@ -965,7 +962,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נראה דוגמה קצרצרה ליצירת חריגה מותאמת אישית:\n",
     "</p>"
    ]
@@ -1004,16 +1001,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסים והליכות</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">נימוסים והליכות</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טיפול בחריגות היא הדרך הטובה ביותר להגיב על התרחשויות לא סדירות ולנהל אותן בקוד הפייתון שאנחנו כותבים.<br>\n",
-    "    כפי שכבר ראינו במחברות קודמות, בכלים מורכבים ומתקדמים יש יותר מקום לטעויות, וקווים מנחים יעזרו לנו להתנהל בצורה נכונה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טיפול בחריגות היא הדרך הטובה ביותר להגיב על התרחשויות לא סדירות ולנהל אותן בקוד הפייתון שאנחנו כותבים.<br/>\n",
+    "    כפי שכבר ראינו במחברות קודמות, בכלים מורכבים ומתקדמים יש יותר מקום לטעויות, וקווים מנחים יעזרו לנו להתנהל בצורה נכונה.<br/>\n",
     "    נעבור על כמה כללי אצבע ורעיונות מועילים שיקלו עליכם לעבוד נכון עם חריגות:\n",
     "</p>"
    ]
@@ -1022,16 +1019,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול ממוקד</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">טיפול ממוקד</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    באופן כללי, נעדיף להיות כמה שיותר ממוקדים בטיפול בחריגות.<br>\n",
-    "    כשאנחנו מטפלים בחריגה, אנחנו יוצאים מנקודת הנחה שאנחנו יודעים מה הבעיה וכיצד יש לטפל בה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    באופן כללי, נעדיף להיות כמה שיותר ממוקדים בטיפול בחריגות.<br/>\n",
+    "    כשאנחנו מטפלים בחריגה, אנחנו יוצאים מנקודת הנחה שאנחנו יודעים מה הבעיה וכיצד יש לטפל בה.<br/>\n",
     "    לדוגמה, אם משתמש הזין ערך שלא נתמך בקוד שלנו, נרצה לעצור את קריסת התוכנית ולבקש ממנו להזין ערך מתאים.\n",
     "</p>"
    ]
@@ -1040,10 +1037,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לא נרצה, לדוגמה, לתפוס התרעות על חריגות שלא התכוונו לתפוס מלכתחילה.<br>\n",
-    "    אנחנו מעוניינים לטפל רק בבעיות שאנחנו יודעים שעלולות להתרחש.<br>\n",
-    "    אם ישנה בעיה שאנחנו לא יודעים עליה – אנחנו מעדיפים שפייתון תצעק כדי שנדע שהיא קיימת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לא נרצה, לדוגמה, לתפוס התרעות על חריגות שלא התכוונו לתפוס מלכתחילה.<br/>\n",
+    "    אנחנו מעוניינים לטפל רק בבעיות שאנחנו יודעים שעלולות להתרחש.<br/>\n",
+    "    אם ישנה בעיה שאנחנו לא יודעים עליה – אנחנו מעדיפים שפייתון תצעק כדי שנדע שהיא קיימת.<br/>\n",
     "    \"השתקה\" של בעיות שאנחנו לא יודעים על קיומן היא פתח לתקלים בלתי צפויים וחמורים אף יותר.\n",
     "</p>"
    ]
@@ -1052,9 +1049,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד, הנקודה הזו תבוא לידי ביטוי כשנכתוב אחרי ה־<code>except</code> את רשימת סוגי החריגות שבהן נטפל.<br>\n",
-    "    נשתדל שלא לטפל ב־<var>Exception</var>, משום שאז נתפוס כל סוג חריגה שיורש ממנה (כמעט כולם).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד, הנקודה הזו תבוא לידי ביטוי כשנכתוב אחרי ה־<code>except</code> את רשימת סוגי החריגות שבהן נטפל.<br/>\n",
+    "    נשתדל שלא לטפל ב־<var>Exception</var>, משום שאז נתפוס כל סוג חריגה שיורש ממנה (כמעט כולם).<br/>\n",
     "    נשתדל גם לא לדחוס אחרי ה־<code>except</code> סוגי חריגות שאנחנו לא יודעים אם הם רלוונטיים או לא.\n",
     "</p>"
    ]
@@ -1063,8 +1060,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    יתרה מזאת, טיפול בשגיאות יתבצע רק על קוד שאנחנו יודעים שעלול לגרום להתרעה על חריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    יתרה מזאת, טיפול בשגיאות יתבצע רק על קוד שאנחנו יודעים שעלול לגרום להתרעה על חריגה.<br/>\n",
     "    קוד שלא קשור לחריגה שהולכת להתרחש – לא יהיה חלק מהליך הטיפול בשגיאות.\n",
     "</p>"
    ]
@@ -1073,9 +1070,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בקוד, הנקודה הזו תבוא לידי ביטוי בכך שבתוך ה־<code>try</code> יוזחו כמה שפחות שורות קוד.<br>\n",
-    "    תחת ה־<code>try</code> נכתוב אך ורק את הקוד שעלול להתריע על חריגה, ושום דבר מעבר לו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בקוד, הנקודה הזו תבוא לידי ביטוי בכך שבתוך ה־<code>try</code> יוזחו כמה שפחות שורות קוד.<br/>\n",
+    "    תחת ה־<code>try</code> נכתוב אך ורק את הקוד שעלול להתריע על חריגה, ושום דבר מעבר לו.<br/>\n",
     "    כך נדע שאנחנו לא תופסים בטעות חריגות שלא התכוונו לתפוס מלכתחילה.\n",
     "</p>"
    ]
@@ -1084,7 +1081,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חריגות הן עבור המתכנת</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חריגות הן עבור המתכנת</span>"
    ]
   },
   {
@@ -1092,8 +1089,8 @@
    "metadata": {},
    "source": [
     "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אנחנו מעוניינים שהמתכנת שישתמש בקוד יקבל התרעות על חריגות שיבהירו לו מהן הבעיות בקוד שכתב, ויאפשרו לו לטפל בהן.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אנחנו מעוניינים שהמתכנת שישתמש בקוד יקבל התרעות על חריגות שיבהירו לו מהן הבעיות בקוד שכתב, ויאפשרו לו לטפל בהן.<br/>\n",
     "    אם כתבנו מודול או פונקציה שמתכנת אחר הולך להשתמש בה, לדוגמה, נקפיד ליצור התרעות על חריגות שיעזרו לו לנווט בקוד שלנו.\n",
     "</p>"
    ]
@@ -1102,10 +1099,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לעומת המתכנת, אנחנו שואפים שמי שישתמש בתוכנית (הלקוח של המוצר, נניח) לעולם לא יצטרך להתמודד עם התרעות על חריגות.<br>\n",
-    "    התוכנית לא אמורה לקרוס בגלל חריגה אף פעם, אלא לטפל בחריגה ולחזור לפעולה תקינה.<br>\n",
-    "    אם החריגה קיצונית ומחייבת את הפסקת הריצה של התוכנית, עלינו לפעול בצורה אחראית:<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לעומת המתכנת, אנחנו שואפים שמי שישתמש בתוכנית (הלקוח של המוצר, נניח) לעולם לא יצטרך להתמודד עם התרעות על חריגות.<br/>\n",
+    "    התוכנית לא אמורה לקרוס בגלל חריגה אף פעם, אלא לטפל בחריגה ולחזור לפעולה תקינה.<br/>\n",
+    "    אם החריגה קיצונית ומחייבת את הפסקת הריצה של התוכנית, עלינו לפעול בצורה אחראית:<br/>\n",
     "    נבצע שמירה מסודרת של כמה שיותר פרטים על הודעת השגיאה, נסגור חיבורים למשאבים, נמחק קבצים שיצרנו ונכבה את התוכנה בצורה מסודרת.\n",
     "</p>"
    ]
@@ -1114,15 +1111,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">EAFP או LBYL</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">EAFP או LBYL</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בכל הקשור לשפות תכנות, ישנן שתי גישות נפוצות לטיפול במקרי קצה בתוכנית.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בכל הקשור לשפות תכנות, ישנן שתי גישות נפוצות לטיפול במקרי קצה בתוכנית.<br/>\n",
     "</p>"
    ]
   },
@@ -1130,10 +1127,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הגישה הראשונה נקראת <var>LBYL</var>, או Look Before You Leap (\"הסתכל לפני שאתה קופץ\").<br>\n",
-    "    גישה זו דוגלת בבדיקת השטח לפני ביצוע כל פעולה.<br>\n",
-    "    הפעולה תתבצע לבסוף, רק כשנהיה בטוחים שהרצתה חוקית ולא גורמת להתרעה על חריגה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הגישה הראשונה נקראת <var>LBYL</var>, או Look Before You Leap (\"הסתכל לפני שאתה קופץ\").<br/>\n",
+    "    גישה זו דוגלת בבדיקת השטח לפני ביצוע כל פעולה.<br/>\n",
+    "    הפעולה תתבצע לבסוף, רק כשנהיה בטוחים שהרצתה חוקית ולא גורמת להתרעה על חריגה.<br/>\n",
     "    קוד שכתב מי שדוגל בשיטה הזו מתאפיין בשימוש תדיר במילת המפתח <code>if</code>.\n",
     "</p>"
    ]
@@ -1142,9 +1139,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הגישה השנייה נקראת <var>EAFP</var>, או Easier to Ask for Forgiveness than Permission (\"קל יותר לבקש סליחה מלבקש רשות\").<br>\n",
-    "    גישה זו דוגלת בביצוע פעולות מבלי לבדוק לפני כן את היתכנותן, ותפיסה של התרעה על חריגה אם היא מתרחשת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הגישה השנייה נקראת <var>EAFP</var>, או Easier to Ask for Forgiveness than Permission (\"קל יותר לבקש סליחה מלבקש רשות\").<br/>\n",
+    "    גישה זו דוגלת בביצוע פעולות מבלי לבדוק לפני כן את היתכנותן, ותפיסה של התרעה על חריגה אם היא מתרחשת.<br/>\n",
     "    קוד שכתב מי שדוגל בשיטה הזו מתאפיין בשימוש תדיר במבני <code>try-except</code>.\n",
     "</p>"
    ]
@@ -1153,8 +1150,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    נראה שתי דוגמאות להבדלים בגישות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    נראה שתי דוגמאות להבדלים בגישות.<br/>\n",
     "</p>"
    ]
   },
@@ -1162,14 +1159,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה 1: מספר תו במחרוזת</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה 1: מספר תו במחרוזת</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נכתוב פונקציה שמקבלת מחרוזת ומיקום ($n$), ומחזירה את התו במיקום ה־$n$־י במחרוזת.\n",
     "</p>"
    ]
@@ -1178,8 +1175,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם הקוד בגישת LBYL, ובו אנחנו מנסים לבדוק בזהירות אם אכן מדובר במחרוזת, ואם יש בה לפחות $n$ תווים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם הקוד בגישת LBYL, ובו אנחנו מנסים לבדוק בזהירות אם אכן מדובר במחרוזת, ואם יש בה לפחות $n$ תווים.<br/>\n",
     "    רק אחרי שאנחנו מוודאים שכל דרישות הקדם מתקיימות, אנחנו ניגשים לבצע את הפעולה.\n",
     "</p>"
    ]
@@ -1204,7 +1201,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והנה אותו קוד בגישת EAFP. הפעם פשוט ננסה לאחזר את התו, ונסמוך על מבנה ה־<code>try-except</code> שיתפוס עבורנו את החריגות:\n",
     "</p>"
    ]
@@ -1227,14 +1224,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "#### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה 2: כתיבה לקובץ</span>"
+    "#### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">דוגמה 2: כתיבה לקובץ</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    נתכנת פונקציה שמקבלת נתיב לקובץ וטקסט, וכותבת את הטקסט לקובץ.\n",
     "</p>"
    ]
@@ -1243,8 +1240,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הנה הקוד בגישת LBYL, ובו אנחנו מנסים לבדוק בזהירות אם הקובץ אכן בטוח לכתיבה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הנה הקוד בגישת LBYL, ובו אנחנו מנסים לבדוק בזהירות אם הקובץ אכן בטוח לכתיבה.<br/>\n",
     "    רק אחרי שאנחנו מוודאים שיש לנו גישה אליו, שאכן מדובר בקובץ ושאפשר לכתוב אליו, אנחנו מבצעים את הכתיבה לקובץ.\n",
     "</p>"
    ]
@@ -1298,7 +1295,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    והנה אותו קוד בגישת EAFP. הפעם פשוט ננסה לכתוב לקובץ, ונסמוך על מבנה ה־<code>try-except</code> שיתפוס עבורנו את החריגות:\n",
     "</p>"
    ]
@@ -1331,7 +1328,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    מתכנתי פייתון נוטים יותר לתכנות בגישת EAFP.\n",
     "</p>"
    ]
@@ -1340,16 +1337,16 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אחריות אישית</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אחריות אישית</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    טיפול בחריגה ימנע מהתוכנה לקרוס, ועשוי להחביא את העובדה שהייתה בעיה בזרימת התוכנית.<br>\n",
-    "    לרוב זה מצוין ובדיוק מה שאנחנו רוצים, אבל מתכנתים בתחילת דרכם עלולים להתפתות לנצל את העובדה הזו יתר על המידה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    טיפול בחריגה ימנע מהתוכנה לקרוס, ועשוי להחביא את העובדה שהייתה בעיה בזרימת התוכנית.<br/>\n",
+    "    לרוב זה מצוין ובדיוק מה שאנחנו רוצים, אבל מתכנתים בתחילת דרכם עלולים להתפתות לנצל את העובדה הזו יתר על המידה.<br/>\n",
     "    לפניכם דוגמה לקטע קוד שחניכים רבים משתמשים בו בתחילת דרכם:\n",
     "</p>"
    ]
@@ -1371,9 +1368,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    הטריק הזה נקרא \"השתקת חריגות\".<br>\n",
-    "    ברוב המוחלט של המקרים זה לא מה שאנחנו רוצים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    הטריק הזה נקרא \"השתקת חריגות\".<br/>\n",
+    "    ברוב המוחלט של המקרים זה לא מה שאנחנו רוצים.<br/>\n",
     "</p>"
    ]
   },
@@ -1381,9 +1378,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    השתקת החריגה עלולה לגרום לתקל בהמשך ריצת התוכנית, ויהיה לנו קשה מאוד לאתר אותו בעתיד.<br>\n",
-    "    פעמים רבות השתקה שכזו מעידה על כך שהחריגה נתפסה מוקדם מדי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    השתקת החריגה עלולה לגרום לתקל בהמשך ריצת התוכנית, ויהיה לנו קשה מאוד לאתר אותו בעתיד.<br/>\n",
+    "    פעמים רבות השתקה שכזו מעידה על כך שהחריגה נתפסה מוקדם מדי.<br/>\n",
     "    במקרים כאלו, עדיף לטפל בהתרעה על החריגה בפונקציה שקראה למקום שבו התרחשה ההתרעה על החריגה.\n",
     "</p>"
    ]
@@ -1392,9 +1389,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם תגיעו למצב שבו אתם משתיקים חריגות, עצרו ושאלו את עצמכם אם זה הפתרון הטוב ביותר.<br>\n",
-    "    לרוב, עדיף יהיה לטפל בהתרעה על החריגה ולהביא את התוכנה למצב תקין,<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם תגיעו למצב שבו אתם משתיקים חריגות, עצרו ושאלו את עצמכם אם זה הפתרון הטוב ביותר.<br/>\n",
+    "    לרוב, עדיף יהיה לטפל בהתרעה על החריגה ולהביא את התוכנה למצב תקין,<br/>\n",
     "    או לפחות לשמור את פרטי ההתרעה לקובץ המתעד את ההתרעות על החריגות שהתרחשו בזמן ריצת התוכנה.     \n",
     "</p>"
    ]
@@ -1403,23 +1400,23 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגילים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">באנו להנמיך</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">באנו להנמיך</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לפניכם דוגמאות קוד מחרידות להפליא.<br>\n",
-    "    תקנו אותן כך שיתאימו לנימוסים והליכות שלמדנו בסוף המחברת.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לפניכם דוגמאות קוד מחרידות להפליא.<br/>\n",
+    "    תקנו אותן כך שיתאימו לנימוסים והליכות שלמדנו בסוף המחברת.<br/>\n",
     "    היעזרו באינטרנט במידת הצורך.\n",
     "</p>"
    ]
@@ -1511,17 +1508,17 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">באנו להרים</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">באנו להרים</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו פונקציה המיועדת למתכנתים בחברת \"The Syndicate\".<br>\n",
-    "    הפונקציה תקבל כפרמטרים נתיב לקובץ (<var>filepath</var>) ומספר שורה (<var>line_number</var>).<br>\n",
-    "    הפונקציה תחזיר את מה שכתוב בקובץ שנתיבו הוא <var>filepath</var> בשורה שמספרה הוא <var>line_number</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו פונקציה המיועדת למתכנתים בחברת \"The Syndicate\".<br/>\n",
+    "    הפונקציה תקבל כפרמטרים נתיב לקובץ (<var>filepath</var>) ומספר שורה (<var>line_number</var>).<br/>\n",
+    "    הפונקציה תחזיר את מה שכתוב בקובץ שנתיבו הוא <var>filepath</var> בשורה שמספרה הוא <var>line_number</var>.<br/>\n",
     "    נהלו את השגיאות היטב. בכל פעם שישנה התרעה על חריגה, כתבו אותה לקובץ log.txt עם חותמת זמן וההודעה. \n",
     "</p>"
    ]
@@ -1530,15 +1527,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ילד שלי מוצלח</span>"
+    "### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ילד שלי מוצלח</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צפנת פענח ניסה להעביר ליוליוס פואמה מעניינת שכתב.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צפנת פענח ניסה להעביר ליוליוס פואמה מעניינת שכתב.<br/>\n",
     "    בניסיוננו להתחקות אחר עקבותיו של צפנת פענח, ניסינו לשים את ידינו על המסר – אך גילינו שהוא מוצפן.\n",
     "</p>"
    ]
@@ -1547,7 +1544,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בתיקיית resources מצורפים שני קבצים: users.txt ו־passwords.txt.\n",
     "</p>"
    ]
@@ -1556,7 +1553,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כל שורה בקובץ users.txt נראית כך:\n",
     "</p>"
    ]
@@ -1572,8 +1569,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    העמודה הראשונה מייצגת את מספר המשתמש, העמודה השנייה מייצגת את שמו ושאר העמודות מייצגות פרטים מזהים עליו.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    העמודה הראשונה מייצגת את מספר המשתמש, העמודה השנייה מייצגת את שמו ושאר העמודות מייצגות פרטים מזהים עליו.<br/>\n",
     "    העמודות מופרדות בתו |.\n",
     "</p>"
    ]
@@ -1582,7 +1579,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "כל שורה בקובץ בקובץ passwords.txt נראית כך:\n",
     "</p>"
    ]
@@ -1598,8 +1595,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שתי העמודות הראשונות הן מספרי המשתמש, כפי שהם מוגדרים ב־users.txt.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שתי העמודות הראשונות הן מספרי המשתמש, כפי שהם מוגדרים ב־users.txt.<br/>\n",
     "    העמודה השלישית היא סיסמת ההתקשרות ביניהם.\n",
     "</p>"
    ]
@@ -1608,16 +1605,15 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    כתבו את הפונקציות הבאות:\n",
     "</p>\n",
-    "\n",
-    "<ol style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    <li><var>load_file</var> – טוענת קובץ טבלאי שהשורה הראשונה שבו היא כותרת, והעמודות שבו מופרדת זו מזו בתו |.<br>\n",
+    "<ol dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<li><var>load_file</var> – טוענת קובץ טבלאי שהשורה הראשונה שבו היא כותרת, והעמודות שבו מופרדת זו מזו בתו |.<br/>\n",
     "        הפונקציה תחזיר רשימה של מילונים. כל מילון ברשימה ייצג שורה בקובץ. המפתחות של כל מילון יהיו שמות השדות מהכותרת.</li>\n",
-    "    <li><var>get_user_id</var> – שמקבלת את שם המשתמש, ומחזירה את מספר המשתמש שלו.</li>\n",
-    "    <li><var>get_password</var> – שמקבלת שני מספרים סידוריים של משתמשים ומחזירה את סיסמת ההתקשרות בינם.</li>\n",
-    "    <li><var>decrypt_file</var> – שמקבלת מפתח ונתיב לקובץ, ומפענחת אותו באמצעות הפונקציה <var>decrypt</var>.</li>\n",
+    "<li><var>get_user_id</var> – שמקבלת את שם המשתמש, ומחזירה את מספר המשתמש שלו.</li>\n",
+    "<li><var>get_password</var> – שמקבלת שני מספרים סידוריים של משתמשים ומחזירה את סיסמת ההתקשרות בינם.</li>\n",
+    "<li><var>decrypt_file</var> – שמקבלת מפתח ונתיב לקובץ, ומפענחת אותו באמצעות הפונקציה <var>decrypt</var>.</li>\n",
     "</ol>"
    ]
   },
@@ -1625,8 +1621,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    לצורך פתרון החידה, מצאו את סיסמת ההתקשרות של המשתמשים Zaphnath Paaneah ו־Gaius Iulius Caesar.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    לצורך פתרון החידה, מצאו את סיסמת ההתקשרות של המשתמשים Zaphnath Paaneah ו־Gaius Iulius Caesar.<br/>\n",
     "    פענחו בעזרתה את המסר הסודי שבקובץ message.txt.\n",
     "</p>"
    ]
@@ -1635,7 +1631,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    השתמשו בתרגיל כדי לתרגל את מה שלמדתם בנושא טיפול בחריגות.\n",
     "</p>"
    ]
diff --git a/week8/5_Summary.ipynb b/week8/5_Summary.ipynb
index c67a98c..e6eee7e 100644
--- a/week8/5_Summary.ipynb
+++ b/week8/5_Summary.ipynb
@@ -4,31 +4,31 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
+    "<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "# <span style=\"text-align: right; direction: rtl; float: right; clear: both;\"> תרגילים </span> "
+    "# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\"> תרגילים </span> "
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל מחשמל</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">תרגיל מחשמל</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בהנדסת חשמל, \"שער לוגי\" הוא רכיב בסיסי ולו כניסה אחת או יותר, ויציאה אחת בלבד.<br>\n",
-    "    הכניסות בשער הלוגי משמשות בתור הקלט שלו, והיציאה בתור הפלט.<br>\n",
-    "    כל כניסה יכולה לקבל את הערך \"אמת\" או \"שקר\".<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בהנדסת חשמל, \"שער לוגי\" הוא רכיב בסיסי ולו כניסה אחת או יותר, ויציאה אחת בלבד.<br/>\n",
+    "    הכניסות בשער הלוגי משמשות בתור הקלט שלו, והיציאה בתור הפלט.<br/>\n",
+    "    כל כניסה יכולה לקבל את הערך \"אמת\" או \"שקר\".<br/>\n",
     "    השער הלוגי יבצע פעולה לוגית בהתאם לכניסות שלו, ויחזיר ערך חדש – שגם הוא אמת או שקר.\n",
     "</p>"
    ]
@@ -37,10 +37,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שער לוגי שוודאי יצא לכם לשמוע עליו הוא <dfn>AND</dfn>.<br>\n",
-    "    לשער הלוגי AND שתי כניסות. פלט השער יהיה <var>True</var> רק אם הקלט בשתי הכניסות הוא <var>True</var>, אחרת – יהיה הפלט <var>False</var>.<br> \n",
-    "    שער לוגי אחר שוודאי יצא לכם לשמוע עליו הוא <dfn>NOT</dfn>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שער לוגי שוודאי יצא לכם לשמוע עליו הוא <dfn>AND</dfn>.<br/>\n",
+    "    לשער הלוגי AND שתי כניסות. פלט השער יהיה <var>True</var> רק אם הקלט בשתי הכניסות הוא <var>True</var>, אחרת – יהיה הפלט <var>False</var>.<br/> \n",
+    "    שער לוגי אחר שוודאי יצא לכם לשמוע עליו הוא <dfn>NOT</dfn>.<br/>\n",
     "    לשער הלוגי NOT כניסה אחת. פלט השער יהיה <var>True</var> אם הקלט הוא <var>False</var>, או <var>False</var> אם הקלט הוא <var>True</var>. \n",
     "</p>"
    ]
@@ -49,8 +49,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שערים עם כניסה אחת נקראים שערים אוּנָרִיִּים (unary), ושערים עם שתי כניסות נקראים שערים בִּינָרִיִּים (binary).<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שערים עם כניסה אחת נקראים שערים אוּנָרִיִּים (unary), ושערים עם שתי כניסות נקראים שערים בִּינָרִיִּים (binary).<br/>\n",
     "</p>"
    ]
   },
@@ -58,8 +58,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    חיבור של כמה שערים לוגיים אחד לשני ייצור רכיב לוגי.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    חיבור של כמה שערים לוגיים אחד לשני ייצור רכיב לוגי.<br/>\n",
     "    בדוגמה הבאה, הקלטים (מלמעלה למטה) <var>True</var>, <var>False</var>, <var>False</var>, <var>True</var> יניבו <var>True</var>.\n",
     "</p>"
    ]
@@ -69,8 +69,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/circuit_example.svg\" style=\"width: 250px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"דוגמה למעגל אלקטרוני. שער AND מצויר בצורת חצי אליפסה פחוסה לא סגורה, המחוברת משמאל למלבן שצלעו הימנית לא סגורה. שער OR מצויר כמו שער AND, רק שצלעו השמאלית נכנסת מעט פנימה בצורה מעוגלת. לשני השערים הלוגיים נכנסים 2 קווים משמאל, ומימינם יוצא קו אחד. המעגל נראה כך: בטור השמאלי, ישנו שער OR למעלה ושער AND למטה. בטור הימני ישנו שער OR. הפלט של העמודה השמאלית נכנס כקלט לעמודה הימנית.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"דוגמה למעגל אלקטרוני. שער AND מצויר בצורת חצי אליפסה פחוסה לא סגורה, המחוברת משמאל למלבן שצלעו הימנית לא סגורה. שער OR מצויר כמו שער AND, רק שצלעו השמאלית נכנסת מעט פנימה בצורה מעוגלת. לשני השערים הלוגיים נכנסים 2 קווים משמאל, ומימינם יוצא קו אחד. המעגל נראה כך: בטור השמאלי, ישנו שער OR למעלה ושער AND למטה. בטור הימני ישנו שער OR. הפלט של העמודה השמאלית נכנס כקלט לעמודה הימנית.\" src=\"images/circuit_example.svg\" style=\"width: 250px; margin-right: auto; margin-left: auto; text-align: center;\" width=\"250px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        דוגמה לרכיב לוגי.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -80,9 +80,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    צרו את המחלקות <var>LogicGate</var>, <var>UnaryGate</var>, <var>BinaryGate</var> ו־<var>Connector</var>.<br>\n",
-    "    כמו כן, צרו את המחלקות <var>AndGate</var>, <var>NotGate</var>, <var>OrGate</var>, <var>NandGate</var> ו־<var>XorGate</var>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    צרו את המחלקות <var>LogicGate</var>, <var>UnaryGate</var>, <var>BinaryGate</var> ו־<var>Connector</var>.<br/>\n",
+    "    כמו כן, צרו את המחלקות <var>AndGate</var>, <var>NotGate</var>, <var>OrGate</var>, <var>NandGate</var> ו־<var>XorGate</var>.<br/>\n",
     "    במידת הצורך, קראו עוד על שערים לוגיים.\n",
     "</p>"
    ]
@@ -91,7 +91,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "לאחר שכתבתם את הקוד, ודאו שהקוד הבא, שמדמה את המעגל מהאיור למעלה, מדפיס רק True:\n",
     "</p>"
    ]
@@ -118,7 +118,7 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
     "    בונוס: ודאו גם שהקוד הבא עובד ומדפיס <var>True</var>:\n",
     "</p>"
    ]
@@ -128,8 +128,8 @@
    "metadata": {},
    "source": [
     "<figure>\n",
-    "    <img src=\"images/complex_circuit.svg\" style=\"width: 400px; margin-right: auto; margin-left: auto; text-align: center;\" alt=\"החידוש באיור זה הוא שער NOT, שמצויר כמשולש שבקודקודו הימני מצויר עיגול קטן.\"/>\n",
-    "    <figcaption style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
+    "<img alt=\"החידוש באיור זה הוא שער NOT, שמצויר כמשולש שבקודקודו הימני מצויר עיגול קטן.\" src=\"images/complex_circuit.svg\" style=\"width: 400px; margin-right: auto; margin-left: auto; text-align: center;\" width=\"400px\"/>\n",
+    "<figcaption dir=\"rtl\" style=\"margin-top: 2rem; text-align: center; direction: rtl;\">\n",
     "        דוגמה לרכיב לוגי מורכב יותר.\n",
     "    </figcaption>\n",
     "</figure>"
@@ -161,26 +161,24 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">ימצי</span>"
+    "## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">ימצי</span>"
    ]
   },
   {
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כתבו מחלקה המייצגת קובייה.<br>\n",
-    "    לכל קובייה יש צבע, מספר פאות וערכים שמופיעים על הפאות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כתבו מחלקה המייצגת קובייה.<br/>\n",
+    "    לכל קובייה יש צבע, מספר פאות וערכים שמופיעים על הפאות.<br/>\n",
     "    הטלה של קובייה תבחר באופן אקראי ערך מאחת מפאות הקובייה ותחזיר אותו.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    על כל פאה של \"קובייה מספרית\" מופיע מספר שערכו בין 1 למספר הפאות בקובייה. כל מספר יופיע פעם אחת בלבד על הקובייה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    על כל פאה של \"קובייה מספרית\" מופיע מספר שערכו בין 1 למספר הפאות בקובייה. כל מספר יופיע פעם אחת בלבד על הקובייה.<br/>\n",
     "    ב\"קובייה לא מאוזנת\" ישנו גם ערך שנקרא \"סיכוי הטלה\", שמפרט עבור כל פאה מה הסיכוי שתצא בהטלה.\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    שם הצבע של הקובייה חייב להיות מורכב מאותיות בלבד, סיכויי ההטלה חייבים להיות חיוביים ומספר הפאות חייב להיות תואם למספר הערכים המופיעים על הפאות.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    שם הצבע של הקובייה חייב להיות מורכב מאותיות בלבד, סיכויי ההטלה חייבים להיות חיוביים ומספר הפאות חייב להיות תואם למספר הערכים המופיעים על הפאות.<br/>\n",
     "</p>\n"
    ]
   },
@@ -188,11 +186,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    במשחק \"Yamtzee\" יש שק גדול שמכיל המון \"קוביות אורך\", ושק גדול נוסף של קוביות לא מאוזנות בצבעים שונים שנקראות \"קוביות אות\".<br>\n",
-    "    10% מהקוביות בכל שק הן אדומות, 25% הן ירוקות ו־65% הן כחולות.<br>\n",
-    "    קוביית אורך היא קובייה מספרית עם 10 פאות. אם הקובייה מורה 1, זורקים אותה שוב עד שיוצא מספר אחר.<br>\n",
-    "    קוביית אות היא קובייה לא מאוזנת עם 26 פאות, כאשר בכל פאה אות מהא\"ב האנגלי. סיכוי ההטלה עבור כל אחד מהערכים הוא לפי <a href=\"https://en.wikipedia.org/wiki/Letter_frequency\">התדירות של האות</a>.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    במשחק \"Yamtzee\" יש שק גדול שמכיל המון \"קוביות אורך\", ושק גדול נוסף של קוביות לא מאוזנות בצבעים שונים שנקראות \"קוביות אות\".<br/>\n",
+    "    10% מהקוביות בכל שק הן אדומות, 25% הן ירוקות ו־65% הן כחולות.<br/>\n",
+    "    קוביית אורך היא קובייה מספרית עם 10 פאות. אם הקובייה מורה 1, זורקים אותה שוב עד שיוצא מספר אחר.<br/>\n",
+    "    קוביית אות היא קובייה לא מאוזנת עם 26 פאות, כאשר בכל פאה אות מהא\"ב האנגלי. סיכוי ההטלה עבור כל אחד מהערכים הוא לפי <a href=\"https://en.wikipedia.org/wiki/Letter_frequency\">התדירות של האות</a>.<br/>\n",
     "</p>"
    ]
   },
@@ -200,12 +198,11 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    בתחילת המשחק, המשתמש בוחר את מספר המשתתפים במשחק, ומה הניקוד שאליו צריך להגיע כדי שהמשחק יסתיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    בתחילת המשחק, המשתמש בוחר את מספר המשתתפים במשחק, ומה הניקוד שאליו צריך להגיע כדי שהמשחק יסתיים.<br/>\n",
     "</p>\n",
-    "\n",
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    כל שחקן בתורו מטיל את קוביית האורך, ומטיל מספר קוביות אות הזהה למספר שהתקבל בקוביית האורך.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    כל שחקן בתורו מטיל את קוביית האורך, ומטיל מספר קוביות אות הזהה למספר שהתקבל בקוביית האורך.<br/>\n",
     "    לדוגמה, אם קוביית האורך שהטלתי מורה 3, עליי להטיל 3 קוביות אות.\n",
     "</p>"
    ]
@@ -214,9 +211,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    המשתתף צריך להשתמש בקוביות האות שיצאו לו כדי ליצור מילה תקנית בשפה האנגלית, שאורכה 2 אותיות לפחות.<br>\n",
-    "    הוא יכול לסדר את הקוביות מחדש ולבחור שלא להשתמש בחלק מהן, אבל הוא לא יכול להשתמש באותה קוביית אות פעמיים.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    המשתתף צריך להשתמש בקוביות האות שיצאו לו כדי ליצור מילה תקנית בשפה האנגלית, שאורכה 2 אותיות לפחות.<br/>\n",
+    "    הוא יכול לסדר את הקוביות מחדש ולבחור שלא להשתמש בחלק מהן, אבל הוא לא יכול להשתמש באותה קוביית אות פעמיים.<br/>\n",
     "    למרות זאת, יכול לקרות מצב שיותר מקוביית אות אחת תציג את אותה האות.\n",
     "</p>"
    ]
@@ -225,9 +222,9 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    אם המשתמש הצליח להרכיב מילה, עבור כל אות שבה השתמש הוא זוכה ב־$\\lfloor{\\frac{12}{\\lceil{f}\\rceil^{\\frac{3}{4}}}}\\rfloor$ נקודות, כאשר f זו תדירות האות בא\"ב האנגלי, מעוגלת כלפי מעלה.<br>\n",
-    "    במילים: 12 חלקי הביטוי הבא – הסיכוי שהאות תצא מעוגל כלפי מעלה, בחזקת 1.5 ואז להוציא מזה שורש. כל זה – מעוגל כלפי מטה.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    אם המשתמש הצליח להרכיב מילה, עבור כל אות שבה השתמש הוא זוכה ב־$\\lfloor{\\frac{12}{\\lceil{f}\\rceil^{\\frac{3}{4}}}}\\rfloor$ נקודות, כאשר f זו תדירות האות בא\"ב האנגלי, מעוגלת כלפי מעלה.<br/>\n",
+    "    במילים: 12 חלקי הביטוי הבא – הסיכוי שהאות תצא מעוגל כלפי מעלה, בחזקת 1.5 ואז להוציא מזה שורש. כל זה – מעוגל כלפי מטה.<br/>\n",
     "    לדוגמה, עבור המילה \"zone\" יזכה השחקן ב־17 נקודות לפי החישוב הזה:\n",
     "</p>"
    ]
@@ -248,10 +245,10 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    קוביית אורך אדומה מעניקה למשתתף שהטיל אותה עוד קוביית אות במתנה.<br>\n",
-    "    קוביית אות אדומה מאפשרת למשתתף להשתמש באות שמופיעה על הקובייה כמה פעמים שירצה.<br>\n",
-    "    קוביות ירוקות נותנות למשתתף את האפשרות לבחור אם להטילן מחדש.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    קוביית אורך אדומה מעניקה למשתתף שהטיל אותה עוד קוביית אות במתנה.<br/>\n",
+    "    קוביית אות אדומה מאפשרת למשתתף להשתמש באות שמופיעה על הקובייה כמה פעמים שירצה.<br/>\n",
+    "    קוביות ירוקות נותנות למשתתף את האפשרות לבחור אם להטילן מחדש.<br/>\n",
     "</p>"
    ]
   },
@@ -259,8 +256,8 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
-    "    ממשו את Yamtzee.<br>\n",
+    "<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
+    "    ממשו את Yamtzee.<br/>\n",
     "    השתמשו ב־<a href=\"https://raw.githubusercontent.com/dwyl/english-words/master/words.txt\">words.txt</a> כדי לוודא שהמילים שהכניס המשתמש תקינות.\n",
     "</p>"
    ]