Scribd Logo
Unggah

Selamat datang di Scribd!

  • Today's Topic: Language of Web Page - HTML (Hypertext Markup Language)

    Diunggah oleh

    Srivenu Chinna
    46 tayangan23 halaman
    This document provides an introduction to HTML (Hypertext Markup Language) and basic HTML tags. It explains that HTML uses tags to describe the content and format of web pages. Some common tags discussed include paragraph tags (<p>), list tags (<ol> and <ul>), hyperlink tags (<a>), and image tags (<img>). It also covers the basic structure of an HTML page using tags like <html>, <head>, <title>, and <body>.

    Deskripsi Asli:

    html

    Judul Asli

    hhhhhhhhhtttttttmmmmmlllll

    Hak Cipta

    © Attribution Non-Commercial (BY-NC)

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    This document provides an introduction to HTML (Hypertext Markup Language) and basic HTML tags. It explains that HTML uses tags to describe the content and format of web pages. Some common tags discussed include paragraph tags (<p>), list tags (<ol> and <ul>), hyperlink tags (<a>), and image tags (<img>). It also covers the basic structure of an HTML page using tags like <html>, <head>, <title>, and <body>.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    46 tayangan23 halaman

    Today's Topic: Language of Web Page - HTML (Hypertext Markup Language)

    Diunggah oleh

    Srivenu Chinna
    This document provides an introduction to HTML (Hypertext Markup Language) and basic HTML tags. It explains that HTML uses tags to describe the content and format of web pages. Some common tags discussed include paragraph tags (<p>), list tags (<ol> and <ul>), hyperlink tags (<a>), and image tags (<img>). It also covers the basic structure of an HTML page using tags like <html>, <head>, <title>, and <body>.

    Hak Cipta:

    Attribution Non-Commercial (BY-NC)
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 23

    Todays Topic

    Language of web page - HTML (Hypertext Markup Language)

    Hypertext & Hyperlink

    Books written English Web page written HTML. HyperText Markup Language

    Web pages are text files. The key to hypertext is the use of hyperlinks, which allow you to jump from one topic to another.

    What is HTML

    HTML describes the content and format of web pages using tags.
    Ex. Title Tag: <title>A title </title>

    Its the job of the web browser to interpret tags and display the content accordingly.

    HTML Syntax
    An HTML file contains both formatting tags and content Document content is what we see on the webpage. Tags are the HTML codes that control the appearance of the document content.

    HTML Syntax

    HTML syntax:

    Closing tag

    two-sided tag: <tag attributes>document content</tag>


    Properties of the tag. Optional!

    Starting tag

    Actual content appears in webpage. It could be empty

    Examples: <p> CGS 2100 </p> <body bgcolor = yellow> UCF </body>

    HTML Syntax
    HTML

    syntax:

    one-sided tag: <tag />


    e.g. Breaking line tag: <br/> Horizontal line tag: <hr/>

    Structure of the web page

    Starting with the tag <html>...</html>


    Everything about the web page should be enclosed here

    <html> ....... </html>

    Structure of the web page

    Inside the <html></html> tag


    Each

    web page has a head part described in <head></head> tag:

    The title of the web page should be put here

    <html> <head> <title> CGS 2100 </title> </head> </html>

    Structure of the web page

    Inside the <html></html> tag

    Each web page has a body part described in <body></body> tag:

    <html> <head> <title> CGS 2100 </title> </head>

    The content of the whole web page should be put here

    <body> This is a sample HTML file. </body>


    </html>

    Title

    Body

    Create a basic HTML file

    Open your text editor (notepad). Type the following lines of code into the document: <html> <head> <title> CGS2100 lab section</title> </head> <body> This is a sample HTML file. </body> </html>

    Create a basic HTML file (cont)

    Save the file as sample.htm

    sample.html

    Introduction to some common tags


    Paragraph
    List

    tag

    tag Hyperlink tags

    Paragraph tags <p>...</p>

    <html> <head> <title> CGS 2100 </title> </head>


    <body> <p> Here is the first paragraph. </p> <p> Here is the second paragraph. </p> </body> </html>

    result
    First paragraph

    Space between paragraphs

    Second paragraph

    List tags
    Ordered list: used to display information in a numeric order. The syntax for creating an ordered list is:
    <ol > <li>item1 </li> <li>item2 </li> </ol>

    e.g.

    <ol > <li> Name: Your name </li> <li> Section: ### </li> <li> Instructor: Yuping </li> </ol>

    Result:

    List tags
    Unordered list: list items are not listed in

    a particular order. The syntax is:


    <ul > <li>item1 </li> <li>item2 </li> </ul> e.g. <ul> <li> Name: Your name </li> <li> Section: ### </li> <li> Instructor: Yuping </li> </ul>

    Result

    Hyperlink
    Link to another location or file Syntax:

    <a href= http://www.ucf.edu> Link to UCF </a>


    Content displayed on the page Starting Tag Attribute of the tag: the address of the hyperlink Ending tag

    Result:

    Link

    Link to web site


    <a

    href= http://www.ucf.edu> Link to UCF </a>

    Link to document Email link


    <a href= mailto:name@domain.com> Link to email </a>

    <a href=http://www.eecs.ucf.edu/images/building.jpg>Link</a>

    Include a Picture
    <img src=FILENAME /> <img src=FILENAME alt=text /> E.g. <img src=logo.gif alt=Google logo /> <img src=logo.gif />

    Your Reference Book

    Use your HTML book HTML and XHTML as a reference guide.

    Reminder

    Assignment 2 and Semester Project Deliverable 1 are due by 11:59pm on February 4th.

    Anda mungkin juga menyukai