2022-06-30 18:59:24 +02:00
<!DOCTYPE html>
<!-- document language -->
< html lang = "en-US" >
< head >
<!-- character encoding set -->
< meta charset = "utf-8" >
< title > Welcome my HTML!< / title >
<!-- Metadata -->
< meta name = "Name" content = "My name" >
< meta name = "Description" content = "This is a description of this page. It can be useful to write a description if you want to take SEO (search engine optimization) into account." >
2022-07-01 16:15:39 +02:00
<!-- here is an example of how to link to a stylesheet -->
< link rel = 'stylesheet' href = 'CSS/my-style.css' / >
<!-- here is an example of how to link to a script -->
< script src = "JS/script.js" > < / script >
2022-06-30 18:59:24 +02:00
< / head >
< body >
<!-- Content goes here -->
2022-07-01 16:15:39 +02:00
< header >
< h1 id = "title" > Javascript meets the DOM< / h1 >
< / header >
< p > This a sentence!< / p >
2022-06-30 18:59:24 +02:00
2022-07-01 16:15:39 +02:00
< p id = "empty" > < / p >
2022-06-30 18:59:24 +02:00
2022-07-01 16:15:39 +02:00
<!-- Image -->
2022-06-30 18:59:24 +02:00
2022-07-01 16:15:39 +02:00
< img src = "https://upload.wikimedia.org/wikipedia/commons/4/45/Wikipedia20_animated_Wikipedia_Globe_1MB.gif" width = "20%" alt = "Animated image of Planet Earth, source Wikimedia" >
2022-06-30 18:59:24 +02:00
2022-07-01 16:15:39 +02:00
<!-- Scripts -->
2022-06-30 18:59:24 +02:00
2022-07-01 16:15:39 +02:00
< script type = "text/javascript" >
alert('Hello, world!')
< / script >
2022-06-30 18:59:24 +02:00
< / body >
< / html >
