# Heading level 1

## Heading level 2

This is paragraph.

This is **bold text**.

> This is blockquotes.

1. Milk
2. Orange
3. Tomato

<!DOCTYPE html>
<html>
  <title>This is title of the page.</title>
<body>

  <h1>This is a heading</h1>
  <p>This is a paragraph.</p>

</body>
</html>

body {
  background-color: red;
}

h1 {
  color: green;
}

p {
  color: white;
  font-size: 50px;
}

<!-- 1. The HTML elements -->
<h1 id="myHeading">Hello, World!</h1>
<button id="myButton">Click Me</button>

<!-- 2. The JavaScript interaction -->
<script>
// Target the HTML button using its unique ID
const button = document.getElementById("myButton");

// Tell the button to listen for a click event
button.addEventListener("click", function() {

// Target the heading and change its text content dynamically
document.getElementById("myHeading").textContent = "Hello, JavaScript!";
});
</script>

SELECT first_name, email FROM customers WHERE city = 'New York';

graph LR
  A[Start] --> B{Decision}
  B -->|Yes| C[Result 1]
  B -->|No| D[Result 2]