BASIC HTML TUTORIAL FOR BEGINNERS
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. <html></html> all HTML documents begin and end with these tags. they tell browser that it is an HTML document.
2. <head></head> head tags encapsulate meta information, such as the document's title, keywords and description information that will be used by search engines.
3. <title></title> title tags define the title of the document, that will be displayed in title bar of the browser.
4. <body></body> this is body section of document and document's viewable contents will be inserted here.
5. the text between <h1> and </h1> is displayed as a heading.
6. the text between <p> and </p> is displayed as a paragraph.
HTML can be edited by using a professional HTML editor like
1. Adobe Dreamweaver.
2. Kompozer Tutorial.
3. Microsoft Expression Web.
4. 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
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: Daily News
5.Add Images
The HTML code for images look like this
<img src="url" alt="some text">
Example
<img src="https://www.meozmedia.in/wp-content/uploads/2019/11/logo-header.png" alt="Logo">
Output
Comments
Post a Comment