Html basic Guide-Html Basics

 Hello friends!!Welcome to our blog Techwalebnde  So today is our second day of html-html basic learning, I am very excited to teach you hope so you are also in the same vibe..

Html basic design template


Today's table of contents are as follows:

  1. What are anchor tag?
  2. What are lists?
  3. Your Practice assignment....
So lets start with anchor tag-html basic tag in hindi:

Anchor Tag

Anchor tag


What is Anchor tag?


An anchor tag functions similarly to a button on a webpage that you may use to navigate to a different webpage or a particular area inside the same page. It functions similarly to a shortcut, enabling you to quickly access desired web pages.

Aasan bhasha me btayo toh ap jo websites pe blue blue color ke link dekhte hoon jispe click krke ya toh aap use website ke dusre page pr pahuch jate hoon ya khe or pahunch jate hoon that is basically anchor tags....

Attributes

In HTML, an anchor tag has a few crucial properties:

  • Href: The most significant is this one. It instructs the browser on the destination of the link. For instance, clicking href="https://www.example.com" would direct you to the "example.com" website.
  • Target: This property indicates the location of the linked document's opening. For instance, using target="_blank" would cause the referenced document to open in a new window or tab.
  • Title: This attribute gives the link's further details. You may notice a little tooltip displaying the text from the title attribute when you hover over the link.

SYNTAX:

<a href="https://www.example.com" target="_blank" title="Visit Example">Click here to visit Example</a>
In this case, clicking the link would open "example.com" in a new tab. Additionally, a tooltip stating "Visit Example" would appear when you hovered over the link.

List Tag

So basically what is lists tag, list Tag is used to make Lists...
Simple guys tum bhi na itna seriously lete hoon...
Lists is of two types:
  • Order List 
  • Unorder List

Order List

 Using the <ol> tag, an HTML ordered list presents a list of things in a numbered format. Several characteristics of the <ol> element allow you to alter the look and feel of the list. Typical characteristics include the following:

Attributes:

  • Type: Specifies the type of numbering to use. It can be "1" (default, numbers), "A" (uppercase letters), "a" (lowercase letters), "I" (uppercase Roman numerals), or "i" (lowercase Roman numerals).
  • Start: The list's beginning value is specified by this attribute. Ordered lists begin with "1" by default. This feature allows you to start the list at a different number.
  • Reversed: When this boolean attribute is present, it indicates that the list items should be numbered in descending order.

Syntax:


<ol type="I" start="3" reversed>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

This would produce a reversed ordered list starting from "III" (uppercase Roman numeral for 3), with each item marked with an uppercase Roman numeral, like:

III. Item 3

 II. Item 2 

I. Item 1

Unorder List:

An unordered list in HTML is a way to organize information on a web page without any specific order or sequence....

Attributes

  • Type: It changes the appearance of the bullet points in the list. You can have solid circles, hollow circles, or squares.
Jyada kuch hai ni iske attributes me, hai bhi toh vo itna use me nhi aata toh mai tumhare liye cheeze complicate nhi krna chahta toh tum bs ise ke practise ache se krlo....

Syntax:

<!-- Unordered List with different bullet style --> 
 <ul type="circle","square","disc"> 
  <li>Red</li>
<li>Green</li>
<li>Blue</li> 
  </ul>


Implement all of these three types and practise it......
Chlo guys aj ke liye itne hi krte hai ab mai apka practise assignment upload krdete hoon ..
Assignment of List:

Html basic guide
Assignment of anchor tag

Html basic guide


Keep practising keep updating me about your progress and stay tuned with us for some more wonderful content....

Post a Comment

0 Comments