This is because you must specify exactly where the index.css file lives within your folder(s) relative to where index.html lives (otherwise, the two files won’t link). You might be wondering why the href attribute is set to. Next, add the required boilerplate HTML code: Great! With your folder structure, HTML, and CSS files all in the right place, we can add content to the web page.įirst, open the index.html file in your preferred text editor. At a high-level, here’s what it should look like: ![]() This overall folder structure will help support your workflow as you add files or resources. ![]() The index.css file will contain all of the CSS styling rules that will be applied to your web page. A new file named index.css (use your preferred text editor).Inside of this folder, create the following: The css folder will contain the CSS files needed to style your web page.įinally, open the css folder you just created. Next, open the newly created resources folder. The index.html file will contain the HTML code for your web page, while the resources folder will contain all of the necessary resources needed by the HTML files (CSS files, images, etc.). A new file called index.html (use your preferred text editor).This folder will contain all of the files for your HTML and CSS project. Next, create a folder (also known as a directory) called DevProject. A well-designed folder structure will help you quickly navigate to the HTML or CSS files that contain your code.įirst, open Finder (in Mac) or Explorer (in Windows). Let’s create a folder structure to support your web page. Step 1: Create a Folder Structure For Your Web Page ![]() If you’d like some optional extra guidance on real-world CSS, watch the second part of the video.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |