Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
1 Hour HTML
Rating: 4.6 out of 5(8,131 ratings)
76,152 students

1 Hour HTML

Learn how to code in HTML in 1 hour. This class is set up for complete beginners!
Created byJohn Bura
Last updated 9/2022
English
German [Auto],English [Auto],

What you'll learn

  • Learn the basics of programming
  • Learn HTML
  • Give you a platform for furthur development

Explore related topics

Course content

2 sections • 21 lectures • 1h 4m total length

  • Introduction to the course1:24

    Learn to program in HTML in one hour with a beginner-friendly introduction to HTML and HTML5, using Google Chrome and jsbin for hands-on practice.

  • 2. Course requirements and format2:02

    Sign up for an ESPN account and save your progress as you practice HTML in this hands-on, 1 hour course.

  • 3. What is JSBIn2:11

    Discover the course format of short, neatly structured lessons and learn how jsbin renders html, css, and javascript in real time, enabling quick testing and easy review.

  • 4. Setting up the HTML Document3:52

    Create an html document from scratch by adding the doctype, html tag, and body, and learn how nesting and whitespace affect readability in editors like jsbin.

  • 5. Header and paragraph tags4:33

    Learn to use paragraph and header tags in html, close tags properly, and nest them to control text size and structure, covering h1–h6 and attributes like font, color, and alignment.

  • 6. Style3:38

    Learn to style HTML elements with the style attribute, using quotes to set color, font-family, and background color for specific tags like the h1 tag.

  • 7. More than one style2:50

    Learn how to apply multiple style points in HTML using semicolons, set font family, background color, and text align, and see CSS-style separation and responsive behavior.

  • 8. Bold, Italics, underline and tags within tags3:33

    Explore how to nest bold, italic, and underline tags within other tags in HTML, and master opening and closing tag rules for clean, error-free text styling.

  • 9. More Tags1:16

    Explore more tags by using emphasis, strong, sub, and strikethrough with closing tags, and practice creating two to three paragraph tags to experiment with formatting.

  • 10. Setting up a link2:27

    Create a hyperlink by writing an anchor tag with href and link text, label it clearly, and test by clicking to navigate to the target website.

  • 11. Adding an image3:31

    Learn to add images in HTML by using the img src attribute, control size with width and height, and scale proportionally to prevent distortion.

  • 12. Adding a link to the image1:45

    Wrap the image tag with an a tag using the href attribute, placing the closing a tag after the image to create a clickable image.

  • 13. Lists4:25

    Learn to build HTML lists, including unordered (ul), ordered (ol), and definition (dl) lists with list items (li). Explore nesting and mixing lists for flexible markup.

  • 14. Tables4:23

    Learn how to build and format an html table using table, border attributes, table row, td, and optional table header and header elements, with practical experimentation.

  • 15. Playing around with styles5:34

    Explore how HTML styling works by applying inline styles, changing color, background, font family, and size, and learn how specific styles override defaults to achieve targeted formatting.

  • 16. Forms4:26

    Explore creating html forms with the form tag and text inputs, naming fields like quest and color, and preparing ids for javascript integration.

  • 17. Radio, checkboxes and password5:10

    Explore how to create password fields, checkboxes, and radio buttons in HTML by using input types, names, and a form; learn that radios allow one selection while checkboxes allow multiple.

  • 18. Submit buttons2:47

    Discover how to add a submit button to a form. Use input type='submit', set its value and id, and include br breaks to control layout.

  • 19. Script tags and javascript3:14

    Use the script tag to embed JavaScript in HTML and add functionality beyond HTML and CSS. Understand that JavaScript is not Java and why separate files keep code organized.

Requirements

  • An internet connection
  • An up to date web browser

Description

  Have you ever wanted to learn to code but don't know where to start? Learning how to code can get you a better job and lead to a better future. This course starts you off with the basic coding language of HTML. This is a very condensed 1 hour tutorial that will show you how to code in HTML. Enroll to begin your journey to be a web development master.  Take this 1 hour course as the absolute first course you take in coding. It's short and to the point. You won't regret it. HTML is the building block of the web and other markup languages. This is the foundational course you need to have in your library.


The best part is that this is for complete beginners! Coding is a fantastic career to get into and this is the first course you should take. All web developers start with HTML and it is by far the easiest language to learn.


Just think of all of the things you can do in 1 hour and imagine learning a whole new skill. That's why these 1 hour lessons are so valuable. Take a look at the reviews, they speak for themselves.


What are you waiting for, enroll today.

Who this course is for:

  • Complete beginners
  • People who want to become web developers

Report abuse