Scribd Logo
Upload

Welcome to Scribd!

  • Programming Language: Introduction To HTML

    Uploaded by

    ARNEL B. GONZALES
    6 views22 pages
    The document discusses HTML elements and basic CSS properties. It defines HTML elements like headings, paragraphs, images and lists that are used to structure a web page. It also explains how to save HTML files and introduces CSS for styling web pages. CSS properties covered include background color, margin, float, height, width, color and padding which can be used to style various HTML elements.

    Original Description:

    Original Title

    Cascade_Handouts

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses HTML elements and basic CSS properties. It defines HTML elements like headings, paragraphs, images and lists that are used to structure a web page. It also explains how to save HTML files and introduces CSS for styling web pages. CSS properties covered include background color, margin, float, height, width, color and padding which can be used to style various HTML elements.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views22 pages

    Programming Language: Introduction To HTML

    Uploaded by

    ARNEL B. GONZALES
    The document discusses HTML elements and basic CSS properties. It defines HTML elements like headings, paragraphs, images and lists that are used to structure a web page. It also explains how to save HTML files and introduces CSS for styling web pages. CSS properties covered include background color, margin, float, height, width, color and padding which can be used to style various HTML elements.

    Copyright:

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

    Programming Language

     A programming language is a formal language comprising a set of instructions that


    produce various kinds of output. Programming languages are used in computer
    programming to implement algorithms.
     Most programming languages consist of instructions for computers.
     Programming is the process of creating a set of instructions that tell a computer how to
    perform a task. Programming can be done using a variety of computer programming
    languages, such as JavaScript, Python, and C++.

    Introduction to HTML
    What is HTML?

     HTML stands for Hyper Text Markup Language


     HTML is the standard markup language for creating Web pages
     HTML describes the structure of a Web page
     HTML consists of a series of elements
     HTML elements tell the browser how to display the content
     HTML elements label pieces of content such as "this is a heading", "this is a
    paragraph", "this is a link", etc.

    Example of HTML

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph</p>

    </body>
    </html>
    Output:
    HTML ELEMENTS
     An HTML element is defined by a start tag, some content, and an end tag:
     It is used to display Web Page.

    Basic Element Tags

    DOCTYPE HTML

      Declaration defines that this document is an HTML5 document

     HTML TAG

      Element is the root element of an HTML page.

     HEAD TAG

      Element contains meta information about the HTML page.

    BODY TAG

      element defines the document's body, and is a container for all the visible contents,
    such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

    1. TITLE TAG - <TITLE> </TITLE>


     Element specifies a title for the HTML page (which is shown in the browser's title bar
    or in the page's tab).
    Ex.

    Output:
    2. HEADINGS TAG- <H1></H1> TO <H6> </H6> 
     Element defines a large heading.

    EX.

    Output:
    3. PARAGRAPH TAG - <P> </P>
      Element defines a paragraph.

    EX.

    Output:
    4. IMAGE TAG - <img scr = “ “ > </img>
     Used to embed an image in an HTML page.
      Creates a holding space for the referenced image.

    EX.

    Output:
    5. LIST TAG - <LI> </LI>
     HTML lists allow web developers to group a set of related items in lists.

    Ex.

    Output:
    HOW TO SAVE HTML FILE

    1.
    -Insert your HTML to NOTEPAD

    2.
    -Click SAVE AS or use Keyboard shortcut: (CTRL + SHIFT + S)
    3.

    - Locate your SPECIFIC FOLDER,


    - Click All Files from the Save as type:
    4.

    -Change “ .txt “ to “ .html “

    5.
    -Double Click your html file to Open it on your Default Browser.

    NOTE: Right click it and click Open As. Then Click Notepad, if you want to
    Revise something on your previous work.
    output:

    6.
    Introduction to CSS
    What is CSS?

     CSS stands for Cascading Style Sheets
     CSS describes how HTML elements are to be displayed on screen, paper, or in other
    media
     CSS saves a lot of work. It can control the layout of multiple web pages all at once
     External stylesheets are stored in CSS files

    CSS Selectors

     CSS selectors are used to "find" (or select) the HTML elements you want to style.

    1. . (Period) Selector
     It is used to define a class.

    Example:

    Output:
    2. Class Selector
     It is used to assign a class or class to a specific HTML tag, such as <P> and <H1>

    Example:

    Output:
    Basic CSS Properties
    1. Background Color
     Property sets the background color of an element.
    Example:

    Output:
    2. Margin
     Property sets the margin area on all four sides of an element. It is a shorthand for
    margin-top , margin-right , margin-bottom , and margin-left .

    Ex.

    3. Float
     Property places an element on the left or right side of its container, allowing text and
    inline elements to wrap around it.

    Ex.
    Output:

    4. Height
     Property sets the height of an element.

    Ex.

    Output:
    5. Width
     Property sets the width of an element.
    Ex.

    Output:
    6. Selector
     CSS selectors are used to "find" (or select) the HTML elements you want to style.
    Ex.

    Output:
    7. Color
     property specifies the color of text.

    Ex.

    Output:
    8. Padding
     Property in CSS defines the innermost portion of the box model, creating space around
    an element's content, inside of any defined margins and/or borders.

    Ex.

    Output:

    You might also like