Basic HTML
HTML stands for Hyper Text Markup Language. HTML used by web browsers in determining how to display a web page. it is the underlying foundation of website design. it is a combination of plain text and tags. Tags tell the browser how to display contents of the page. you use tags every time you want to format a text, insert image or table. HTML documents are also called web pages.
Role of each tag in a document:
1. all HTML documents begin and end with these tags. they tell browser that it is an HTML document.2. head tags encapsulate meta information, such as the document’s title, keywords and description information that will be used by search engines.3. title tags define the title of the document, that will be displayed in title bar of the browser.4. this is body section of document and document’s viewable contents will be inserted here.
- the text between and is displayed as a heading.
- the text between and is displayed as a paragraph.
HTML can be edited by using a professional HTML editor like
- Adobe Dreamweaver.
- Kompozer Tutorial.
- Microsoft Expression Web.
- CoffeeCup HTML Editor.
1.The structure of an HTML document
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<title>Example Page</title>
</head>
<body>
<h1>Hello India</h1>
</body>
</html>
Output would be
Hello India
2.Change Background Color
<html>
<head>
<title>my first web page</title>
</head>
<body bgcolor=”#0099ff”>
Our Company Is Meoz Media
</body>
</html>
Output would be
3.Create Table
<table border=1 bgcolor=#ccffoo>
<tr>
<td>Computer</td>
<td>Software</td>
<td>Download</td>
</tr>
</table>
Output would be
4.Create Link
The HTML code for a link looks like this
<a href=”url”>Link Text</a>
Example
<a href=”http://www.meozmedia.in/”>Daily News</a>
Which will display like this:
The HTML code for images look like this
<img src=”url” alt=”some text”>
Example
<img src=”https://meozmedia.in/wp-content/uploads/2024/08/Recovered_png_file59.png” alt=”Logo”>
Output
