Answer the following questions with your group:
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 .
or
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.
1- we can use <script> tag and link the js file to the or of the HTML file.
2- use the tag inside the HTML section.
3- HTML for structure, CSS for style, and JS for interaction
4- it is an interface that makes HTML, CSS, and Javascript a tree-structured form
5- bytes are converted to HTML characters and then to Tokens. In the next step, Tokens are converted into nodes. Nodes are different objects with certain properties. After the nodes are created, the DOM tree is created.
6- The element is the border tag of the content and acts like the start tag and the closing tag for the content.
7- a piece of markup language used to adjust the behavior or display of an HTML element
8- by using js
Room 10
1- Pasand Yaba
2- Koshyar Abdulrahman
3- Astivan Basi
4- Payam Rasho
1- <script src="path/to/your/script.js"></script>
2-
3- HTML :- structure of the page
CSS :- design or style of the page
JS :- Interactivity
4- The DOM is a tree-like structure generated from the HTML file that we created and loaded into the browser.
HTML:- When a browser loads an HTML document, it parses the document and creates a corresponding DOM tree.
CSS:- DOM can modify the CSS properties of elements, such as changing colors, sizes, positions.
JS:-JavaScript can access, modify, add, or remove elements from the DOM, change their attributes, manipulate their styles, and respond to various events triggered by user interactions or browser actions.
5-When a web browser loads an HTML document, it goes through a process called "parsing" to create the Document Object Model (DOM).
6- In the context of HTML and the Document Object Model (DOM), elements are the building blocks of a web page's structure. An element consists of a start tag, its content, and an end tag.
How do you link a JavaScript file to an HTML document?
we put this tag in the bottom of our body tag
How do you link a CSS file to an HTML document?
we put this tag inside of our head tag
What are the roles of HTML, CSS, and JavaScript on a webpage?
HTML is responsible of the structure of the webpage, CSS is responsible of the styling and formatting the webpage, JS is responsible for interactivity and dynamic behavior.
What is the DOM? How is it related to HTML, CSS, and JavaScript?
DOM is Document Object Model, The DOM serves as the interface between HTML, CSS, and JavaScript, When a web page is loaded, the browser creates a Document Object Model of the page, and it allows for JS to make changes after the html is done reloading.
Abdulrahman khalil, Aras Yousef
Answer 1)
<script src="script.js"></script>Answer 2) To link a CSS file with HTML, we use this line:
<link rel="stylesheet" type="text/css" href="styles.css">
Answer 3)
Answer 4)
The DOM acts as a bridge between the structure of HTML, the styles applied with CSS, and the dynamic behavior and interactions implemented with JavaScript. Through the DOM, JavaScript can access, modify, and update the content and presentation of web documents, creating a dynamic and responsive user experience on the web.
Answer 5)
Browser reads HTML like instructions, builds DOM like Lego bricks. Each element a brick, nested based on structure. Attributes add details to each brick. Ready for styling and interaction!
Answer 6)
Elements are the building blocks of HTML that define different parts of a webpage, like headings, paragraphs, images, links, and containers. Each element is represented by an opening tag, content, and a closing tag, and can have attributes that provide additional information. Elements help structure and organize content on a webpage and make up the structure of the DOM (Document Object Model).
Answer 7)
Attributes in HTML add extra info to elements, like name tags on Lego bricks. They come in pairs (name="value"), telling the browser more about how to handle the element.
Example: <img src="image.png" alt="My cool picture"> - src tells where to find the image, alt provides descriptive text if the image fails to load.
Answer 8)
We interact with HTML through JavaScript, like a remote control for a TV. Click a button, JavaScript changes it (e.g., <button onclick="alert('Clicked!')">Click me</button>). Want more interactivity? Explore JavaScript!
Activity room #5
Aween Ezzat
Sajad Ismael
Lava Ahmed
Mardin Luqman Omer
How do you link a JavaScript file to an HTML document?
<script> tag with the src attribute, like this:
<script src="script.js"></script>How do you link a CSS file to an HTML document?
<link> tag with the href attribute and rel="stylesheet", like this:
<link rel="stylesheet" href="styles.css">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?
Q1/
<script src="JSfile.js"></script>Q2/
Q3/
HTML is a structure of the page, and CSS is the styling for its structure and JS provides interaction for the elements of the page.
Q4/
DOM is a programming interface that bridges between web pages and scripting languages.
Q5/
The browser first fetches the HTML file from the server then starts parsing the HTML code, this involves breaking it down into tokens, each token is then processed and converted into a corresponding node in the DOM tree.
Q6/