Remember that we said that “index.html” is always the home page, so that is the page we are going to be editing first. We are going to start by making the home page.
We will be making two pages: a Home page and a Fun Facts page that will display random facts about your animal. Now we’re all ready to start coding! STEP 2: HOME PAGEĮvery website needs a home page, and it can also have other pages. Just keep your eyes out for pink text, and if you see any, try to find the error and fix it before going on.
Or maybe you typed the closing tag, but you forgot the forward slash at the beginning of it. For example, you could have typed out an opening tag but forgot to type the closing tag. A syntax error means that you typed something in wrong. If that happens that means that you have made a syntax error.
#Simple css website syntax code#
Click on the gear icon ⚙ at the top of coding section and turn off “auto close tags” and “autocomplete code.”Īs you are going along coding your website, you may encounter some of your code turning pink. You should rename your project something about your favorite animal, so click on “Untitled Project” in the top left corner in the green bar, and type in a name like “Sarah’s Favorite Animal.” Then click “Save.” After you’ve renamed your project, we need to do one more thing before we begin coding our website. The first page is “index.html,” which is always the home page, and “style.css,” which is our style sheet. Mozilla Thimble gives us a very basic website to start from, and it includes two pages that are shown on the bar on the left. You should now be able to see the code editor on the left and the preview of the website on the right as shown below.
For instance, “h1” is the largest heading, “p” is a paragraph, and “ul” makes an unordered list (list with bullet points). Each tag has a meaning associated with it.
0 kommentar(er)
