Fsr060523 batch today practice

HTML-CSS Conversations
#1
  1. Display Types - Block and Inline HTML Elements
  2. <head>,<Body>
  3. Headings
  4. Paragraphs
  5. Block Level Elements
  6. Inline Elements
  7. Images
  8. Links (Anchor tag)
  9. Tags & Attributes
    Hello students drop your practice notes here and ask queries related to these topics.
2 Likes
#2

mam if i take image from that folder which folder is running or im working than result comes…but if i want to take image from other folder like from desktop or from downlod section. than result will not come@drishtinayak2828-TA

1 Like
#3

@akashshrestha503 Hi
If the image file is located in a different folder than the HTML file you are working on, you need to provide the relative or absolute path to the image file.

For example, if your HTML file is located in a folder called “mywebsite” and your image file is located in a folder called “images” within the “mywebsite” folder, you can use the following code to display the image:

<img src="images/myimage.jpg" alt="My Image">

If the image file is located in a completely different location, such as your desktop or download folder, you need to provide the absolute path to the image file. You can find the absolute path by right-clicking on the image file, selecting “Properties,” and copying the “Location” or “Address” field.

Once you have the absolute path to the image file, you can use it in the src attribute like this:

<img src="C:\Users\YourUserName\Desktop\myimage.jpg" alt="My Image">

you cannot use relative paths with ../ to access files on your desktop or in your downloads folder through an HTML img tag.

Relative paths are used to specify the location of a file relative to the current file’s location. In the case of an HTML file, the current file’s location is the directory that the HTML file is stored in. So, if you want to access an image file that is located in a directory above the current directory, you can use the ../ notation to move up a level in the directory hierarchy.

However, this notation only works for files that are located within the same file system as the HTML file. Your desktop and downloads folder are typically located in a different file system than your web server, so you cannot use ../ to access files in those locations.

To access an image file on your desktop or in your downloads folder, you need to provide the full path to the file. The exact path will depend on the operating system you are using and where the file is located.
Hope you understand better now and if you are facing anymore some issues you can ask here .

1 Like
#4

@drishtinayak2828-TA Can you tell me how can I upload VScode files here. I am not being able to upload . It’s showing extension not supported.

1 Like
#5

@Sayantan
Yes you can directly copy paste here everything or you can just take a picture and upload to it.

#6
list and style

List: Order and Unorder list with list





















If you love a flower, don’t pick it up.
Because if you pick it up it dies and it ceases to be what you love.
So if you love a flower, let it be.
Love is not about possession.
Love is about appreciation.
― Osho

c4044b3b39f453bc1f07a4ba72f12bf7.jpg736Ă—460 38.1 KB 

<section id="experience">
<p id="experience">
     Experience life in all possible ways --<br/>
     good-bad, bitter-sweet, dark-light,<br/>
     summer-winter. Experience all the dualities.<br/>
     Don't be afraid of experience, because<br/>
     the more experience you have, the more<br/>
     mature you become.<br/>
     ― Osho<br>
    <img src="https://thumbs.dreamstime.com/b/start-point-road-business-your-life-success-beginning-to-victory-up-148044371.jpg" width="400" height="600"/>
</p>
</section>

<section id="sadness">
<p id="sadness">
    Sadness gives depth. Happiness gives height. Sadness gives roots.<br/>
    Happiness gives branches. Happiness is like a tree going into the sky,<br/>
    and sadness is like the roots going down into the womb of the earth.<br/>
    Both are needed, and the higher a tree goes, the deeper it goes,<br/>
    simultaneously. The bigger the tree, the bigger will be its roots.<br/>
    In fact, it is always in proportion. That's its balance.<br/>
    <img src="https://www.goodmorningimagesdownload.com/wp-content/uploads/2020/02/Sad-Images-for-Boys-Girls-19.jpg" width="400" height="600"/>
</p>
</section>
<br><br>
<button><a href="#top">TOP</a></button>
1 Like
#7

very nice krishna keep it up

#8
Session3 HTML
ONLINE SHOPPING
    <ul>
     <li>
        <a href="https://www.myntra.com/shop/men">Men</a>
    </li>
     <li>Women</li>
     <li>Kids</li>
     <li>Beauty</li>   

     </ul>
     
     <h5>USEFUL LINKS</h5>

     <ol>
        <li>
            <a href="#demo1">Blog</a>
        </li>
        <li>Site Map</li>
        <li>contacts</li>
      </ol>


      <section id="demo1">
        <h1>This is blog section</h1>
        <img src="img1.jpg" height="200" width="200">
      </section>
1 Like
#9
Session3
Online Shopping
  1. blog section
  2. site map
  3. contact

This is blog section

This is site map section

This is contact section

1 Like
#10

excellent students!!!

#11

@drishtinayak2828-TA
@Hiral_Khakhariya
Sorry Mam for submission or reply. This is Session One Practise link [FSR060523]. FSR060523 Practice Session One

Code is here:

<!-- tag contains meta information of web application or page. Meta information means the data about data --> EDYODA Session One

Session One - Practise

<!--

stands for heading tag, to creat heading we can use it's six types of heading elements which are

,

,

,

,

,
-->

Tag Attributes | Basic Information

<!--

tag stands for paragraph tag, it is used for creat text para-->

<!--
tag stands for horizontal row(line) and it don't need to close, because it is empty tag!-->

Tags & Atrributes

HTML Elements(Tags)
The HTML element is everything from the start tag to the end tag:
<tagname>Content goes here...</tagname>

Examples of some HTML elements:
<h1>My First Heading</h1>
<p>My first paragraph.</p>

HTML Attributes
All HTML elements can have attributes
Attributes provide additional information about elements
Attributes are always specified in the start tag
Attributes usually come in name/value pairs like: name="value"

Example:

17yQeLEUX6s88IbDJreQ.png1362Ă—358 10.1 KB

Block-Level Elments

A block-level element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.
A block-level element always takes up the full width available (stretches out to the left and right as far as it can).

Two commonly used block elements are: <p> and <div>.
The <p> element defines a paragraph in an HTML document.
The <div> element defines a division or a section in an HTML document.

Here are the block-level elements in HTML:
<address><article><aside><blockquote><canvas><dd>
<div><dl><dt><fieldset><figcaption><figure><footer>
<form><h1>-<h6><header><hr><li><main><nav><noscript>
<ol><p><pre><section><table><tfoot><ul><video></video>

Inline Elements

An inline element does not start on a new line.
An inline element only takes up as much width as necessary.
This is a <span> element inside a paragraph.

Here are the inline elements in HTML:

<a><abbr><acronym><b><bdo><big><br><button><cite><code>
<df>><em><i><img><input><kbd><label><map><object><output>
<q><samp><script><select><mall><span><strong<sub><sup>
<textarea><time><tt><var>

Image Element

Dancing Minions

Anchor Tag

<a href="https://www.sitename">Visit On Link</a>
Click To EDYODA





1 Like
#12

@drishtinayak2828-TA @Hiral_Khakhariya

1 Like
#13

@woww you do such a hard work guys to very honest if you continue do like this soon you will on good hands on practice then no one in this whole universe cant stop you to become successful :blush: :blush: :blush: :blush: :blush: :blush:believe me …