Day 4, WebDev...Log 29 July

Hey everyone, this is what I've learned today in web dev

1. Creating Ordered(ol tag), unordered(ul tag), and descriptive(dl tag) lists wrapping up the li tag.

2. Linking the files with the web page, with the help of the 'a' tag, making the web page open links in a new tab using (target="_blank").

3. I linked files from my computer, sites from the web, and my own blog page, and added photos(using img tag) and videos(using video tag)(learned to change the width and height of them) to my web page.

4. Learned to use iframe tag to embed my blog page(https://woofscode.blogspot.com/) and my youtube channels (https://youtube.com/@SENORITUbes and https://youtube.com/@Naavik440) on the web page.

I also used the many tags amongst what I'd learned yesterday to change the paragraph, insert horizontal lines, and put the headlines.

Tomorrow I will finish the all HTML lecture of the web dev course I'm doing.

Happy coding and stay inspired! 🚀

Best regards, Jaani 🌟



 
    <ol type="i">

        <li><b>name</b></li>
        <p>Hey this is Ashish Tetarwal</p>
        <li> <b>section</b>
            <p>select any which applies</p>
            <ul>
                <li>1A</li>
                <li>1B</li>
                <li>1C</li>
            </ul>
        </li>
        <li><b>student id</b></li>
    </ol>
    </p>
    <hr>

    <a href="file:///C:/Users/Ashish/Downloads/Harappa - Hindi (Hindi Edition).pdf">Harrappa pdf</a>
    <hr>
    <a href="https://www.bing.com/search?q=bhb&PC=U316&FORM=CHROMN&FORM=ANAB01">what is this, click to check</a>
    <hr>
    <a href="https://www.Google.com" target="_blank">Google</a>
    <hr>
    <br>
    <p>Jaani's dialy coding blog</p>
    <a href="https://woofscode.blogspot.com/" target="_blank">click here</a>
    <hr>
    <a href="page2.html">page2</a>
    <hr>

    <a href="C:\Users\Ashish\OneDrive\Documents\VSCODE\WebDev">WebDev folder</a>
    <hr>
     <img src="C:\Users\Ashish\OneDrive\Pictures\IIITV Logo.png" alt="loading"width="350">
     <img src="C:\Users\Ashish\OneDrive\Pictures\designer 2.png" alt="loading" width="350">
     <hr>
     <p>Intro Video</p>
     <video src="C:\Users\Ashish\Downloads\EP1_ Short intro - Made with Clipchamp.mp4"  width="400" autoplay controls loop muted>video loading</video>
     <hr>
    <audio src="C:\Users\Ashish\Downloads\(Audio) EP2_ Raw Video - Made with Clipchamp.mp3"  width="560">audio loading</audio>

    <iframe width="560" height="315" src="https://www.youtube.com/embed/cANJo2PU1WA?start=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>loading</iframe>
    <iframe src="https://woofscode.blogspot.com/" width="350" height="400" frameborder="0">loading</iframe>

Comments

Post a Comment

Popular posts from this blog

Day #3 WebDev

 Log 28 July, This is what I've done and learned today, p --> paragraph tag b --> bold tag hr --> tag for horizontal line i --> italic text h1>h2>h3>h4>h5>h6 text size tags <!-- tag for comment --> <small> tag for small letter </small> s --> tag for crossing line on sentence/strike through br -->tag for new paragraph/line <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > woofscode </ title > </ head > < body >     < h1 > Ashish Tetarwal welcomes you here &lt; h1 &gt; </ h1 >     < h2 > Ashish Tetarwal welcomes you here </ h2 >     < h3 > Ashish Tetarwal welcomes you here </ h3 >     < h4 > Ashish Tetarwal welcomes you here ...
Read more

Day 7,8 ….WebDev Log

Image
August 01, 2023 August 02, 2023  Hey folks, Jaani Here I'm writing this, the summary of whatever I've learned in the past two days. As I moved to CSS (Cascading Style Sheet) lectures. Things started getting more interesting. At first, when I tried to learn, I got nothing, literally nothing, but then I went to chatGPT and told it that write some CSS code for my webpage, It wrote that in some file named  style.css, and I then inked it top my HTML file, and the result was pretty awesome. After doing all this stuff, then I went to selectors  lecture and tried to understand. The next day I learned about properties and their values, made their notes and applied them on a webpage. I'm adding a screenshot of the webpage in which chatGPT helped in CSS and the style.css code  below style.css /* Reset default margin and padding for all elements */ body , h1 , h2 , h3 , h4 , h5 , h6 , p , ul , li {     margin : 0 ;     padding : 0 ; } /* Set default font sty...
Read more

Day 6, July 31

 Hey, Everyone Jaani here, as I proceeded in web dev's HTML last lecture, they taught us how to try to make a structure for our own website using HTML. I had an Idea for making a health website. So I tried it and found it very interesting and a thing upon which I should keep working. I would not suppose to reveal the details of that website now, it could be too early for me to tell y'all ;p  <3 Yeah, but the source code for its basic structure is here, see ya later. <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Way to Project Nhp </ title >     < link rel = "stylesheet" href = "" > </ head > < body >     < header >         < img src = "C:\Users\Ashish\OneDrive\nhp.jpg" width = "350" alt = ...
Read more