Breaking News

New Updates

html-onam25

October 24, 2024
Study Notes Platform login

Update history

This is used to check how much we cover the topic and remaining avalilability,

    AllPro full video at 25/10/2024
  1. lorem
  2. shortcuts
    DubugMedia full at 26/10/2024
  1. ...
  2. ...
  1. html
  2. css
  3. java script
  4. react
  5. pytho
  6. django
  7. sql
  8. git
  9. english



html
css
java script
react
pytho
django
sql
git
english



HTML

HTML stands for HyperText Markup Language.

It is used to structure a web page and its content.

  • html:5
  • !

Paragraph is easy form Emmet

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod molestiae voluptatem nobis, eaque aut reprehenderit in!

Type: Lorem

Shortcuts form AllPro

    Page wrap : Alt+Z

    unwrap : Alt+X

    copy line move : Alt+Shift+ upkey or downkey

    move line : Alt+Funct+ upkey or downkey

    for comment : Ctrl + /

    find and replace : select the text and then press Ctrl+H

    find and replace with custum : select the text and then press Ctrl+d

    copy : Ctrl+C

    paste : Ctrl+V

    cut : Ctrl+X

    undo : Ctrl+Z

    redo : Ctrl+Y

    select all : Ctrl+A

    hr for a Horizontal line

    Shortcuts form Debugmedia
    inline and block element! block element:
    div, p, h1,-h6 form

    inline is :
    input img span a
     form tag
input tag have not closing tag bcz they enter in user.
inlup tyoe change the value of input. name is on server side.
labels cand 



space   
radio button not workingm bcz serverside link is working

select - option tag (tag value used for server side too)
https://youtu.be/IfYT8YsUcYs?si=uWUA_93u_n2xsLdz

tow type button 
1. input button (form is used mostly )
2. button tag   


form action and methed
action is used to link
methed is used to sserver side




     

        video 5

        table tag.
        table head
        table body

        table attributes:
        table boarded, width, cellpadiing, cellspacing.

    You What are the semantic tag and use how to remember this Copilot A semantic tag in HTML is a tag that gives meaning to the web page content. For example,

    ,
    , and
    are all semantic tags because they define the structure and purpose of the content they contain. These tags make it easier for both browsers and developers to read and understand the content.

    To remember this: think of semantic tags as the labels on a well-organized filing system. The labels tell you exactly what's inside each folder. Helps you navigate your content more efficiently and makes your code clearer.

    <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>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Blog</title>
</head>
<body>
    <header>
        <h1>My Blog</h1>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <article>
            <header>
                <h2>Blog Post Title</h2>
                <p>Published on <time datetime="2024-10-25">October 25, 2024</time> by <span>Author Name</span></p>
            </header>
            <section>
                <p>Your blog post content goes here. Write something interesting!</p>
                <p>More content, images, etc.</p>
            </section>
            <footer>
                <p>Category: <span>Web Development</span></p>
            </footer>
        </article>
    </main>
    <footer>
        <p>&copy; 2024 My Blog. All rights reserved.</p>
    </footer>
</body>
</html>
    advanced type tutorial code is here >>

    No comments

    Subscribe to: Post Comments ( Atom )