Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Submitted By

    Загружено:

    Amit Vijay
    33 просмотров16 страниц
    The document contains code snippets of HTML and the corresponding output. It demonstrates different HTML tags like headings, paragraphs, links, images, and text styling tags. It shows how these tags are used to structure text content and style it on a webpage.

    Исходное описание:

    yes

    Оригинальное название

    HTML

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    The document contains code snippets of HTML and the corresponding output. It demonstrates different HTML tags like headings, paragraphs, links, images, and text styling tags. It shows how these tags are used to structure text content and style it on a webpage.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    33 просмотров16 страниц

    Submitted By

    Загружено:

    Amit Vijay
    The document contains code snippets of HTML and the corresponding output. It demonstrates different HTML tags like headings, paragraphs, links, images, and text styling tags. It shows how these tags are used to structure text content and style it on a webpage.

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 16

    SUBMITTED BY:-

    NAVDEEP SINGH BAJAJ


    CLASS:-VIIITH
    <!DOCTYPE html>
    <html>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>

    OUTPUT

    My First Heading
    My first paragraph.
    <!DOCTYPE html>
    <html>
    <body>
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    </body>
    </html>
    OUTPUT

    This is heading 1
    This is heading 2
    This is heading 3

    This is heading 4
    This is heading 5

    This is heading 6

    <html>
    <body>

    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>

    </body>
    </html>
    OUTPUT

    This is a paragraph.
    This is another paragraph.
    <!DOCTYPE html>
    <html>
    <body>
    <a href="https://www.w3schools.com">This is a link</a>
    </body>
    </html>
    OUTPUT
    <!DOCTYPE html>
    <html>
    <body>
    <img src="w3schools.jpg" alt="W3Schools.com"
    width="104" height="142">
    </body>
    </html>

    OUTPUT

    This is a link
    <!DOCTYPE html>
    <html>
    <body>

    <h2 title="I'm a header">The title attribute</h2>

    <p title="I'm a tooltip">


    Mouse over this paragraph, to display the title attribute
    as a tooltip.
    </p>

    </body>
    </html>

    OUTPUT
    The title attribute

    Mouse over this paragraph, to display the title attribute as


    a tooltip.
    <!DOCTYPE html>
    <html>
    <body>

    <img src="img_girl.jpg" width="500" height="600">

    </body>
    </html>
    OUTPUT
    <!DOCTYPE html>
    <html>
    <body>

    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>

    </body>
    </html>
    OUTPUT
    This is a paragraph.

    This is a paragraph.

    This is a paragraph.
    <!DOCTYPE html>
    <html>
    <body>

    <p>This is<br>a paragraph<br>with line breaks</p>

    </body>
    </html>
    OUTPUT
    This is
    a paragraph
    with line breaks
    <!DOCTYPE html>
    <html>
    <body style="background-color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>
    OUTPUT

    This is a heading
    This is a paragraph.
    <!DOCTYPE html>
    <html>
    <body>
    <h1 style="font-family:verdana;">This is a heading</h1>
    <p style="font-family:courier;">This is a paragraph.</p>
    </body>
    </html>

    OUTPUT

    This is a heading
    This is a paragraph.
    <!DOCTYPE html>
    <html>
    <body>

    <h1 style="font-size:300%;">This is a heading</h1>


    <p style="font-size:160%;">This is a paragraph.</p>

    </body>
    </html>
    OUTPUT

    This is a heading
    This is a paragraph.
    <!DOCTYPE html>
    <html>
    <body>

    <h1 style="text-align:center;">Centered Heading</h1>


    <p style="text-align:center;">Centered paragraph.</p>

    </body>
    </html>

    OUTPUT

    Centered Heading
    Centered paragraph.
    <!DOCTYPE html>
    <html>
    <body>

    <p>This text is normal.</p>

    <p><b>This text is bold.</b></p>

    </body>
    </html>
    OUTPUT
    This text is normal.

    This text is bold.


    <!DOCTYPE html>
    <html>
    <body>

    <p>This text is normal.</p>

    <p><i>This text is italic.</i></p>

    </body>
    </html>

    OUTPUT
    This text is normal.

    This text is italic.

    Вам также может понравиться