• Packt logo
  • FutureLearn logo

A Beginner’s Guide to Web Development with HTML5

Learn the fundamental basics of web development and create your own web pages using HTML and HTML5.

A woman smiles as she sits at a wooden desk with her laptop.

Explore the fundamentals of web design

An understanding of HTML, or HyperText Markup Language, is essential for any aspiring website designer or developer.

On this two-week course, you’ll learn the very basics of HTML and HTML5 website design, the backbone of online applications and web pages.

Learn the basic tools needed to become a web developer

On this course, you’ll be guided through everything you need to know about HTML, beginning by learning to create basic web pages and finishing having acquired the necessary skills to create cross-platform HTML5 applications.

You’ll delve into browsers and code editing programs, equipping you with the initial tools to create a properly structured HTML document before moving on to exploring more in-depth HTML5 terminology.

By completing a series of hands-on tasks throughout this course, you’ll gain experience of HTML and its real life uses. With this knowledge, you can then begin to work on your own projects and web design briefs.

Discover HTML attributes and elements

You’ll delve into different elements, attributes, and doctypes in HTML, moving on to more complex concepts such as Block elements and Inline elements.

Once comfortable with this terminology, you’ll explore advanced HTML topics, including Inline CSS and Internal and External CSS files.

Complete practical HTML projects

Using your newly-gained knowledge, you’ll put your skills to use by working on a series of projects that showcase your learning.

Bringing together your knowledge from across the two weeks, you’ll develop your very first HTML webpage, complete with HTML5 semantics.

By the end of this course, you’ll have gained a thorough understanding of HTML and its applications, preparing you with the skills and knowledge needed to create websites and cross-platform compatible HTML5 applications.

Skip to 0 minutes and 1 second SPEAKER 1: Don’t get stuck in the web of HTML. Become a web development wizard in only two weeks. Join Kalob Taullen as he guides you to the key steps of web development. This course will help you identify the different elements in HTML. Describe internal and related links modify tables to create effective layouts. Use inline, internal, and external CSS. Create forms using input types, text areas, buttons, and dropdown menus. Add HTML tags, video, and audio. And develop a full web page using HTML5. Glide through this beginner’s guide, and start your lab development journey today. Learn these skills wherever and whenever you want. Step into your future with a beginner’s guide to web development with HTML5 from Packt and FutureLearn.

Syllabus

  • Week 1

    Getting started with HTML

    • Welcome and introduction

      Welcome to A Beginner’s Guide to Web Development with HTML5 and the start of your learning journey, brought to you by Packt.

    • Introduction to HTML

      In this activity, we will discover HTML and the tools needed to code.

    • The basics of HTML

      In this activity, we will discuss the elements of HTML, the structure of HTML documents, and how to start building an HTML document.

    • Line breaks and semantics

      In this activity, we will describe how to add line breaks, bold, italics, and underlines.

    • Code comments, links, and images

      In this activity, we will discuss how to create code comments, internal and relative links, and how to add images.

    • Elements, lists, and tables

      In this activity, we will explore working with elements, lists, and tables.

    • Wrap up

      You have reached the end of Week 1. In this activity you will reflect on what you have learned.

  • Week 2

    Advanced HTML

    • Introduction to Week 2

      Welcome to Week 2. In this activity, we'll highlight the main topics that will be covered this week.

    • DOM, XHTML, and CSS

      In this activity, we will learn about DOM, XHTML, and inline, internal, and external CSS.

    • Formatting

      In this activity, we will discuss code formatting, bold, italics, and head elements.

    • Meta tags and more

      In this activity, we will explore meta tags, asset pathing, favicons, and HTML entities.

    • Forms, buttons, and dropdown menus

      In this activity, we will create forms, input types, textareas, buttons, and dropdown menus.

    • HTML5 semantic tags, videos, and audio

      In this activity, we will discuss semantic tags, embedding videos, adding audio, and responsive design.

    • Your project

      In this activity, you will discover what you need to do for your project.

    • Wrap up

      You have reached the end of this course. In this activity, you'll learn about the next steps you could take as a developer and reflect on what you have learned in the course.

When would you like to start?

Start straight away and join a global classroom of learners. If the course hasn’t started yet you’ll see the future date listed below.

Learning on this course

On every step of the course you can meet other learners, share your ideas and join in with active discussions in the comments.

What will you achieve?

By the end of the course, you‘ll be able to...

  • Identify the different elements, attributes, and doctypes in HTML.
  • Describe internal and relative links, block elements, inline elements, and tables.
  • Modify table cells and columns to create an effective page layout.
  • Describe inline CSS and internal and external CSS files, meta tags, head elements, favicons, and asset pathing.
  • Create a form using input types, textareas, buttons, and dropdown menus.
  • Explain how to use HTML tags, and how to add video and audio.
  • Develop a webpage using HTML5.

Who is the course for?

This course is designed for anyone interested in developing their web development knowledge. It is suitable for those with no prior web development knowledge.

What software or tools do you need?

You’ll need to download and install a free code editing program onto your Windows, MacOS or Linux system. We’ll recommend some code editing programs and good web browsers that will help you get the most out of the course content.

Who developed the course?

Packt

Founded in 2004 in Birmingham, UK, Packt’s mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

FutureLearn

FutureLearn is jointly owned by The Open University and The SEEK Group and has been providing online courses for learners around the world over the last eight years.

What's included?

This is a premium course. These courses are designed for professionals from specific industries looking to learn with a smaller group of like-minded individuals.

  • Unlimited access to this course
  • Includes any articles, videos, peer reviews and quizzes
  • Certificate of Achievement to prove your success when you're eligible
  • Download and print your Certificate of Achievement anytime

Still want to know more? Check out our FAQs

Learning on FutureLearn

Your learning, your rules

  • Courses are split into weeks, activities, and steps to help you keep track of your learning
  • Learn through a mix of bite-sized videos, long- and short-form articles, audio, and practical activities
  • Stay motivated by using the Progress page to keep track of your step completion and assessment scores

Join a global classroom

  • Experience the power of social learning, and get inspired by an international network of learners
  • Share ideas with your peers and course educators on every step of the course
  • Join the conversation by reading, @ing, liking, bookmarking, and replying to comments from others

Map your progress

  • As you work through the course, use notifications and the Progress page to guide your learning
  • Whenever you’re ready, mark each step as complete, you’re in control
  • Complete 90% of course steps and all of the assessments to earn your certificate

Want to know more about learning on FutureLearn? Using FutureLearn

Do you know someone who'd love this course? Tell them about it...