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?
Room 1 : Dilan Ahmed | Zainab Al Najjar | Aya Hasan .
we can link javascript file to an HTML document by using script tag .
we can link CSS file to an HTML document by link tag.
HTML role: is for the structure of the webpage. | CSS Role : is giving the style over the structure we created with HTML.| Js Role: is for giving interactivity to the webpage we have.
DOM stands for Document Object Model ,and it is like a family tree for our HTML file when it is read by the browser it will become a tree like structure and object components for the JS and CSS . In other words, it will be the browser interface of the webpage file.
The HTML will be rendered into DOM through converting it into a tree like structure having branches . Afterwards, the browser will render that generated DOM tree into a visual representation of the webpage we have through rendering all the HTML CSS JS related files.
Elements are building blocks of the structure of the web page . Also, each element has its own tag, some of them are self closing tags like META tags, and the others needs to be closed by the developer like ul tag or p .
in HTML attributes are like adjectives in an English Sentence , the attributes provide furthermore information regarding the element tag we have and tells how to behave.
we can interact with HTML through CSS and JS , through CSS we can give the HTML styles that we want , and through JS we can manipulate the HTML elements and give them more interactivity.