Here'sВ whatВ you'reВ buildingВ
You'll start to see a pattern with these HTML projects:  first we'll show you what you'll be making,  then we'll walk you through actually making it!  In this course,  you'll be creating your own social networking profile.  Check out our profile for King Kong in​
index. html​
andВ theВ ResultВ tabВ toВ theВ right. В
YouВ haveВ theВ power! В
Have you ever seen your page on a social networking site load really slowly,  then come through with only the HTML skeleton?  (If not,  it looks like​ this​
. В Crazy, В right? )В
UnderВ itsВ fancyВ skin, В aВ socialВ networkingВ profileВ isВ justВ aВ listВ ofВ text, В images, В andВ links. В AndВ youВ knowВ allВ aboutВ those! В
We'veВ setВ upВ yourВ profileВ pageВ withВ theВ basics, В butВ theВ detailsВ areВ upВ toВ you. В FirstВ off, В let'sВ makeВ thisВ pageВ aboutВ you! В
AВ bitВ aboutВ youВ
Great! В NowВ weВ knowВ yourВ nameВ andВ whatВ youВ lookВ like, В butВ that'sВ aboutВ it. В YourВ profileВ pageВ shouldВ includeВ aВ littleВ bitВ aboutВ you! В (AfterВ all, В that'sВ theВ pointВ ofВ aВ profileВ inВ theВ firstВ place. )В
ProfileВ sectionsВ
Wonderful! В It'sВ startingВ toВ lookВ likeВ aВ profileВ pageВ already. В
MostВ profileВ pagesВ areВ dividedВ upВ intoВ sections: В yourВ interests, В favoriteВ quotes, В whereВ youВ work, В whereВ youВ wentВ toВ school, В whereВ youВ live, В andВ soВ on. В WeВ canВ doВ thisВ withВ anВ unorderedВ list! В
Below the paragraph about yourself,  create an unordered list.  Each list item should be a category:  for example, ​
Interests​
,  ​
Jobs​
,  ​
Favorite Quotes​
,  ​
Where I've Lived​
, В andВ soВ on. В
ListsВ withinВ listsВ
Now that you have your profile sections set up,  it's time to add in your favorite things!  You can do this by creating additional lists within your unordered list's ​ ​
tags, В likeВ this: В
​
​
Interests
​
​
​
Learning to code​
​
​
Seeing basketball​
​
​
Playing music​
​
​
Within the ​
​
tag for Interests,  we created an ordered list (​ ​
)В withВ threeВ interests. В...
