Scribd Logo
Upload

Welcome to Scribd!

  • HTML vs. CSS

    Uploaded by

    roemloriega18
    2 views82 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

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

    HTML vs. CSS

    Uploaded by

    roemloriega18

    Copyright:

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

    HTML vs.

    CSS
    HTML vs.
    CSS
    Presented by: Roem Loriega
    9 - Rutherford
    TABLE OF
    CONTENTS

    1
    2
    3
    4
    5
    TABLE OF
    CONTENTS
    01

    1
    2
    3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    1
    2
    3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    02 1
    2
    3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 What is CSS?
    3
    4
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 What is CSS?
    3
    4
    04
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 What is CSS?
    3
    Features of 4
    04 CSS
    5
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 What is CSS?
    3
    Features of 4
    04 CSS
    5
    05
    TABLE OF
    CONTENTS What is
    01 HTML?

    Features of
    02 HTML 1
    2
    03 What is CSS?
    3
    Features of 4
    04 CSS
    5
    HTML vs.
    05 CSS
    1
    2
    3
    4
    5
    1

    01.
    2
    3
    4
    5
    1
    What is
    01.
    2
    3

    HTML? 4
    5
    1
    2
    3
    4
    5
    INTRODUCTION
    1
    2
    3
    4
    5
    INTRODUCTION 1
    2
    Web applications and webpages
    are created using HTML, or Hyper 3
    Text Markup Language. I've
    broken out the expansion below 4
    for easier comprehension: 5
    1
    2
    3
    4
    5
    Hyper Text Markup Language
    1
    2
    3
    4
    5
    Hyper Text Markup Language
    1
    HyperText:
    2
    Also referred to as "text wrapped
    within a text," hypertext is a type of 3
    hyperlink that, when clicked, reroutes
    users to a different webpage.
    4
    5
    Hyper Text Markup Language
    1
    Markup language: HyperText:
    A markup language helps in adding 2
    layout and formatting to a text Also referred to as "text wrapped
    document, but it doesn't have to be a within a text," hypertext is a type of 3
    programming language. It contributes hyperlink that, when clicked, reroutes
    users to a different webpage.
    to the creation of more dynamic and
    engaging text content.
    4
    5
    1
    2
    3
    4
    5
    02. 1
    2
    3
    4
    5
    02. 1
    2
    3

    Features of HTML 4
    5
    1
    2
    3
    4
    5
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    Features of HTML
    ﹏ This language is not case-sensitive, which makes it one of the easiest to use for designing and
    coding websites.
    Example: <html> and <HTML> are both acceptable
    1
    ﹏ HTML is not platform-specific, meaning it can operate on almost all operating systems, 2
    unlike iOS and Android OS, in order to maintain the language's usability across all
    platforms. 3
    ﹏ A tree-structure is HTML's fundamental building block. As a result, child components that
    are introduced to the structure at any moment as head and body tags can continue to exist 4
    as elements within the root HTML tag.
    ﹏ HTML tags must contain display data that works with Firefox, Chrome, and other browsers. 5
    ﹏ Extremely helpful for enhancing user-friendliness of other webpages by integrating movies,
    hyper-images, and pictures.
    1
    2
    3
    4
    5
    03. 1
    2
    3
    4
    5
    03.
    What is
    1
    2
    3
    4
    CSS? 5
    1
    2
    3
    4
    5
    What is CSS?

    1
    2
    3
    4
    5
    What is CSS?
    With a basic design language called Cascading Style Sheets (or CSS
    for short), web page presentation may be made more easily.
    1
    2
    3
    4
    5
    What is CSS?
    With a basic design language called Cascading Style Sheets (or CSS
    for short), web page presentation may be made more easily.
    1
    The purpose of CSS is to make it possible to separate document
    presentation—which includes things like typeface, style, and color—from 2
    document content.
    3
    4
    5
    What is CSS?
    With a basic design language called Cascading Style Sheets (or CSS
    for short), web page presentation may be made more easily.
    1
    The purpose of CSS is to make it possible to separate document
    presentation—which includes things like typeface, style, and color—from 2
    document content.
    3
    Usually, external .css files include the style definitions. 4
    5
    1
    2
    3
    4
    5
    04.
    1
    2
    3
    4
    5
    04.
    1
    2
    3
    Features of 4

    CSS 5
    1
    2
    3
    4
    5
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    Features of CSS
    ﹏ In order to effectively separate the design from the information, CSS is essential to website
    design. Better readability, programming flexibility, and accessibility are all aided by this.

    HTML texts incorporate CSS files in the following ways:

    1. Internal CSS – is used as a style tag within the head tag. The advantage of this is the ability to 1
    style three or four elements
    2. External CSS – is used to add external CSS file by using the <link>tag and will be positioned in
    the head tag of the HTML file
    2
    3. Inline CSS – can be counted as a better method to use as it will define properties for a single tag
    like style attribute within any tag
    3
    • One can use multiple selectors to access every element/group 4
    Example: ID Selector(#), universal selector (*) 5
    • Styling is defined as key value pairs, and is used to define the font-size for H1 in 24px, or default
    32px.
    1
    2
    3
    4
    5
    1

    05.
    2
    3

    HTML vs. 4
    5

    CSS
    1
    2
    3
    4
    5
    HTML vs. CSS

    1
    2
    3
    4
    5
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    HTML vs. CSS
    HTML CSS

    CSS is a style sheet language responsible


    HTML is a markup language used to create
    for the presentation of documents written in
    static web pages and web applications.
    a markup language. 1

    Consists of selectors succeeded by a


    2
    Consists of tags surrounding content. For
    declaration mark. For Example:
    Example:
    <p>This is my Presentation</p>
    header{ 3
    background-color: green;
    4
    HTML cannot be used in a CSS file. CSS can be used in an HTML file. 5

    It is used to build the structure of the web It is used to make web pages more
    pages. presentable.
    1
    2
    3
    4
    5
    QUIZ TIME !! 1
    2
    This is a five (5) item quiz. 3
    Choose the correct answer. To see
    questions, click the numbers on
    4
    you right. 5
    1. What is the meaning of CSS? 1
    a. Cascading Style Settings 2
    b. Cascading Settings Style 3
    c. Cascading Style Sheets 4
    d. Cascading Sheets Style 5
    is used as a style tag within the head tag. The
    2. advantage of this is the ability to style three or four
    1
    elements.
    a. External CSS 2
    b. Internal CSS 3
    c. Outline CSS 4
    d. Inline CSS 5
    3. What is the meaning of HTML?
    1
    a. HyperText Marcky Language 2
    b. HyperText Markie Language 3
    c. HyperText Mark Language 4
    d. Hypertext Markup Language 5
    4. HyperText or “text wrapped within a text.” is very
    similar to a hyperlink. TRUE or FALSE? 1
    a. TRUE 2
    b. PARTIALLY TRUE 3
    c. FALSE 4
    d. PARTIALLY FALSE 5
    5. Which or the following statements is TRUE?
    1
    a. CSS is used to build the structure of the web pages. 2
    b. HTML means HyperText Marcky Language 3
    c. HTML cannot be used in a CSS file.
    4
    d. CSS means Cascading Sheets Style
    5
    Answer it
    That’s all for my 1
    presentation. 2
    3
    THANK YOU !! 4
    5
    Answer
    You it it..
    answered

    WRONG !! 1
    2
    I’m sorry, this is not the correct 3
    answer 
    4
    5
    Answer
    You it it..
    answered

    CORRECT !! 1
    2
    YEY YOU GOT THE CORRECT 3
    ANSWER 
    4
    5

    You might also like