1.1+Basic+Markup

=Exercise 1.1 – Story Markup = >  > Example:Mind-blowing technology drives Pixar animation to greater heights > Walt Disney’s Pixar studios has devised ‘mind-blowing’ technology that will make the Cars 2, a fast-moving spy story with cars as characters, it’s most complex yet. > The pioneering Hollywood studio which brought the world the first computer animated feature said its latest film is almost like looking at the real world. > Director John Lasseter, who shot to fame in 1995 with Toy Story, the first feature-length computer animated film, said the level of complexity in Cars 2 is ten times what the studio has put into other films. > > Mind-blowing technology drives Pixar animation to greater heights > Walt Disney’s Pixar studios has devised ‘mind-blowing’ technology that will make the Cars 2, a fast-moving spy story with cars as characters, it’s most complex yet. > The pioneering Hollywood studio which brought the world the first computer animated feature said its latest film is almost like looking at the real world. > Director John Lasseter, who shot to fame in 1995 with Toy Story, the first feature-length computer animated film, said the level of complexity in Cars 2 is ten times what the studio has put into other films.
 * 1) Create a new folder on your desktop. Call it “html sample”.
 * 2) Open up a simple text editing program. Notepad (PC) or TextEdit (Mac).
 * 3) If you’re using TextEdit (Mac), you need to go into the TextEdit preferences after opening the program and change some preferences.
 * 1) Copy/paste a headline and paragraph from an article on [|Google News] * into your file in Notepad or TextEdit:
 * 1) Go to File > Save As, and save it as “index.html” into your “html sample” folder.
 * 2) Open your favorite internet browser (Firefox, Chrome, Safari, etc.). Go to File > Open File, and browse for your index.html file and click open. You will now see your document being displayed in the browser (pretty ugly). It should look like a mashup of all the words together. **Question**: Why is this happening? **Answer**: Because the browser does not know what to do with this text. It needs HTML markup to help structure the content. Remember that HTML is a set of instructions telling the browser how to display content.
 * 3) Keep the browser window open, but go back to your .html file in Notepad/TextEdit.
 * 4) Give it some basic markup with an h1 and p tag.
 * 1) Save the .html document, and hit refresh on the browser page. Now the browser knows how to structure the content with an important headline and paragraph breaks.
 * 2) Now attempt to do this with a total of five different articles copy/pasted from Google News.