Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    mohammmad
    12 views7 pages
    The document teaches the basics of HTML including: 1. HTML elements, linking (hyperlinks), images, and special characters. It discusses how to create hyperlinks using the <a> tag and href attribute to link to other files, URLs, and email addresses. 2. It covers how to add images using the <img> tag along with the src, width, height, and alt attributes. 3. Special characters can be displayed using entity references like &copy; and &frac14;. Other tags discussed include <sup>, <sub>, and <del>.

    Original Description:

    Original Title

    HTML(2) (1).pptx

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document teaches the basics of HTML including: 1. HTML elements, linking (hyperlinks), images, and special characters. It discusses how to create hyperlinks using the <a> tag and href attribute to link to other files, URLs, and email addresses. 2. It covers how to add images using the <img> tag along with the src, width, height, and alt attributes. 3. Special characters can be displayed using entity references like &copy; and &frac14;. Other tags discussed include <sup>, <sub>, and <del>.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views7 pages

    HTML

    Uploaded by

    mohammmad
    The document teaches the basics of HTML including: 1. HTML elements, linking (hyperlinks), images, and special characters. It discusses how to create hyperlinks using the <a> tag and href attribute to link to other files, URLs, and email addresses. 2. It covers how to add images using the <img> tag along with the src, width, height, and alt attributes. 3. Special characters can be displayed using entity references like &copy; and &frac14;. Other tags discussed include <sup>, <sub>, and <del>.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    Web Design (HTML)

    Objective
    You will learn :
    • HTML Elements.
    • Linking ( hyper link).
    • Images
    • Special characters.
    • Use Adobe Dreamweaver CS6 Editor
    Linking

     Hyper link which references or links to other resources such as


    document and images , navigate to URL or an e-mail client . Any
    displayed element can act as hyperlink
     Links are created using <a> anchor element and using attributes
    href (hypertext references ) .
    Example
    <a href ="http://www.zuj.edu.jo "> Alzaytoonah University </a>
    <a href="example1.html"> This is first example </a>
    <a href="mailto:info@company.com"> Company Email </a>
    Images

     Popular Format are PNG and JPEG


     Image element is void element <img> . You can terminate by / only .
     Image has the following attribute:
    src : to select mage
    width and length: optional and measured by pixel
    alt: if the browser can’t render an image, the browser displays alt attribute
    value that describe the image .
    Example
    <img src="images/flower1.png" width=200 height="200" />
    Special Characters

     To display special character within html browser use & .


    Such as : ¾ , © , < , single quotation or double quotation , TM ….
    Example
    <p> This is copy right &copy; of ZUJ </p>
    <p> That is &frac14; of discount </p>

    Also we have the following tags:


    <sup> </sup> upper value
    <sub> </sub> Lower values
    <del> </del> to strike through text/
    Example
    <body>
    <!-- This Example for Linking to another file and URL -->
    <h1> Today lesson is Linking </h1>
    <p><a href="example1.html"> This is first example </a> </p>
    <p><a href ="http://www.zuj.edu.jo "> Alzaytoonah University </a> </p>
    <p><a href="mailto:siham@zuj.edu.jo"> My Email </a></p>
    <!------------------------------------------------------------->
    <br>
    <img src="images/flower1.png" width=200 height="200" />
    <img src="images/flower2.png" width=200 height="200" />
    <!--------------- image for linking ------------------->
    <a href="http://www.facebook.com" ><img src="images/image1.jpg" width =150 height="150" ></a>
    Example : CONT
    <!--------------------Special Characters--------------------------->
    <p> This is copy right &copy; of ZUJ </p>
    <p> That is &frac14; of discount </p>
    <p> The text book has 4 <sup> th </sup> edition and X <sub> 2 </sub> value</p>
    <p> <del>Good Bye </del> </p>
    </body>

    You might also like