Scribd Logo
Upload

Welcome to Scribd!

  • HTML 2

    Uploaded by

    Merryl Rivera
    83 views17 pages
    HTML 2 - 4th Year

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML 2 - 4th Year

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    83 views17 pages

    HTML 2

    Uploaded by

    Merryl Rivera
    HTML 2 - 4th Year

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 17

    Hypertext Markup Language

    Is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language.

    Markup Language is a set of markup tags.


    .HTM or .HTML when you save an HTML file, you can use either the .htm or the .html file extension.

    HTML markup tags are usually called HTML tags. HTML tags are keywords surrounded by angle brackets like <html> The first tag in a pair is the start tag, the second tag is the end tag. Start and end tags are also called opening tags and closing tags.

    HTML documents describe web pages. HTML documents contain HTML tags and plain text. HTML documents are also called web pages. Website is a collection of web pages. Web page it is a single electronic document.

    Define

    the purpose Identify the audience Plan the content Plan the structure Plan the webpages Plan the navigation

    Directory

    or Folder Word Processor Browser Server

    Click

    Start Select All Programs Select Accessories - Notepad or Click Run Type notepad Press Enter

    <html> <body> <h1> My First Heading </h1> <p> My first paragraph. </p>

    </body> </html>
    Explanation The text between The text between The text between The text between

    <html> and </html> describes the web page <body> and </body> is the visible page content <h1> and </h1> is displayed as a heading <p> and </p> is displayed as a paragraph

    <p> indicates the start of the paragraph </p> Attribute: Align=aligns paragraph to the left, center or right.

    Ex. <p align=center> Your text here </p>


    Boldface = <b> text here </b> Italicize= <i> text here </i> Underline= <u> text here </u> <br> or <br/> - Line break

    <font> change the text font style </font>


    Font Attribute: <font size=6 color=cyan face=Arial> Text here </font> <marquee> text here </marquee>

    <p> <font size=5 face=arial color=red> This paragraph is in Arial, size 5, and in red text color. </font> </p>
    <p> <font size=3 face=monotype corsiva color=blue> This paragraph is in Monotype Corsiva, size 3, and in blue text color. </font> </p>

    bgcolor assigns a background color to the entire page Ex. <body bgcolor=cyan> </body>

    background assigns a background image to the entire page Ex. <body background=alps.gif> </body>

    <html> <head> <title> YourName </title></head> <body bgcolor=cyan> <p align=center> Good day to you. Welcome to HTML </p> <marquee> Enjoy! </marquee> </body> </html>

    <img src>- a one-sided tag to display an image or graphic on the page.


    Ex. <img src=picture.jpg width=200 height=150 Alt=caption of the picture> <img src=C:\\picture.jpg>

    Link - allow users to click their mouse button on a particular part of the screen and perform some actions. Anchor Tag serves as a basis for all the links we are going to create in your page <a> </a> Href stands for Hypertext Reference - identifies the pointer or the pathway to the target of the link which is the URL.

    <a href=contactme.html> click here </a> <a href=http://www.yahoo.com> yahoo.com </a> <a href=images/bleach.html> bleach </a>
    Link to an email: <a href=mailto:merrylrivera@yahoo.com> Email me </a>

    Home

    About the Place

    Attractions

    Accommodations

    Culture

    Food

    Check: www.tourism.gov.ph or http://english.visitkorea.or.kr

    You might also like