Scribd Logo
Upload

Welcome to Scribd!

  • Cws 3

    Uploaded by

    Arjun pali
    3 views12 pages
    The document contains 6 code examples showing different aspects of HTML links. Code 1 creates a basic HTML page with an external link. Code 2 explains local links that do not require the full URL. Code 3 styles a link with CSS. Code 4 demonstrates link colors for visited and unvisited links. Code 5 adds a hover effect. Code 6 activates a background color on active links. There is no output provided for the codes.

    Original Description:

    Original Title

    cws3

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains 6 code examples showing different aspects of HTML links. Code 1 creates a basic HTML page with an external link. Code 2 explains local links that do not require the full URL. Code 3 styles a link with CSS. Code 4 demonstrates link colors for visited and unvisited links. Code 5 adds a hover effect. Code 6 activates a background color on active links. There is no output provided for the codes.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    3 views12 pages

    Cws 3

    Uploaded by

    Arjun pali
    The document contains 6 code examples showing different aspects of HTML links. Code 1 creates a basic HTML page with an external link. Code 2 explains local links that do not require the full URL. Code 3 styles a link with CSS. Code 4 demonstrates link colors for visited and unvisited links. Code 5 adds a hover effect. Code 6 activates a background color on active links. There is no output provided for the codes.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 12

    CODE 1:

    <!DOCTYPE html>

    <html>

    <head>

    <title>HTML Links HyperLinks</title>

    </head>

    <body>

    <p>Click Below for a Brief Introduction of HTML : <br />

    <a href="https://www.w3schools.com/html/" taget="_blank"


    title="W3Schools/Introduction_To_HTML">Introduction_To_HTML</a></p>

    </body>

    </html>

    CODE 2:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <title>Local Links</title>

    </head>

    <body>

    A local link is a link that consist of a URL without "https://" protocal. It is

    can be the path a local file in a directory.

    <br />

    For Example:

    <a href="html_img1.jpg" target = "_blank">Click here to view a local file</a>

    </body>

    </html>

    CODE 3:

    <!DOCTYPE html>
    <html lang = "en">

    <head>

    <title>Link Color</title>

    <style>

    #link1 {

    color:red;

    </style>

    </head>

    <body>

    <p>This is a link <br />

    <a href="https://openai.com/chatgpt" target="_blank" id = "link1">For ChatGPT</a></p>

    </body>

    </html>

    CODE 4:

    <!DOCTYPE html>

    <html>

    <head><title>Link Color Change</title></head>

    <style>

    a:link{

    color:greenyellow;

    a:visited{

    color:royalblue;

    </style>

    <body>

    For Reference <br />

    <a target="_blank" href = "amazon.com">Link 1:Amazon</a><br />

    <a target = "_blank" href = “flipkart.com">Link 2: Flipkart</a><br />


    </body>

    </html>

    CODE 5 :

    <!DOCTYPE html>

    <html lang = "en">

    <head>

    <title>Hover Link</title>

    <style>

    a{

    color:red;

    a:hover{

    color:black;

    </style>

    </head>

    <body>

    This is a link to webpage: Introduction To Python <br />

    <a href = "html14.html" target="_blank" title="Introduction to Python"> Click Here </a> for the
    hyperlink.

    </body>

    </html>

    CODE 6:

    <!DOCTYPE html>

    <html>

    <head>

    <title></title>

    <style>

    a:active {

    background-color: yellow;
    }

    </style>

    </head>

    <body>

    An example of an Active Link :

    <a href="html14.html" target="_blank">HyperLink</a>

    </body>

    </html>
    OUTPUT 1:

    OUTPUT 2:
    OUTPUT 3:

    OUTPUT 4:
    OUTPUT 5:

    OUTPUT 6:
    <!DOCTYPE html>

    <html>

    <head>

    <title>Practical No 03</title>

    <style>

    p{

    text-align: justify;

    a{

    color:red;

    a:hover{

    color:aqua;

    a:visited{

    color:grey;

    </style>

    </head>

    <body>

    <table width="17%" align="left">

    <tr><td>

    <h1 align = "center">Hyper Links</h1>

    <hr size = "4" noshade="noshade" />

    <h3>Basic Tags</h3>

    <ul type="circle">

    <li><a href="html1.html" target="_blank" title="Introduction to HTML">Basic


    Webpage</a></li>

    <li><a href="html2.html" target="_blank" title="Heading tags">Heading Tags</li>


    <li><a href = "html3.html" target = "_blank" title = "Paragraph Tag">Paragraph tag</a></li>

    <li><a href = "html4.html" target= "_blank" title = "Anchor tag">Anchor tag</a></li>

    <li><a href = "html5.html" target= "_blank" title = "Image Tag">Image Tag</a></li>

    <li><a href = "html6.html" target= "_blank" title = "marquee tag">Marquee tag</a></li>

    <li><a href = "html7.html" target= "_blank" title = "Font tag">Font tag</a></li>

    <li><a href = "html8.html" target= "_blank" title = "Background color">background tag and
    other attributes</a></li>

    <li><a href = "html9.html" target= "_blank" title = "Pre tag">Pre tag</a></li>

    <li><a href = "html10.html" target= "_blank" title = "Title tag">Title Tag</a></li>

    <li><a href = "html11.html" target= "_blank" title = "Center tag">Center Tag</a></li>

    <li><a href = "html12.html" target= "_blank" title = "Div Tag">Div Tag</a></li>

    <li><a href = "html13.html" target= "_blank" title = "Fonts and Align">Fonts and Align
    tags</a></li>

    </ul>

    <h3>A Webpage using Basic Tags</h3>

    <ul type="circle"><li>

    <a href="html14.html" target="_blank" title="introduction to python">Introduction To


    Python</a></li></ul>

    <h3>Links Tags</h3>

    <ul>

    <li><a href= "html18.html" target="_blank" title ="Link Tag with target Attribute">Link tag
    1</a></li>

    <li><a href= "html19.html" target="_blank" title ="Local tag">Local Tag</a></li>

    <li><a href= "html20.html" target="_blank" title ="Link Color">Link Color


    Attribute</a></li>

    <li><a href= "html21.html" target="_blank" title ="Visited Link">Visited Link and Unvisited
    Links</a></li>

    <li><a href= "" target="_blank" title ="Hover Link Attribute in Anchor Tag">Hover Link
    Attribute in Anchor Tag</a></li>

    <li><a href= "html22.html" target="_blank" title ="Active Link">Active Link</a></li>

    </ul>

    </td>

    </tr>
    </table>

    <table width = "80%" align="right"><tr>

    </td>

    <td>

    <h1 align = "center">A Glimpse</h1>

    <hr size="4" noshade="noshade" />

    <img src = "html_img4.png" align = "right" hspace="5" vspace="5" height = "180" width =
    "180" />

    <p>The HyperText Markup Language or HTML is the standard markup language for
    documents designed to be displayed in a web browser. It defines the meaning and structure of web
    content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting
    languages such as JavaScript.</p>

    <p>

    Web browsers receive HTML documents from a web server or from local storage and
    render the documents into multimedia web pages. HTML describes the structure of a web page
    semantically and originally included cues for its appearance.

    </p>

    <p>HTML elements are the building blocks of HTML pages. With HTML constructs,
    images and other objects such as interactive forms may be embedded into the rendered page. HTML
    provides a means to create structured documents by denoting structural semantics for text such as
    headings, paragraphs, lists, links, quotes, and other items. HTML elements are delineated by tags,
    written using angle brackets. Tags such as &lt;img &gt; and &lt;input&gt; directly introduce content
    into the page. Other tags such as &lt;p&gt; and &lt;/p&gt; surround and provide information about
    document text and may include sub-element tags. Browsers do not display the HTML tags but use
    them to interpret the content of the page.</p>

    <p> HTML can embed programs written in a scripting language such as JavaScript,
    which affects the behavior and content of web pages. The inclusion of CSS defines the look and
    layout of content. The World Wide Web Consortium (W3C), former maintainer of the HTML and
    current maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational
    HTML since 1997.[2] A form of HTML, known as HTML5, is used to display video and audio, primarily
    using the &lt;canvas&gt; element, together with JavaScript.</p>

    <hr>

    <h3 align = "center">History of HTML</h3>

    <img src = "html_img5.png" align = "left" hspace="5" vspace="5" height = "180" width =
    "200" border = "0" />

    <p>In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped
    ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a
    memo proposing an Internet-based hypertext system.[3] Berners-Lee specified HTML and wrote the
    browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer
    Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted
    by CERN. In his personal notes of 1990, Berners-Lee listed "some of the many areas in which
    hypertext is used"; an encyclopedia is the first entry.[4]

    </p>

    <p>The first publicly available description of HTML was a document called "HTML Tags",[5]
    first mentioned on the Internet by Tim Berners-Lee in late 1991.[6][7] It describes 18 elements
    comprising the initial, relatively simple design of HTML. Except for the hyperlink tag, these were
    strongly influenced by SGMLguid, an in-house Standard Generalized Markup Language (SGML)-based
    documentation format at CERN. Eleven of these elements still exist in HTML 4.[8]

    </p>

    <p>HTML is a markup language that web browsers use to interpret and compose text,
    images, and other material into visible or audible web pages. Default characteristics for every item of
    HTML markup are defined in the browser, and these characteristics can be altered or enhanced by
    the web page designer's additional use of CSS. Many of the text elements are mentioned in the 1988
    ISO technical report TR 9537 Techniques for using SGML, which describes the features of early text
    formatting languages such as that used by the RUNOFF command developed in the early 1960s for
    the CTSS (Compatible Time-Sharing System) operating system. These formatting commands were
    derived from the commands used by typesetters to manually format documents. However, the SGML
    concept of generalized markup is based on elements (nested annotated ranges with attributes)
    rather than merely print effects, with separate structure and markup. HTML has been progressively
    moved in this direction with CSS.</p>

    </td>

    </tr>

    </table>

    </body>

    </html>

    You might also like