I want to add a third one, which is for something called a CSS file. Now CSS stands for Cascading Style Sheets. And it's a technology that lets us add some additional styles to the elements on our page. So it's what makes the application look pretty.
Next up, let's go into our HTML file and link to this CSS file. Now the tag that we'll use to do this link is lo and behold called Link. And Link was originally designed to be able to link to any external resource. But it's most typically used to link to style sheets.
So we provide an REL attribute, that stands for relationship, and we set that to a style sheet. And then an href attribute, which we'll set to the actual URL for the resource. So in this case, it'll be app.css.
And finally we need to go into our app folder and actually add this file. So I'll add a file called app.css. And inside the CSS file, we can define rules that style particular elements on the page. Now we're not going to spend too much time talking about how these rules work, but let's add a simple style to tell the browser what the body tag should look like. So the body tag is going to be this tag here, so everything inside of this body tag.
And I'm going to pick a font family-- we'll just say Ariel-- and I'll center the text in the center. And one last thing, let me just set the color here to a light gray color. And here's our new application in the browser-- and notice the text is gray and centered in the center of the page here.