Institute of Information Science - University of Miskolc

User Tools

Site Tools

Trace: • http_protokol • vba_tesztkerdesek • software_integration_strategies • evolution_of_software_integration_methods • integration_based_on_tcp_ip_sockets • java_-_remote_method_invocation • modern_data_integration_based_on_protocol_buffer • basics_of_the_hypertext_markup_language
tanszek:oktatas:techcomm:basics_of_the_hypertext_markup_language

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
tanszek:oktatas:techcomm:basics_of_the_hypertext_markup_language [2024/09/23 09:30] – [XML, a structured data description language] kissatanszek:oktatas:techcomm:basics_of_the_hypertext_markup_language [2024/09/25 07:30] (current) – [Images] kissa
Line 42: Line 42:
 Copy the code from the next section, then save your HTML file (Ctrl+S). Copy the code from the next section, then save your HTML file (Ctrl+S).
  
-Now, push the "Go Live" button, and open http://localhost:5500/ on your browser. If you change the content of the HTML file, the content will also be updated in the browser.+Now, push the "Go Live" button, and open http://localhost:5500/ on your browser (it may be automatically opened by Live Server extension). If you change the code of the HTML file, the content will also be updated in the browser.
 ==== Basic Structure of an HTML Document ==== ==== Basic Structure of an HTML Document ====
  
Line 55: Line 55:
 <body> <body>
     <h1>Heading 1</h1>     <h1>Heading 1</h1>
-    <p>This is a paragraph</p>+    <p>This is a paragraph.</p> 
 +    <p>This is also a paragraph.</p>
 </body> </body>
 </html> </html>
Line 93: Line 94:
 <p>This is a paragraph.</p> <p>This is a paragraph.</p>
 <p>This is also 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> </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 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> <code XML>
 <img src="imgs/main_building.png" alt="Main Building of the University of Miskolc"> <img src="imgs/main_building.png" alt="Main Building of the University of Miskolc">
 </code> </code>
 +
 +Try downloading an image from the internet, and using a relative URL in your HTML document!
  
 ==== Ordered and Unordered Lists ==== ==== Ordered and Unordered Lists ====
tanszek/oktatas/techcomm/basics_of_the_hypertext_markup_language.1727083811.txt.gz · Last modified: 2024/09/23 09:30 by kissa