Quick Tour
Before we jump into writing some super awesome HTML & CSS. Let’s get familiar with our files and our text editor.
Take a look into the project folder in your starter kit. You should see an assets folder, profile.html and a styles.css. We’re going to spend most of our time writing in profile.html and styles.css.
profile.html
This is where all of your HTML code will go. We’ve started you off with a few tags already.
We’ve started with an <html> tag. This <html> tag will wrap around ALL of our HTML code.
Inside we’ve added <head> and <body> tags.
The <head> tag is where we include all of the information our browser needs to
render our page properly. (Most of the content in this tag won’t be seen by the user).
You can see we’ve included a <link> tag to add some base styles to your page.
The last tag in the <head> of our HTML page is the <title>. The content of this
tag is what will appear in the browser tab. Feel free to change this to whatever
you want.
Next we’ve added our <body> tag. This body tag is going to wrap around almost ALL
of the HTML we’re going to write today. Anything written between the opening <body> tag
and the closing tag will be visible to the user.
styles.css
Next we have our css file. This is where you will be writing all of the CSS for your amazing profile page.