Differences

This shows you the differences between two versions of the page.

--- tanszek:oktatas:techcomm:basics_of_the_hypertext_markup_language [2024/09/23 09:31] – [Development Environment] kissa
+++ tanszek:oktatas:techcomm:basics_of_the_hypertext_markup_language [2025/09/15 15:52] (current) – [Exercise] kissa
@@ Line 55: / Line 55: @@
 <body>
     <h1>Heading 1</h1>
-    <p>This is a paragraph</p>
+    <p>This is a paragraph.</p>
+    <p>This is also a paragraph.</p>
 </body>
 </html>
@@ Line 93: / Line 94: @@
 <p>This is a paragraph.</p>
 <p>This is also a paragraph.</p>
+<h3>Heading Level 3</h3>
+<p>This is a paragraph.</p>
+<h4>Heading Level 4</h4>
+<p>This is a paragraph.</p>
 </code>
@@ Line 153: / Line 160: @@
 In this example, ''src'' contains an **absolute URL**, the image will be downloaded from the server behind the www.uni-miskolc.hu domain.
-In addition to this, we can define **relative URL**s to our HTML file. For example, if we have a folder ''imgs'' next to our HTML document, and a file called ''main_building.png'', we can refer to it as:
+In addition to this, we can define **relative URL**s to our HTML file. For example, if we have a folder ''imgs'' next to our HTML document, and a file called ''main_building.png'' in this folder, we can refer to it as:
 <code XML>
 <img src="imgs/main_building.png" alt="Main Building of the University of Miskolc">
 </code>
+Try downloading an image from the internet, and using a relative URL in your HTML document!
 ==== Ordered and Unordered Lists ====
@@ Line 213: / Line 222: @@
 ==== Exercise ====
-Create an introduction page on your favorite topic (music, film, product, etc.) using headings, paragraphs, images, links, tables, and lists.
+Create an introduction page on your favorite topic (music, film, sport, etc.) using headings, paragraphs, images, links, tables, and lists.
 Feel free to use online resources (e.g. [[https://www.w3schools.com/html/|W3Schools HTML tutorial]]) as help.