INTRODUCTION TO HTML
INTRODUCTION TO HTML
ABOUT
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of pages. With hypertext markup language constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. Hypertext markup language elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.
Hypertext Markup Language can embed programs written in a scripting language such as element, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.
INTRODUCTION TO HTML
Welcome to HTML Introduction. This workshop leads you through the basics of Hypertext Markup Language
(HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML page
to display in a web browser.
Prerequisites:-
You will need a text editor, such as Notepad and an Internet Browser, such as Internet Explorer, Mozilla Firefox or Google Chrome and etc.
Q: What is Notepad and where do I get it?
A: Notepad is default windows text editor. On most Window Systems, Click your Start button and choose Programs then Accessories. It should be a little blue notebook.
Mac User: Simple Text is the default text editor on the Mac. In OS X use Text Edit and change
the following preferences: Select (in the preferences window) Plain text instead of Rich text and
then select Ignore rich text commands in HTML files. This is very important because if you don't
do this HTML codes probably won't work.
One thing you should avoid using a word processor (Microsoft Word) for authoring your HTML documents.
Creating a Simple Page:-
The following HTML example creates a simple "HELLO WORLD" web page.
HTML files can be created using any text editor. The file must be saved with a .html of .htm extension in order to recognized as HTML files.
First write the following code in your text editor then save it with .html or .htm extension and open it in your web browser.
<html lan="en">
<head>
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
This will show the result as given in the below fig:-
Simple Page Break-Down:-
These are the tags used in the above example:
<html>:- Opens the page. No markup should come after the closing tag (</html>). The lang attribute the primary language of the page using in the IOS languages codes (en for English).
<head>:- Opens the head section. which does not appear in the main browser window but mainly contains information about HTML document, called metadata. It can also contain imports from external stylesheets and scripts. The closing tag is </head>.
<title>:- The title of the page. Text written between this opening and the closing tag (</title>) will be displayed on the tab of the page or in the title bar of the browser.
<body>:- Opens the part of the document displayed to the user, i.e. all visible or audible content of a page. No content should be added after closing tag </body>.
<h1>:- A level 1 heading for the page. See headings for more information.
0 comments:
Post a Comment