Howdy!
My name is Sandy, welcome to my time travel store where we sell all kind of goodies from
different eras!
Hey look!
My old friend is here!
Sandy!
Me Grunt sell mammoth milk.
Grunt want sell online!
Sure!
Let me help you!
Okay here we go!
The best tool for creating the website is HTML, or Hyper Text Markup Language.
HTML describes all the headings, paragraphs, or images that make up the website.
Let's create your first hello world page with a text editor or notepad, after you've
finished hitting that rock with another rock Grunt.
Just look at my laptop, no don't hit it with both of those rocks.
Now we're going to create a Tag <!DOCTYPE HTML> is the doctype for the document.
It basically let the web browser know that this page is written in HTML.
Now, let's type in the HTML tag.
The <html> tag tells the browser that this is an HTML document.
Most tags must have an opening and a closing part.
Sadly all words are hidden to you Grunt because nobody invented language yet, isn't that
right Grunt?
Next we come to the HEAD tag and the BODY tag.
The head tag is the area where the important stuff is processed first, like CSS and Javascript.
The BODY tags are the ones that contain the website content.
We will add some contents here later.
Now grunt, we should give this web page a title by using a title tagSure!
So let's type in the title here...
Great!
Now our web page has a title, let's add in some contents now!
So let's add a header in in between the body tag.
H1 simply means header, there are different types of header, let's try them out later.
Then let's add some texts in the header, let's add in "Fresh Mammoth Milk"
At this point, we should save the file as index.html.
This is usually the first page of a website.Preview your file with your web browser.
Drag and drop it into the browser area, and you should see it pop up.
Looking good!
Now, what would happen if we put change the h1 tag to h2 tag?Heyyy…
Seems like Grunt is very tired as he time-travel here from the stone age!
Let's take a photo of him sleeping, teehee!
Well..
I think we will continue the lesson next time, anyway you should give it
a try yourself!
See ya!



















Không có nhận xét nào:
Đăng nhận xét