In this tutorial
- The difference between webssite and web page
- The meaning of the words syntax, tag and attribute
- The fundamentals of any webpage
- Our first hello world webpage
Sick of reading?Are you sick of reading, or listening to a monotone screen reader go on and on and on about html tags?
Click the audio controls below to have Nathan smith of Nathan Tech explain this webpage to you in a clear, easy-to-understand, humourous way!
The difference between website and web pageThere is only one main obvious difference between website and web page.
A website is a site containing multiple web pages that gives information on something.
Nathan Tech is a web site, this tutorial you are reading now is a web page.
A common question
Are google, yahoo and bing websites?
No, they are search engines. It is rather like a library. Each website is a book on a shelf and each web page is a page with in that book. The search engines are the librarians.
The meaning of the words syntax, tag and attributeSyntax: Arguments you give to a function.
This is not often used in HTML and is more of a programming thing.
Tag: Think of a tag like an instruction.
It is a piece of text that tells a web browser what to do.
Consider the below:
In the above example, the code shows a link to our home page.
The tag shown is the a tag, or anchor tag.
Tags are always enclosed by < and > signs. Some tags, though not all are then followed by a > sign.
This would be the closing of the tag. Consider the example above again.
the "" part says we are opening a link tag.
Then the "" Says we're closing it.
Attribute: Think of an attribute like the words in an instruction.
An attribute is an argument you give with a tag.
Consider the above example of the anchor tag.
The attribute in that example is "href".
So, in our instruction analogy:
" "" That is all web browser, thank you very much.
These coding examples and big words might seem scarey at first but don't worry, it will become clearer as we go on.
the fundamentals of any webpageFundamental: A building block of something.
A fundamental must always be there for something else to work.
For coding basic webpages, like we are in this tutorial, there are a few fundamentals you must know: