Answer the following questions with your group:
- How do you link a JavaScript file to an HTML document?
- How do you link a CSS file to an HTML document?
- What are the roles of HTML, CSS, and JavaScript on a webpage?
- What is the DOM? How is it related to HTML, CSS, and JavaScript?
- How does HTML get rendered into DOM?
- What are elements?
- What are attributes in HTML?
- How can we interact with HTML?
1- it's <script> tag like that --> <script src="script.js"></script>
2- tag like that -->
3- -HTML provide the structure.
**4-**The DOM (Document Object Model) is a programming interface. It represents the structure of an HTML document as a tree-like structure. It is related to HTML, CSS, and JavaScript in the following ways:
*HTML defines the structure of the DOM.
*CSS styles the presentation of the DOM elements.
*JavaScript manipulates DOM by adding, removing, or modifying elements.
**5-**HTML gets rendered into the DOM by parsing. When a browser loads an HTML document, it reads the HTML code and constructs a DOM tree based on the elements and their relationships defined in the HTML code.
6- Elements are the basic building blocks of HTML documents. They represent different types of content, such as headings, paragraphs, images, etc. Each element is defined by an opening tag, content, and closing tag.
7- Attributes provide additional information about HTML elements. They are added to the opening tag of an element and consist of a name and a value.
8- We can interact with HTML using JavaScript. JavaScript allows us to:
-Access and manipulate HTML elements
-Modify their attributes
-Change their content
-Respond to user events like clicks, inputs, and scrolls