Embedded Files
Hand coded HTML for this assignment
Browser results of HTML being coded correctly
Assigment Details
Assigment Details
HTML stands for Hypertext Markup Language and what every website uses; it tells the browser WHAT to display. The code is called tags and are placed in between a less sign < and a greater sign>, so for example a paragraph tag is <p>. Most tags have an ending tag that go with it, so the ending of the paragraph tag is </p>...note the / that says close the tag. In the HTML code you will be using, I have created some of the tags to help you learn basic tags used in code.
CSS stands for Cascading Style Sheets and styles the content, it tells the browser HOW to display. Should I show this content in red color, or put a background around it, etc. The CSS is placed in the header section of the page (<head>) and there are many properties a page can use. There is one to center text, color text, add border, show background, etc.
HOW TO START:
Step 1: To start, select, install Sublime for PC or MAC or google for another free Advanced Text Editor.
Step 2: Create a folder on Desktop, name it HTML
Step 3: Go to this page and do a select all and copy, don't copy the title of the page, just the code. Open up Sublime, select New and paste the code.
Step 4: Save the page into your HTML folder and call it htmlassignment.html. All html pages are either .html or .htm extensions.
Step 5: Start making changes where it says DO: and make any other changes to customize your page. While you are editing, you can see the changes made in your preferred browser by double clicking on the htmlassignment.html page inside the html folder or you can right click on the html page in sublime and select "Open in Browser". Every time you make a change, click on the Browser's REFRESH button to refresh the page contents.
Step 6: Continue to make changes to htmlassignment.html page using Sublime/Advanced Text Editor.
Page updated
Report abuse