Basics of Hyper Text Markup Language (HTML)
Home / Tech / Introduction of HTML / Basics of Hyper Text Markup Language (HTML)

Basics of Hyper Text Markup Language (HTML)

Basics of Hyper Text Markup Language (HTML)

Welcome to HTML fundamentals. This article leads you by way of the basics of Hyper text Markup Language (HTML). HTML is the constructing block for web sites. You’re going to study to make a web page with  Basics of Hyper Text Markup Language (HTML) to show in a web browser.

Objectives:

  •  Use a text editor to author an HTML document.
  •  Be able to use basic tags to denote paragraphs, emphasis or special type.
  •  Create hyperlinks to other documents. ƒ Create an email link.
  •  Add images to your document.
  •  Use a table for layout.
  •  Apply colors to your HTML document.

 Prerequisites:

you are going to need a textual content editor, reminiscent of Notepad , Notepad ++ , Adobe Dreamweaver and an web browser, comparable to internet Explorer or Netscape.

Q: what is Notepad and where do I get it?

A: Notepad is the default windows textual content editor. On most windows methods, click your begin button and select applications then accessories. It will have to be a bit blue pocket book.

Mac users: SimpleText is the default textual content editor on the Mac. In OSX use TextEdit and change the following preferences: pick (within the preferences window) undeniable text as a substitute of wealthy textual content and then decide on Ignore wealthy textual content commands in HTML records. This is very major in view that for those who don’t do this HTML codes most commonly is not going to work.

One thing you should preclude making use of is a word processor (like Microsoft word) for authoring your HTML files.

What’s an html File?

HTML is a format that tells a computer easy methods to show an internet web page. The records themselves are undeniable textual content records with certain “tags” or codes that a web browser uses to interpret and display knowledge to your computer reveal.

  •  HTML stands for Hyper text Markup Language
  •  An HTML file is a textual content file containing small markup tags
  •  The markup tags inform the online browser tips on how to show the web page
  •  An HTML file must have an htm or html (view more) file extension

Try It?

Open your text editor and kind the next text:

<html>
<head>
<title>My First Webpage</title>
</head>
<body>
that is my first homepage.
<b>this article is daring</b>
</body>
</html>

Step 1:

Basics of Hyper Text Markup Language (HTML)
save file

Step 2:

Basics of Hyper Text Markup Language (HTML)
Basics of Hyper Text Markup Language (HTML)

 

Save  the file as mypage. Html .  Your internet browser. Prefer Open (or Open page) in the File menu of your browser. A dialog box will show up. Decide upon Browse (or pick File) and locate the html file you just created – mypage. Html – opt for it and click Open. Now you should see an deal with in the

dialog field, for example C:MyDocumentsmypage. Html . Click good enough, and the browser will display the web page.

Explained

What you just made is a skeleton html record. This is the minimum required knowledge for an internet record and all internet files will have to include these common components. The primary tag in your html document is <html>. This tag tells your browser that that is the  of an html file. The last tag for your file is </html>. This tag tells your browser that this is the end of the html file.
The textual content between the <head> tag and the </head> tag is header understanding. Header know-how will not be displayed within the browser window.
The textual content between the <title> tags is the title of your document. The <title> tag is used to uniquely establish every document and can be displayed within the title bar of the browser window.
The textual content between the <body> tags is the textual content with a view to be displayed to your browser.
The text between the <b> and </b> tags can be displayed in a bold font.

3 comments

  1. I抳e learn some excellent stuff here. Certainly worth bookmarking for revisiting. I surprise how much attempt you place to create this type of wonderful informative website.

  2. As a Newbie, I am constantly searching online for articles that can aid me. Thank you

  3. I am always invstigating online for posts that can benefit me. Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

Translate »