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.
Duration
2 weeksWeekly study
3 hours
A Beginner’s Guide to Web Development with HTML5
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.
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.
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.
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...
More courses you might like
Learners who joined this course have also enjoyed these courses.
Browse more in IT & Computer Science