Scribd Logo
Upload

Welcome to Scribd!

  • 1 views

    CDC Web Development Learning Hierarchy

    Uploaded by

    vanisays.havesomepaani

    Copyright:

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

    You might also like

    CDC Web Development Learning Hierarchy

    Uploaded by

    vanisays.havesomepaani
    1 views5 pages

    Original Title

    CDC_Web_Development_Learning_Hierarchy

    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

    Copyright:

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

    CDC Web Development Learning Hierarchy

    Uploaded by

    vanisays.havesomepaani

    Copyright:

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

    Web Development Hierarchy

    HTML Topics
    Part 1 Part 2
    HTML Introduction HTML Quotation

    Programming in HTML HTML <blockquote> for Quotations

    HTML Basic HTML <q> for Short Quotations

    HTML Documents HTML <abbr> for Abbreviations

    HTML Headings/ HTML <address> for Contact Information

    HTML Paragraphs HTML <cite> for Work Title

    HTML Links HTML <bdo> for Bi-Directional Override

    HTML Images More on Tages -


    https://www.w3schools.com/html/html_quotation_elements.asp
    Debugging Code (Inspect Element)
    HTML Comments
    HTML Elements
    HTML Comment Tag
    Nested HTML Elements
    Add Comments
    Understanding tags (html, body, heading, paragraph)
    Hide Content
    HTML Attributes
    Hide Inline Content
    href Attribute
    HTML Colors
    src Attribute
    Background Color
    width and height Attributes
    Text Color
    alt Attribute
    Border Color
    style Attribute
    HTML Styles - CSS
    lang Attribute
    Using CSS (Inline, Internal, External)
    title Attribute
    HTML Links
    More About Attributes -
    https://www.w3schools.com/tags/ref_attributes.asp Hyperlinks

    HTML Headings The target Attribute

    HTML Paragraphs Absolute URLs vs. Relative URLs

    HTML Display Use an Image as a Link

    HTML Horizontal Rules Link to an Email Address

    HTML Line Breaks Button as a Link

    HTML <pre> Element Link Titles

    Basics Tags (p, hr,br, pre) HTML Link Colors

    More Tags References - Link Buttons


    https://www.w3schools.com/tags/default.asp
    Bookmark in HTML
    HTML Styles
    HTML Images
    HTML Style Attribute
    src Attribute
    Background Color
    alt Attribute
    Text Color
    Image Size - Width and Height
    Fonts
    Images in Another Folder

    Web Development Hierarchy 1


    Text Size Images on Another Server/Website

    Text Alignment Animated Images

    HTML Formatting Image as a Link

    HTML Formatting Elements (b, strong, i, em, mark, Image Floating


    small, del,ins, sub, sup)
    Image Maps
    HTML <b> and <strong> Elements
    HTML Background Images
    HTML <i> and <em> Elements
    Background Repeat
    HTML <small> Element
    Background Cover
    HTML <mark> Element
    Background Stretch
    HTML <del> Element
    HTML <picture> Element
    HTML <ins> Element
    HTML Image TagsMore Tages Option -
    HTML <sub> Element https://www.w3schools.com/html/html_images_picture.asp

    HTML <sup> Element More Tages Option -


    https://www.w3schools.com/tags/default.asp
    HTML Text Formatting Elements
    https://www.w3schools.com/html/html_formatting.asp HTML Page Title

    More on Tags -
    https://www.w3schools.com/tags/default.asp
    Part 4
    Part 3 HTML Block and Inline Elements
    HTML Tables
    Block-level Elements
    Define an HTML Table
    Inline Elements
    HTML Table Borders
    The <div> Element
    Style Table Borders
    The <span> Element
    Round Table Borders
    HTML Tags -
    Dotted Table Borders (dotted, dashed, solid, double, https://www.w3schools.com/html/html_blocks.asp
    groove, ridge, inset, outsetnone, hidden)
    More on Tags -
    Border Color https://www.w3schools.com/tags/default.asp

    HTML Table Sizes HTML class Attribute

    HTML Table Width Using The class Attribute

    HTML Table Column Width Multiple Classes

    HTML Table Row Height Use of The class Attribute in JavaScript

    HTML Table Headers getElementsByClassName()

    Vertical Table Headers HTML id Attribute

    Align Table Headers Using The id Attribute

    HTML Table Padding & Spacing HTML Iframes

    HTML Table - Cell Padding Iframe - Set Height and Width

    HTML Table - Cell Spacing Iframe - Remove the Border

    HTML Table Colspan & Rowspan Iframe - Target for a Link

    HTML Table - Colspan HTML JavaScript

    HTML Table Styling HTML <script> Tag

    HTML Table Colgroup Taste of JavaScript

    HTML Lists HTML <noscript> Tag

    Unordered HTML List HTML File Paths

    Web Development Hierarchy 2


    Ordered HTML List HTML - The Head Element

    HTML Description Lists <head> Element

    HTML List Tags - <title> Element


    https://www.w3schools.com/html/html_lists.asp
    <style> Element
    More on Tags -
    <link> Element
    https://www.w3schools.com/tags/default.asp
    <meta> Element

    Part 5 <script> Element

    HTML Layout <base> Element

    HTML Layout Elements HTML head Elements -


    https://www.w3schools.com/html/html_head.asp
    HTML Layout Techniques
    More On Tags -
    CSS Frameworks
    https://www.w3schools.com/tags/default.asp
    CSS Float Layout

    CSS Flexbox Layout Part 6


    CSS Grid Layout HTML APIs

    HTML Responsiveness HTML Drag and Drop API

    Setting The Viewport HTML Web Storage API

    Responsive Images HTML Web Workers API

    HTML Computer Code Elements HTML SSE API

    HTML Semantic Elements


    Insights
    HTML <section> Element

    HTML <article> Element Author Information


    <article> in <section> or Vice Versa Nandan - https://www.linkedin.com/in/gnnandan/

    <header> Element
    Open Source Developers Community
    <footer> Element
    The Curious developers Community -
    <nav> Element
    curiousdevelopers.in
    <aside> Element
    Telegram Link - https://t.me/+7iA1gNQwgStlZDJl
    <figure> and <figcaption> Elements

    Semantic Elements in HTML - Resources Link


    https://www.w3schools.com/html/html5_semantic_elements.asp Learning Materials (Web Dev)
    More On Tags -
    https://www.w3schools.com/tags/default.asp https://drive.google.com/drive/folders/1K3FKSM3hu5I
    HTML Forms usp=drive_link

    <form> Element Best Websites -


    https://drive.google.com/file/d/10rrYyEp3flUz_kxSwA
    <input> Element usp=drive_link
    Text Fields
    Informative Documents
    <label> Element Archives - https://curiousdevelopers.in/community-
    Radio Buttons archives/

    Checkboxes Roadmaps - https://curiousdevelopers.in/roadmap-to-


    becoming-a-full-stack-developer-tips-tricks-and-
    Submit Button
    essential-skills/
    Name Attribute for <input>
    Important Examples -
    HTML Forms Attribute https://curiousdevelopers.in/important-interview-
    Target Attribute preparation-checklist/

    Web Development Hierarchy 3


    Method Attribute ATS Resume Building Guide -
    https://curiousdevelopers.in/how-to-create-ats-resume/
    Autocomplete Attribute
    How To Be A Good Programmer -
    Novalidate Attribute
    https://curiousdevelopers.in/how-to-be-a-good-
    List of All <form> Attributes - programmer/
    https://www.w3schools.com/html/html_forms_attributes.asp

    HTML Form Elements Copy Rights


    <form> Elements These complete data is build by doing research on
    learning things so it belong to Indian Opensource
    <input> Element
    Developers Community The Curious Developers
    <label> Element Community

    <select> Element

    <textarea> Element

    <button> Element

    <fieldset> and <legend> Elements

    <datalist> Element

    <output> Element

    HTML Input Types -


    https://www.w3schools.com/html/html_form_input_types.asp

    Input Type Text

    Input Type Password

    Input Type Submit

    Input Type Reset

    Input Type Radio

    Input Type Checkbox

    Input Type Button

    Input Type Color

    Input Type Date

    Input Type Datetime-local

    Input Type Email

    Input Type Image

    Input Type File

    Input Type Hidden

    Input Type Month

    Input Type Number

    Input Restrictions

    Input Type Range

    Input Type Search

    Input Type Tel

    Input Type Time

    Input Type Url

    Input Type Week

    HTML Input Attributes

    value Attribute

    Web Development Hierarchy 4


    readonly Attribute

    disabled Attribute

    size Attribute

    maxlength Attribute

    min and max Attributes

    multiple Attribute

    pattern Attribute

    placeholder Attribute

    required Attribute

    step Attribute

    autofocus Attribute

    list Attribute

    autocomplete Attribute

    HTML Input form* Attributes

    The form Attribute

    The formaction Attribute

    The formenctype Attribute

    The formmethod Attribute

    The formtarget Attribute

    Web Development Hierarchy 5

    You might also like