Scribd Logo
Upload

Welcome to Scribd!

  • Intro HTML

    Uploaded by

    sallykamareddine
    2 views16 pages
    HTML is the language used to create web pages. It uses tags enclosed in angle brackets to format and structure text, images, and other content. Some key HTML tags include <title> for the page title, <head> and <body> to define the document structure, <p> for paragraphs, and tags like <b> and <i> for text formatting. HTML allows embedding of fonts, colors, sizes and headings to organize content on a web page.

    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
    HTML is the language used to create web pages. It uses tags enclosed in angle brackets to format and structure text, images, and other content. Some key HTML tags include <title> for the page title, <head> and <body> to define the document structure, <p> for paragraphs, and tags like <b> and <i> for text formatting. HTML allows embedding of fonts, colors, sizes and headings to organize content on a web page.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    2 views16 pages

    Intro HTML

    Uploaded by

    sallykamareddine
    HTML is the language used to create web pages. It uses tags enclosed in angle brackets to format and structure text, images, and other content. Some key HTML tags include <title> for the page title, <head> and <body> to define the document structure, <p> for paragraphs, and tags like <b> and <i> for text formatting. HTML allows embedding of fonts, colors, sizes and headings to organize content on a web page.

    Copyright:

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

    Human Computer Interaction

    Introduction to HTML
    Human Computer Interaction

    What is HTML?
    • HTML, otherwise known as HyperText
    Markup Language, is the language used to
    create Web pages
    • Using HTML, you can create a Web page
    with text, graphics, sound, and video
    Human Computer Interaction

    Definitions
    ▪ URL – Uniform Resource Locator.
    https://www.iul.edu.lb/

    ▪ WWW – World Wide Web


    ▪ Domain name
    iul.edu.lb, youtube.com, facebook.com
    ▪ Domain Extension (TLD: Top-Level Domain)
    .com, .net, .online,etc.
    ▪ Domain Country (ccTLD: Country-Code Top-Level Domain)
    .lb, .uk, etc.
    Human Computer Interaction

    Browser
    A software program which is used to show web pages.
    1- Internet Explorer
    2- Google Chrome
    3- Microsoft Edge
    4- Mozilla Firefox
    5- Opera
    6- Safari
    7- etc….
    Human Computer Interaction

    HTML Editor
    ▪ A word processor that has been specialized to make the writing
    of HTML documents more effortless.

    (Notepad "windows", Microsoft expression web 4, …)

    ▪ “Normal text” surrounded by bracketed tags that tell browsers


    how to display web pages.

    ▪ Pages end with “.htm” or “.html”


    ▪Ex: Save As→ File name: Page1.html, ….
    Human Computer Interaction

    Tags
    • The essence of HTML programming is tags
    • A tag is a keyword enclosed by angle
    brackets ( Example: <I> )
    • There are opening and closing tags for
    many but not all tags; The affected text is
    between the two tags
    Human Computer Interaction

    Tags

    ▪Codes enclosed in brackets


    ▪Usually paired
    <TITLE>My Web Page</TITLE>
    ▪Not case sensitive
    <TITLE> = <title> = <TITLE>
    Human Computer Interaction

    More Tags...
    • The opening and closing tags use the same
    command except the closing tag contains
    and additional forward slash /
    • For example, the expression <B>
    Warning </B> would cause the word
    ‘Warning’ to appear in bold face on a Web
    page
    Human Computer Interaction

    Nested Tags
    • Whenever you have HTML tags within
    other HTML tags, you must close the
    nearest tag first

    • Example:
    <H1> <I> The Nation </I> </H1>
    Human Computer Interaction

    Structure of a Web Page


    <HTML>
    • All Web pages share a
    <HEAD>
    common structure <TITLE> Example </TITLE>
    • All Web pages should </HEAD>
    <BODY>
    contain a pair of This is where you would include
    <HTML>, <HEAD>, the text and images on your Web
    page.
    <TITLE>, and
    </BODY>
    <BODY> tags </HTML>
    Human Computer Interaction

    The <TITLE> Tag


    • Choose the title of your Web page carefully;
    The title of a Web page determines its
    ranking in certain search engines
    • The title will also appear on Favorite lists,
    History lists, and Bookmark lists to identify
    your page
    Human Computer Interaction

    Text Formatting
    • Manipulating text in HTML can be tricky;
    Oftentimes, what you see is NOT what you
    get
    • For instance, special HTML tags are needed
    to create paragraphs, move to the next line,
    and create headings
    Human Computer Interaction

    Text Formatting Tags


    <B> Bold Face </B>
    <I> Italics </I>
    <U> Underline </U>
    <P> New Paragraph </P>
    <BR> Next Line
    Human Computer Interaction

    Changing the Font


    • The expression <FONT FACE = "fontname">
    … </FONT> can be used to change the font of
    the enclosed text
    • To change the size of text use the
    expression <FONT SIZE=n> …. </FONT>
    where n is a number between 1 and 7
    Human Computer Interaction

    Changing the Font


    • To change the color, use <FONT
    COLOR="red">…. </FONT>; The color
    can also be defined using hexadecimal
    representation ( Example: #ffffff )
    • These attributes can be combined to change the
    font, size, and color of the text all at once; For
    example, <FONT SIZE=4 FACE="Courier"
    COLOR= "red" > …. </FONT>
    Human Computer Interaction

    Headings
    • Web pages are typically organized into
    sections with headings; To create a heading
    use the expression <Hn>….</Hn> where n
    is a number between 1 and 7
    • In this case, the 1 corresponds to the largest
    size heading while the 7 corresponds to the
    smallest size

    You might also like