Basic Tags | Lists | Basic Formatting

Learning Basic Tags | Lists | Basic Formatting

6 Likes

We are good to go with Learning basic tags / lists / basic formatting .

3 Likes

Please do post the link for better revise activities.

3 Likes

@pathakdivya93 @harshitrajlnctcse @rajputaayush79
HTML provides a number of basic tags that are used to structure and format content on a webpage. Here are some of the most common ones:

Tags for Structure
html tag, head tag, body tag
The html tag is the root element of an HTML document, and it encloses all other tags. The head tag contains metadata about the document (e.g. the title, stylesheets, scripts, etc.) that are not displayed on the page. The body tag contains the actual content that is displayed on the page.

h1 - h6 tags
These tags are used to create headings, with h1 being the largest and h6 being the smallest. They are often used to indicate the hierarchy of content on a page.

p tag
This tag is used to create paragraphs of text.

ul tag, ol tag, li tag
These tags are used to create lists. ul and ol create unordered and ordered lists, respectively. li is used to create individual list items.

Tags for Formatting
b, strong tags
These tags are used to make text bold.

i, em tags
These tags are used to make text italicized.

u tag
This tag is used to underline text.

br tag
This tag is used to create a line break, which is useful for creating text that spans multiple lines.

These are just a few of the basic tags that HTML provides. By combining them in various ways, you can create a wide range of layouts and designs for your webpages.
An anchor tag in HTML is used to create a hyperlink to another web page or a specific section of a web page. It is denoted by the a tag element and consists of two parts - the link destination and the link text. The link destination is specified using the href attribute, which contains the URL or the ID of the section to which the link is to be directed. The link text is the text that is displayed on the screen and is enclosed within the opening and closing tags of the a element. When a user clicks on the link text, the browser navigates to the specified link destination.

3 Likes

tags used or taught in today’s session

defines/used for data for data defines the document's body .

to

defines the headings defines the title of the document

defines the paragraphs.

2 Likes

What we have learnt yesterday

1- All about basic HTML tags
<html> -> To indicate the starting and end of the HTML document.
<head> -> Title which appears on the tab and various scripts, stylesheet, etc go here.
<title> -> Give a title to a particular page.
<body> -> Anything written here would appear on the browser

<h1> to <h6> -> Different sizes of heading ranging from large to small.
<p> -> A paragraph tag used to write paragraphs in the HTML document.

HTML doesn’t have any strict rules, as the browser is powerful enough to make sense of any code and make it error-free.
A place to try- W3Schools Tryit Editor

3 Likes

thanks @rrnayak2609 good description

2 Likes

Good going @pathakdivya93 & @rhythm. Appreciate your efforts

2 Likes

What we have learnt in yesterday’s Class

we learnt basic tags of HTML which is help you to create your webpage structure
1] br tag : this tag is used to break the line.
2] b tag : this tag is used for creating a Bold text.
3] p tag : This tag is used to create paragraph.
4] i tag : This tag is used to make a text italic.
5] h1 to h6 : this tags are use the headings from bigger to smaller h1 is contains bigger size and h6 is contains smaller size.
6] html tag : this tag is contain all the html document.
7] head : In this tag we wright metadata,css and title.
8] body : In this tag we wright the main contain of the webpage which are display on the browser.

3 Likes

@patilsagar99047 Nice to see you here.

@harshitrajlnctcse … While using img tag we have saved the image in the folder which we have created we get the src of the image by just clicking ./… What if the image is saved in some other folder then from where do we get the img src as i tried but it is not working… Please help me out in this.

1 Like

Well it’s being a fun in todays’ class…

We have learnt formatting tags to make our text more attractive using html, lets’ have a glance-

  1. b tag- To make the text Bold instead of b tag we can also use strong as it works same.
  2. i tag- To make the text Italic instead of i tag we can also use em as it work same…
  3. u tag- To underline the text.
  4. mark tag-To highlight the text.
  5. del tag- To delete the word but it does not del it from the text, that particular text get crossed but still visible in the browser.

Next we have learn about Image tag
Img tag is used to put image on our web page.

            *  It does not have closing tag.

            * <img> tag contains 2 attributes -

                1. src - Source

                2. alt - Alternate

By just clicking img we’ll get

In src attribute we put the correct path or link of the image and In alt attribute
we give name to the image as if we put some wrong link or path it shows the name not
the image on the browse
You can also copy the link directly from the browser by just right clicking on the image
and selecting copy image address.

Next we have also learnt about List tag

  • List Tag <li>
          It is used to add list on your web page. You can add multiple list in your web page.
          There are 2 categories of creating list.
    
                       1. Ordered List   -  <ol>
    
                                 <ol>
                                          <li> Item_Name </li>
                                          <li> Item_Name </li>
                                   
                                 </ol>
    
                       2. Unordered List  -  <ul>
    
    
                                 <ul>
                                          <li> Item_Name </li>
                                          <li> Item_Name </li>
                                   
                                 </ul>
    
  • 3 Likes

    @rininaidu Check this link for your img src issue.

    Let me know if it’s helpful else we will check it together in class

    1 Like

    Such a lovely post @rininaidu . Appreciate your notes :clap:

    2 Likes

    If in Windows, the address bar can help you. Or you can right-click in the directory and click open CMD here. Then “pwd”. Most probably, you will get the path

    2 Likes