Scribd Logo
Upload

Welcome to Scribd!

  • IICT Lab 7 (Intro HTML)

    Uploaded by

    Ap Dhillon
    7 views4 pages
    This document provides an introduction to HTML and covers several basic HTML elements and functions. It discusses HTML headings, paragraphs, links, colors, styles, quotations, and images. The objective is for students to learn HTML basics and create a personal profile webpage using tags covered in the lab, like headings, paragraphs, links, and images. The conclusion asks students to summarize what they learned.

    Original Description:

    Original Title

    IICT Lab 7 (Intro HTML)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides an introduction to HTML and covers several basic HTML elements and functions. It discusses HTML headings, paragraphs, links, colors, styles, quotations, and images. The objective is for students to learn HTML basics and create a personal profile webpage using tags covered in the lab, like headings, paragraphs, links, and images. The conclusion asks students to summarize what they learned.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    7 views4 pages

    IICT Lab 7 (Intro HTML)

    Uploaded by

    Ap Dhillon
    This document provides an introduction to HTML and covers several basic HTML elements and functions. It discusses HTML headings, paragraphs, links, colors, styles, quotations, and images. The objective is for students to learn HTML basics and create a personal profile webpage using tags covered in the lab, like headings, paragraphs, links, and images. The conclusion asks students to summarize what they learned.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 4

    BSCS 1st Semester IICT Spring 2018

    Experiment # 07

    Introduction to HTML

    Objective
    1. Learning about HTML
    2. Work on basic functions of HTML
    3. Create profile

    Theory
    Hypertext Markup Language (HTML) is the standard markup language for creating web
    pages and web applications. HTML is a format that tells a computer how to display a web page.
    The documents themselves are plain text files with special "tags" or codes that a web browser
    uses to interpret and display information on your computer screen.

     HTML stands for Hyper Text Markup Language

     An HTML file is a text file containing small markup tags

     The markup tags tell the Web browser how to display the page

     An HTML file must have an htm or html file extension

    Basic Function of HTML:

    HTML Heading:
    HTML headings are defined with the <h>.
    The HTML heading attributes has the following Syntax:
    <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>

    1
    BSCS 1st Semester IICT Spring 2018

    HTML Paragraph:
    HTML paragraphs are defined with the <p> tag.
    The HTML Paragraph attributes has following syntax:
    <html>
    <body>

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

    </body>
    </html>
    HTML Links:

    HTML links are hyperlinks.


    You can click on a link and jump to another document.
    The HTML Links attributes has following syntax:
    In HTML, links are defined with the <a> tag.
    <html>
    <body>

    <h2>HTML Links</h2>
    <p><a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a></p>

    </body>
    </html>

    HTML Colors:

    HTML colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA
    values.
    <h1 style="background-color:DodgerBlue;">Hello World</h1>

    <p style="background-color:Tomato;">
    Lorem ipsumdolor sitamet, consectetueradipiscingelit, seddia mnonummyni
    bheuismodtinciduntutlaoreetdolore magna aliquameratvolutpat.
    Utwisienim ad minim veniam, quisnostrudexercitationullamcorpersuscipitlobortisnislutaliquip ex
    eacommodoconsequat.
    </p>

    </body>
    </html>

    HTML Styles:
    Setting the style of an HTML element, can be done with the style attribute.

    2
    BSCS 1st Semester IICT Spring 2018

    The HTML style attribute has the following syntax:

    <html>
    <body>

    <p>I am normal</p>
    <p style="color:red;">I am red</p>
    <p style="color:blue;">I am blue</p>
    <p style="font-size:36px;">I am big</p>

    </body>
    </html>
    HTML Quotations:
    The HTML <q> element defines a short quotation.
    <html>
    <body>

    <p>Browsers usually insert quotation marks around the q element.</p>

    <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

    </body>
    </html>

    HTML Images:
    In HTML, images are defined with the <img> tag.
    <html>
    <body>

    <imgsrc="pulpitrock.jpg" alt="Mountain View" width="500" height="377">

    </body>
    </html>

    3
    BSCS 1st Semester IICT Spring 2018

    Lab Tasks

    Make a webpage about you (personal profile) using all the html tags you have learned in this lab.

    Conclusion
    ______________________________________________________________________________
    ______________________________________________________________________________
    ______________________________________________________________________________
    ____________

    You might also like