Web Designing Tutorial Series-1



If you think web design is hard, think again because somebody here is sharing the same feeling as you, but not me. I know and Think web design is easy. Very easy if you want me to say it again.

Get this fact:-
Websites are made of web pages, and web pages are HTML documents.

What is HTML?
Hypertext Markup Language, it is use to make websites. It is made up of what is referred to as tags (e.g. <b></b>) which give certain attributes to text, images, and videos or any content that is intended to be added to the web or HTML document.

Now, let get started.

Create a folder in your document or your desktop, but preferably on your desktop, and name it “website”.




1.Start up your Notepad (or any other editor) which you will use in typing the HTML tags.

2. Type the following Code:-

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>





3. Save it as "index.html" (change file type to All files).

Carefully Save The file.


4.Run it on Browser.





5.Yeah, you made your first web page.

Explanation:-


1.The DOCTYPE declaration defines the document type to be HTML.
2.The text between <html> and </html> describes an HTML document.
3.The text between <head> and </head> provides information about the document.
4.The text between <title> and </title> provides a title for the document.
5.The text between <body> and </body> describes the visible page content.
6.The text between <h1> and </h1> describes a heading.
7.The text between <p> and </p> describes a paragraph.
Using this description, a web browser can display a document with a heading and a paragraph.


HTML Tags:-

HTML tags are keywords (tag names) surrounded by angle brackets:

<tagname>content</tagname>

HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag name.
NOTE:-The start tag is often called the opening tag. The end tag is often called the closing tag.


NEXT TUTORIAL:- About doctype and other different tags.

Thanks for reading.
Next Post
No Comment
Add Comment
comment url