Skip to main content

Chapter -3 Basic All HTML Tags -Technology369kk

 

 HTML BASIC TAGS

Introduction of Tags in HTML: 

  • HTML tags are just like that KEYWORDS type in HTML, which is defines that web browsers will format and display the content, with the help of tags, a web browser can distinguish between an HTML content and a simple content. 
  • HTML contain manually three main parts : 
    • Opening tag < >, 
    • Content 
    • Closing tag</>
  • But some case HTML tags are  unclosed.
  • Very Impt point that HTML always read TOP to BOTTOM and LEFT to RIGHT.
  • All HTML tags are enclosed within < >  these brakets. 
  • Every tag must use Open tag<>  "content" Close Tag </>.
  • We can add elements inside the body tag to define the page the page layout

HTML Elements:- 

  • Everything from starting to the ending tag. Always remember this point in html.


<body> Opening Tags

    Content

</body> Closing Tags

HTML Attributes: - 

  • Used to add more information corresponding to an HTML tags. 

<b>Example-1 :- HTML Attributes :- </b><br>
<a href="https://technology369kk.blogspot.com/">It's my blog</a>

Here:- <a means  :- anchor tags
    href attributes


  • We can either use single’….’ or double ‘’…’’ quotes in attributes format. 

The Heading Tags:- 

  • Heading tags is  used to marks heading in html. From h1 to h6, we have tags for the most important to the least least important heading.

<b>Example-2 :- The Heading tags :- </b><br>

    <h1>It is called Major Heading </h1>  
    <h2> It is Called Heading</h2>
    <h3> It is Called SubHeading </h3>
    <h4> It is Called Minor Heading</h4>
    <h5> It is Called Pragraph Heading </h5>
    <h6> It is Called just a Normal Content Heading </h6>

The Paragraph Tags: - 

  • Paragraph tags are used to add paragraph to an HTML page.


<b>Example-3 :- The Paragraph tags :- </b><br>
    <p>This is a simple Paragraph</p>

The Anchor Tags: - 

  • The Anchor tag is used to add links to existing content inside an HTML page.


<b>Example-3 :- The Anchor tags About Technology369kk :- </b><br>
<a href="https://technology369kk.blogspot.com/2021/10/what-is-sadsystem-analysis-and-design.html=">
    <!-- Click here and go to SAD topics </a> -->



The Image Tags:- 

  • Image tags is used to add images in an HTML page.

<b>Example-3 :- The Image tags :- </b><br>
    <!-- There are two types of link url add:- absolute url and relative url-->
    <!-- This is absolute url-- -->
    <img src="file:///D:/Learning%20File/BCA/BCA%203rd%20Sem/HTML/HTML%20by%20Cod
    e%20With%20Harry/Chp_2%20All%20Example.html"width= "200" height="200" alt="This is my pic">

     <!-- This is relative url-- -->
    <img src="IMG_1172.JPG "width= "200" height="200" alt="This is my pic">



The Bold, italic, and Tags: - 

  • We can use bold, Italic, and Underline tags to use highlight the text as follows: 


<b>Example-4:-Bold, italic, and Tags: :- </b><br>
<B> This Tags Used For Bold</B> <br>
<i> This Tags Used For Italic</i><br>
<u> This Tags used for underline</u><br>
<strike> This Tags used for Strike </strike><br>
<tt> This is Tags used for Monospaced</tt><br>


The Br Tags: -  

  • The br tags is used to create a new line break in an HTML Documents.

<b>Example-5:-br Tags:  :- </b><br>
    Hi, I'm Br tags <br>


Big and Small Tags: - 

  • We can make the text a bit larger and a bit smaller using big and small tags for respectively.


<b>Example-6:-Bid And Small Tags:- </b><br>
Hi, I'm <b><big>BIG </big></b> tags to another <br>
Hi, I'm <b><small>small</small></b> tags to another <br>



Subscript and Superscript: -

  • We  can add subscript and superscript in HTML as follows:


<b>Example-7:-Subscript and Superscript Tags:- </b><br>

<p> This is Tags used for Subscript Text</p>
<p> H<sub>2</sub>O</p>

<p> An Example:- Find squre roots formula</p>

<p>ax <sup>2</sup>+bx +c </p>



Pre Tags: - 

  • In HTML always ignore extra space and newlines, in order to display a pices of text as is, we use pre tag.


<b>Example-8:Pre Tags:- </b><br>
<pre>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel voluptatem dolore,
voluptas doloremque quae voluptate tempore corrupti cupiditate quisquam esse neque?
 Iste vel doloremque corporis, quod aperiam officia quisquam eligendi odit iure quam quae
  aliquam assumenda quasi at itaque nulla quidem voluptatibus laboriosam facere,
adipisci alias dignissimos ullam soluta ad.
</pre>


Hr Tags:- 

  • <hr> Tags in HTML is used to create a horizontal ruler often used to separate the content.


<b>Example-9: hr tags:- </b><br>
<p>Hi, I am Horizontal tags</p>
<hr>


Chapter -2 Practice Set:- 

Q1. Create an HTML page with a heading(Title Heading), a Primary heading and a subheading which tags did you use?

Ans:- <h1>Mountain</h1>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime dicta iusto cupiditate minus neque earum ipsam nam
nulla, perspiciatis natus consequuntur magni fuga error dolorum maiores autem, sequi quidem a?
<h2>Why is Mountain?</h2>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil a labore cumque vero delectus alias, quis aperiam ex
dolores. Illum quod numquam minus dolorem, sunt quia alias nisi pariatur autem libero earum excepturi, omnis velit
debitis eligendi dignissimos mollitia. Omnis!

<h3>Popular Mountain:-</h3>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Saepe unde aliquam natus officiis corrupti autem velit beatae
accusamus, magni quibusdam voluptates, nobis at incidunt dolores neque dicta facere dolorum in.


Q2. Create a page with 5 wallpaper image taken from the internet.

<a href="https://technology369kk.blogspot.com/ "><img src=="Enter image url from google "
        alt="This is solution of Ques5  but not work "></a>
<a href="https://technology369kk.blogspot.com/ "><img src=="Enter image url from google "
        alt="This is solution of Ques5  but not work "></a>
<a href="https://technology369kk.blogspot.com/ "><img src=="Enter image url from google "
        alt="This is solution of Ques5  but not work "></a>
<a href="https://technology369kk.blogspot.com/ "><img src=="Enter image url from google "
        alt="This is solution of Ques5  but not work "></a>
<a href="https://technology369kk.blogspot.com/ "><img src=="Enter image url from google "
        alt="This is solution of Ques5  but not work "></a>

Q3. Use br and hr tags to display a pices of text with line breaks.

Ans:-
<p><b>I'm Q3 of solution used br tags for line breaks</b></p><br>
<hr>
<p><b>I'm Q3 of solution used hr tags for create a Horizontal line</b></p>
<hr>


Q4. Try to write the following chemical equation using HTML.


C+O2 --> CO2
Ans:- C+O <sub>2</sub> &rarr; CO <sub>2</sub>


Q5. Try to write a Wikipedia acritical using HTML.

Ans:- <h1>Programming Language</h1>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore laudantium nisi voluptatibus eaque autem voluptatum
molestiae dicta, distinctio tenetur fugit rem atque natus officiis deserunt mollitia nemo?
Fugiat, vel voluptatem!




Comments

Post a Comment

Popular posts from this blog

Assignment of ITA/ Information Technology and Application BCA- Technology369kk

Q1. What is  computer Explain basic computer architecture and Difference components.  2. Discuss the use of memory in computer system, Explain memory hierarchy  in details. 3. What is software? Explain difference types of software with explain. 4. Write short notes on the given:- (I) Internet. (II) LAN (Local area network ) (III) Search engine (IV) Web browser  Q 1.What is computer Explain basic computer architecture, Difference components of computer.   Computer :- Computer is defined as an electronic device that takes input data and instructions from the user and after processing them, it generates useful and desired output quickly.   A computer is designed to execute applications and provides a variety of solutions through integrated hardware and software components.                            It is fast and automatic device. It works with the help of programs and represents the d...
2 comments
Read more

C++ and Java Practical All Questions Answers - BCA -Technology369kk

C++ and Java  In this post see most important questions for practical questions given by college all questions with answers . Guys I want to say that this is only for suggested post for your practical please request to you change same alphabets, words or anything  methods name and variables name because if you write all words same then this is copy paste for another peoples.  Used Topics:  Keywords, Variables, Condition Statements, Function , Array, Structure, Pointer.                           In OOPs, Class and Objects, Constructor, Poly morph, Encapsulation, Access Specifiers,                               Inheritance etc.  So, Without Time Lose Come to the Points, let's go start Now:        *************************************************************************  C++ 12 ...
Post a Comment
Read more

Assignment of PMO (Principal of Management and Organization) - Technology369kk

 ** Assignment Of PMO ** Agenda: -  4 Questions discuss in this post. Question 1. Write a d etails note on selection why it Called. negative process.  Question 2. Write a details note on 'span of control. Question 3. Planning is an essential process, do you agree ? Discuss  Question 4. Write a note on management function. Q 1. Write a d etails note on selection why it called negative process.  Ans :-  Selection is the process of choosing the most suitable candidates out of the several candidates available.          Selection is a negative process because there may be more rejected then those selected in most of the candidates that is called selection is a negative process. → Selection process has the following steps:-  [ A .] Screening of applicants - Based on the screening of applicants only those candidates. It Called further process of selection. Who are found eligible for the job Standards of the the organization. [ B .] S...
3 comments
Read more