HTML Basic Elements

-

HTML Basic Elements 

HTML Basic Elements :

It includes HTML documents , paragraphs , headings , links, images , lists etc...


HTML Documents 


<!DOCTYPE html> : All HTML documents must start with a document type declaration

HTML document begins with <html> and ends with </html> tag.

Main part / visible part of the HTML document is between <body> and </body> tag.

Program :


<!DOCTYPE html>
<html>
<head>
<title> NibKarma HTML </title>
</head>
<body>
</body>
</html>


HTML Headings

Headings in html are possible <h1> , <h2> , <h3> , <h4> , <h5> and <h6>.

Program :


<!DOCTYPE html>
<html>
<head>
<title> NibKarma HTML </title>
</head>
<body>
<h1> NibKarma </h1>
<h2> NibKarma </h2>
<h3> NibKarma </h3>
<h4> NibKarma </h4>
<h5> NibKarma </h5>
<h6> NibKarma </h6>
</body>
</html>

Output :


As you shown in above output the difference between tags we can see clearly.

HTML Paragraphs

<p> tag is used in html to write paragraph and ends with </p>.

Program :


<!DOCTYPE html>
<html>
<head>
<title> NibKarma HTML </title>
</head>
<body>
<h1> NibKarma </h1>
<p> Nibkarma HTML And CSS </p>
</body>
</html>

Output :



As we can see in above result Paragraph will shown as above.

HTML Links

Links in the HTML are defined with the <a> tag:

Program :

<a href="https://www.nibkarmahtmlcss.com">This is a link</a>

href attribute specifies destination of the link. 

It means it shows source for the data.

The Attributes are used to provide additional information about HTML elements.


HTML Images

Images are defined with the <img> tag.

A source file (src), alternative text (alt), width, and height are provided as attributes.

Program :

<img src="nibkarma.jpg" alt="nibkarmahtmlcss.com" width="100" height="122">

HTML Lists

There are three types of lists.

<ul> − An unordered list. 

It will list items using plain bullets.

<ol> − An ordered list. 

It will use different schemes of numbers to list your items.

<dl> − A definition list. 

It arranges your items in the same way as they are arranged in a dictionary.

Program :

<!DOCTYPE html>
<html>

   <head>
      <title>Nibkarma</title>
   </head>
   <body>
      <ul>
         <li>A</li>
         <li>B</li>
         <li>C</li>
         <li>D</li>
      </ul>
  
  <ol>
         <li>A</li>
         <li>B</li>
         <li>C</li>
         <li>D</li>
      </ol>
  
   </body>
   
</html>

Output :


As you can see in above program here are both ordered and unordered list are created.














Comments

Post a Comment

Popular posts from this blog

What Is Inheritance In C++? Types Of Inheritance?

-
Image
C++ Inheritance  C++ inheritance : In The Language C++, inheritance is a process in which one object acquires all the properties and behaviors of its parent object automatically. Different way you can reuse, extend or modify the attributes and behaviors which are defined in other class. What Is Inheritance In C++? In the language C++, the class which inherits the members of another class is called derived class and the class whose members are inherited is called base class. In this C++ The derived class is the specialized class for the base class. Advantage of C++ Inheritance A Code reusability : Now you can reuse the members of your parent class. That's Why there is no need to define the member again. So less code is required in the class. Types Of Inheritance There are five types of inheritance: Single inheritance Multiple inheritance Hierarchical inheritance Multilevel inheritance Hybrid inheritance Types Of Inheritance? C++ Inheritance
Read more

CONCEPT OF DBMS!!

-
Image
CONCEPT OF DBMS!! CONCEPT OF DBMS : A database management system (DBMS) is system software for creating and managing databases. This DBMS provides users and programmers with a systematic way to create, retrieve, update and manage data. CONCEPT OF DBMS!! Objectives of DBMS This following objectives are used in DBMS 1) A Data availability The data availability is responsible for the cost performance and the query update. Availability functions make the database available to users helps in defining and creating a database and getting the data in and out of a database. Recommend Articles For More Information : Machine Learning Technology in Software Engineering Trending Pieces Of Technology You Should Know About!!! CONCEPT OF DBMS!! Phases Of Compiler In System Programming!!!! C Program For Addition, Subtraction, Multiplication, Division Of Two Numbers!! Difference between a monolithic and micro kernel? Difference Between The Procedure Oriented Lang
Read more

Basic Concepts Of OOPC!!

-
Image
Basic Concepts Of OOPC !!                                 OOPC is a object oriented programming which is contain many concept of class and objects. There are many concept like Inheritances, Polymorphism, Abstraction, Encapsulation etc ...  List Of Concepts :   Class Objects Inheritance Polymorphism Abstraction Encapsulation Message passing Class Class is a blueprint for any functional entity. It defines attributes and methods. a class is a implementation of abstract data type. a class is template that specifies the attributes and behaviour of objects. May You Like To Read This Related Articles: What Is Operating System? Knowledge Of OS!! Operating System As A User Interface And As A Resource Manager - Technopedia! Services Of Operating System -  Technopedia!!! Basic Concepts Of OOPC!! CONCEPT OF DBMS!! Types Of Operating System - Technopedia!!! Basic Program Of C Language For Print Hello!! Objects : Object is ins
Read more