Introduction to HTML Tutorial Part-1
Welcome to these beginner HTML Tutorials! These lessons build on each other, be aware that the tutorials assume you have learned everything from the previous lessons.
Basic Question What does HTML mean?
HTML stands for Hyper-text Mark-up Language:- Hyper-text: text fit for the Internet
- Mark-up: it is not programming - it simply marks up (or labels) various parts of the document in different ways depending on how you want it to appear or behave.
- Language: although it is not programming, it has its own way of 'speaking' so that it can be understood world-wide.
Tools Required
- Text Editor
- Browser: 1. Mozilla Firefox 2. Safari 3. Internet Explorer
HTML Works through <tags>
Web pages are coded using text-only format documents. This means all you need a simple text editor (such as Notepad in Windows or TextEdit in MacOS X)The web page itself and the elements inside that document are marked-up using tags. These are words and terms inside greater-than and less-than signs, like the code below.
<html>
</html>
The first tag is an 'opening tag' and the second is a 'closing tag', which is marked by the forward slash. In this example, it means that
everything between the tags is marked as HTML</html>
W3C is the "World Wide Web Consortium" and they set coding standards for websites. If you want to learn more about them visit their website.
Coding Standards are important. This is because people who use the Internet are from most countries of the world, using different computers and different software to view websites. Having standards gives a certain level of consistency in how pages are viewed regardless of browser or computer.
Aim- Your First Page HTML Tutorial 2
To understand how your computer (and the Web) knows your file is a web page
To show the basic structure of a web page.
The special lines that show compliance with W3C standards.
To create your first page and show it displaying text in a web browser.
<this> is an opening tag of a pair.
</this> is a closing tag of a pair.
Got it? Then look below and see the basic layout of a web page.
<html>
<head>
</head>
<body>
</body>
</html>
<head>
</head>
<body>
</body>
</html>
What does that mean?
- HTML Tag: the HTML tags go at the start and at the end of your document. This tells your browser that what falls between them should
be defined as HTML. So, unless I say otherwise, don't put anything before
<htmlor after</html>. - HEAD Tag: What comes between these tags is not intended to be displayed as part of your page. Between these tags we can tell the browser things about the page or do stuff in the background. It is a useful place for many things, and I will introduce one of them later on.
- BODY Tag: Between these two tags is stuff you want to display on your page. All of it. So if you need to put more on your page, then create more space between these two tags. Simple as. You can also set a few basic settings for your page using the body tag, which we will come to later on also! One step at a time.
