DOM.md

Questions: Frontend File Setup

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 ===> <script src="myscripts.js"></script>
2 ===> rel="stylesheet" href="styles.css"
3 ===> Html >> structures , Css >> styles , Js >> for interactive
4 ===> The Document Object Model (DOM) connects web pages to scripts or programming languages by representing the structure of a document—such as the HTML representing a web page—in memory. Usually it refers to JavaScript, even though modeling HTML, SVG, or XML documents as objects are not part of the core JavaScript language.
5 ===> When a web page loads, the browser builds the page’s DOM tree. In this way, we can change all HTML properties on the page, remove existing HTML elements and attributes, add new HTML elements and attributes, or change all CSS styles on the page with scripting languages ​​such as JavaScript.
6 ===> Tags of html.
7 ===> Attributes usually come in name/value pairs like: name="value"
8 ===> Using JavaScript

1- <script src=""></script>

2- <link href="">

3- HTML: Human body comprising bones (skeleton) and the flesh
CSS: Clothes, Shoes, Perfume, Shades, Lipstick, Mascara, Foundation and every other thing that makes you look extra good ;)
JavaScript: Everything involving your movement (how you eat, laugh, frown, run, walk, sit and all)

4- DOM is a logical model that can be implemented in any convenient manner.It is based on an object structure that closely resembles the structure of the documents it models.

5- Data is sent over the Internet as byte packets. The browser must convert these data bytes into a form it understands. Firstly, 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-A DOM element is something like a DIV, HTML, BODY element on a page. You can add classes to all of these using CSS, or interact with them using JS.

7- HTML attributes are special words used inside the opening tag to control the element's behaviour.

8- 1. Encourage Social Sharing
2. Add Quizzes, Surveys, and Polls
3. Use Gamification
4. Suggest Relevant Links
5. Invite Conversations
6. Publish User-Generated Content
7. Run a Giveaway