Scribd Logo
Upload

Welcome to Scribd!

  • Q3-Computer5 - Long Test Lesson 2

    Uploaded by

    altheojohmdasoy
    1 views25 pages
    The document discusses HTML and how to save HTML files. It recommends saving HTML files as text documents with the .html or .htm file extension. Well-organized directory structures and case-sensitive file names are also important. The first page of a website is typically called index.html or default.htm. Viewing a web page only requires double-clicking the saved HTML file.

    Original Description:

    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
    The document discusses HTML and how to save HTML files. It recommends saving HTML files as text documents with the .html or .htm file extension. Well-organized directory structures and case-sensitive file names are also important. The first page of a website is typically called index.html or default.htm. Viewing a web page only requires double-clicking the saved HTML file.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    1 views25 pages

    Q3-Computer5 - Long Test Lesson 2

    Uploaded by

    altheojohmdasoy
    The document discusses HTML and how to save HTML files. It recommends saving HTML files as text documents with the .html or .htm file extension. Well-organized directory structures and case-sensitive file names are also important. The first page of a website is typically called index.html or default.htm. Viewing a web page only requires double-clicking the saved HTML file.

    Copyright:

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

    Lesson 11

    ◤
    Hypertext
    Markup
    Languange
    ◤
    The World Wide Web

    ▪ The World Wide Web or WWW or just the Web is rapidly


    becoming one of the most popular services available on the
    Internet.

    ▪ The WWW was developed and introduced to the world in 1989


    by an English computer scientist, Timothy Berners-Lee, at
    CERN (Counsel European pour la Racherche Nucleaire)
    ◤
    Hypertext Markup Language (HTML)

    ▪ Through this you can access a web page by using a computer


    program called a Web Browswer.
    ◤
    Hypertext Transfer Protocol (HTTP)

    ▪ The language that Web programs use to create hyperlinks.


    ◤
    HTML

    ▪ A markup language is a set of markuptags.

    ▪ HTML documents are described by HTML tags.

    ▪ Each HTML tag describes different document content.


    ◤
    HTML

    ▪ It allows you to format text, add graphics, sounds, and video.

    ▪ It lets you save all of these in a Text Only format file that any
    computer can read.

    ▪ You need the necessary hardware to produce sounds, videos,


    etc.

    ▪ There are many software that will create HTML codes for you.
    ◤
    HTML Building Blocks

    ▪ You can create an HTML document with any word processor or


    text editor like Notepad. You can use WordPad for Windows.
    You can also use some web editor software like Dreamweaver.
    ◤
    HTML Building Blocks

    ▪ An element is a fundamental component of the structure of a


    text document. Some examples of elements are heads, tables,
    paragraphs, and lists. Elements can contain plain text, other
    elements or both.
    ◤
    HTML Building Blocks

    ▪ In order for your browser to identify these elements, you use


    HTML tags to mark them.

    ▪ HTML tags consist of a left angle bracket (>), a tag name and a
    right angle bracket (<).
    ◤
    HTML Tags

    HTML tags are keywords (tag names) surrounded by angle brackets:

    <tagname>content</tagname>

    ▪ HTML tags normally come in pairs like <p> and </p>.

    ▪ The first tag in a pair is the start tag, the second tag is the end tag.

    ▪ The end tag is written like the start tag, but with a slash before the tag name.

    The start tag is often called the opening tag.

    The end tag is often called the closing tag.


    Lesson 12
    ◤
    HTML or “document tags”
    ◤
    HTML

    ▪ The first and last tags in a document should always be the


    HTMLL tags.

    ▪ These are tags that tell a Web browser where the HTML in your
    document begins and ends.

    ▪ The absolute most basic of all possible Web document is:


    <HTML>

    </HTML>
    ◤
    HEAD

    ▪ The HEAD tags contain all of the document’s header


    information.

    ▪ It identifies the first part of your HTML-coded document that


    contains the title.

    ▪ the title is shown as part of your browser’s widow.

    <HEAD>

    </HEAD>
    ◤
    TITLE

    ▪ The title element contains your document title and identifies its
    content in a global context.

    <TITLE>

    </TITLE>
    ◤
    BODY

    ▪ The second and largest part of your HTML document.

    ▪ This contains the content of your document (displayed within the


    text area of your browser window).

    <BODY>

    </BODY>
    ◤
    So putting everything we’ve covered
    thus far into one file, we have:
    <HTML>
    <HEAD>

    <TITLE>Document Title</TITLE>

    </HEAD>

    <BODY>

    </BODY>

    </HTML>
    ◤
    Comment Tags

    ▪ If you want to leave yourself notes in an HTML document, but


    don’t want those notes to show up in the browser window, you
    need to use the comment tag.

    ▪ To do that, you would do the following:

    <!--Hi, I’m a comment.🡪


    ◤
    The <!DOCTYPE> Declaration

    ▪ The </DOCTYPE> declaration helps the browser to display a


    web page correctly.

    ▪ There are different document type on the web.

    ▪ To display a document correctly, the browser must know both


    type and version.

    ▪ The doctype declaration is not case sensitive. All cases are


    acceptable:
    ◤
    The <!DOCTYPE> Declaration

    <!DOCTYPE html>

    <!DOCTYPE HTML>

    <!doctype html>

    <!Doctype Html>
    ◤
    Lesson 13 - Saving Files

    ▪ Depending on what text editor you use to write your HTML, you
    need to save your file not to corrupt HTML you have written.

    ▪ Some word processing software can make some HTML files


    unreadable.
    ◤
    Saving Files

    ▪ The best way to avoid this problem is to save your HTML


    document using the Save As… feature of your text editor.

    ▪ Be sure to save it as a Text Document.


    ◤
    Saving Files

    ▪ It is also important to save your files in a well-organized directory


    structure.

    ▪ All the HTML files must have .html or .htm file extension.
    ◤
    Saving Files

    ▪ The first page of a site is either called index.html or


    default.htm.
    ◤
    Saving Files

    ▪ File names are case sensitive.

    ▪ Contact.html is different from contact.html. If you were to


    change your file names, be sure to change your links as well.
    ◤
    Saving Files

    ▪ To view your created web page, just double-click the saved


    HTML document.

    You might also like