We may earn an affiliate commission when you visit our partners.
Susan Simkins
In this tutorial, we'll learn about the basic software you use to create web pages, HTML syntax, document structure, and some basic HTML tags. Software required: Brackets Text Editor, Google Chrome Browser.
Read more
In this tutorial, we'll learn about the basic software you use to create web pages, HTML syntax, document structure, and some basic HTML tags. Software required: Brackets Text Editor, Google Chrome Browser.
Read more
In this tutorial, we'll learn about the basic software you use to create web pages, HTML syntax, document structure, and some basic HTML tags. Software required: Brackets Text Editor, Google Chrome Browser.
In this tutorial, we'll learn about the basic software you use to create web pages, HTML syntax, document structure, and some basic HTML tags. We'll learn about these different workflows by creating an article style web page. We'll also learn about web standards and HTML validation, which will help us follow best practices on the web. After watching this training, you'll know how to create HTML files and add basic content to a web page such as headings, paragraphs, images, and links, using Brackets text editor and Google Chrome browser. For an additional learning resource, download your free copy of our Key Web Terms Reference Guide and PDF so you can get comfortable with important web design terminology. Software required: Brackets Text Editor, Google Chrome Browser.
Register for this course and see more details by visiting:
OpenCourser.com/course/g8l2sy/your
What's inside
Syllabus
Introduction and Project Overview
Your First Day with HTML
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Provides a strong foundation for beginners learning web design
Teaches essential HTML tags and syntax, which are standard in web development
Features an approachable approach that makes it easy for learners to follow along
Includes hands-on labs that provide practical experience in web design
Uses Brackets Text Editor and Google Chrome Browser, which are industry-standard tools
Introduces the concept of web standards and HTML validation, emphasizing best practices
Save this course
Save Your First Day with HTML to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Your First Day with HTML with these
activities:
Complete a web development course review
Show steps
Review key HTML5 basics to transition into learning about HTML syntax and web page structure.
Browse courses on
Web Development
Show steps
-
Review common web development terms and concepts
-
Complete a short online tutorial on HTML5 basics
-
Review the structure of an HTML document
Attend a Local Web Developer Meetup
Show steps
Connect with other web developers in your area and share knowledge.
Show steps
-
Find a web developer meetup in your area
-
Attend the meetup and network with other attendees
-
Share your knowledge and learn from others
Follow a beginner-friendly tutorial on HTML tags
Show steps
Reinforce understanding of HTML tags through guided practice, solidifying the concepts learned in class.
Show steps
-
Find a reputable online tutorial on HTML tags for beginners
-
Follow the tutorial step-by-step, practicing the use of HTML tags
-
Create a simple web page using the HTML tags covered in the tutorial
11 other activities
Expand to see all activities and additional details
Show all 14 activities
Learn HTML with W3Schools
Show steps
Get a comprehensive understanding of HTML by working through the interactive tutorials on W3Schools.
Show steps
-
Visit the W3Schools HTML tutorial page
-
Follow the step-by-step instructions in the tutorials
-
Practice writing HTML code in the online editor
Build HTML Pages with Codecademy
Show steps
Reinforce your HTML skills by completing the interactive exercises on Codecademy.
Show steps
-
Create a Codecademy account
-
Enroll in the HTML course
-
Complete the interactive exercises
Master CSS Selectors
Show steps
Strengthen your CSS skills by practicing different types of CSS selectors.
Browse courses on
CSS Selectors
Show steps
-
Read about CSS selectors on W3Schools or MDN Web Docs
-
Use a CSS selector tool to experiment with different selectors
-
Create a CSS file and practice using selectors to style your HTML
Practice creating HTML documents with various elements
Show steps
Provide hands-on experience in applying HTML tags to create web pages, improving proficiency and confidence.
Show steps
-
Create a new HTML document using a text editor
-
Add various HTML elements to the document, such as headings, paragraphs, and images
-
Experiment with different attributes and styles to customize the appearance of the web page
Explore HTML5 Features
Show steps
Expand your HTML knowledge by learning about the latest features in HTML5.
Browse courses on
HTML5
Show steps
-
Visit the MDN Web Docs HTML5 page
-
Read the articles and tutorials on HTML5 features
-
Experiment with HTML5 elements and APIs in your own code
Learn CSS Grid Layout
Show steps
Enhance your website layouts by mastering the CSS Grid system.
Browse courses on
CSS Grid
Show steps
-
Visit the CSS Grid Layout page on MDN Web Docs
-
Follow the tutorials and examples to learn how to use CSS Grid
-
Practice creating layouts using CSS Grid in your own projects
Participate in a CSS Workshop
Show steps
Deepen your understanding of CSS through hands-on practice.
Browse courses on
CSS
Show steps
-
Find a CSS workshop in your area
-
Attend the workshop and participate in the exercises
-
Collaborate with other participants and learn from instructors
Participate in a peer review of HTML projects
Show steps
Foster collaboration and provide constructive criticism, enhancing understanding of HTML best practices and coding standards.
Show steps
-
Join a peer review group or form one with classmates
-
Present HTML projects for review and feedback
-
Provide constructive criticism and suggestions to improve the projects
Design a Personal Website
Show steps
Apply your HTML knowledge by creating a simple website that showcases your skills.
Show steps
-
Plan the layout and content of your website
-
Create an HTML file for each page
-
Add HTML tags to structure your content
-
Customize the appearance of your website with CSS
-
Publish your website
Develop a basic responsive website
Show steps
Provide practical application of HTML skills by creating a responsive website, fostering creativity and problem-solving abilities.
Show steps
-
Plan the layout and design of the website
-
Create HTML code for the structure and content of the website
-
Implement CSS to style and enhance the website's appearance
-
Test the website's responsiveness across different devices
Create a personal portfolio website
Show steps
Provide a tangible and practical application of HTML skills, encouraging self-reflection and long-term retention.
Show steps
-
Gather content and plan the structure of the portfolio website
-
Design and create the HTML code for the website
-
Add images, videos, and other multimedia elements to showcase work
Complete a web development course review
Show steps
Review key HTML5 basics to transition into learning about HTML syntax and web page structure.
Browse courses on
Web Development
Show steps
Show steps
Show steps
- Review common web development terms and concepts
- Complete a short online tutorial on HTML5 basics
- Review the structure of an HTML document
Attend a Local Web Developer Meetup
Show steps
Connect with other web developers in your area and share knowledge.
Show steps
Show steps
Show steps
- Find a web developer meetup in your area
- Attend the meetup and network with other attendees
- Share your knowledge and learn from others
Follow a beginner-friendly tutorial on HTML tags
Show steps
Reinforce understanding of HTML tags through guided practice, solidifying the concepts learned in class.
Show steps
Show steps
Show steps
- Find a reputable online tutorial on HTML tags for beginners
- Follow the tutorial step-by-step, practicing the use of HTML tags
- Create a simple web page using the HTML tags covered in the tutorial
11 other activities
Expand to see all activities and additional details
Show all 14 activities
Learn HTML with W3Schools
Show steps
Get a comprehensive understanding of HTML by working through the interactive tutorials on W3Schools.
Show steps
Show steps
Show steps
- Visit the W3Schools HTML tutorial page
- Follow the step-by-step instructions in the tutorials
- Practice writing HTML code in the online editor
Build HTML Pages with Codecademy
Show steps
Reinforce your HTML skills by completing the interactive exercises on Codecademy.
Show steps
Show steps
Show steps
- Create a Codecademy account
- Enroll in the HTML course
- Complete the interactive exercises
Master CSS Selectors
Show steps
Strengthen your CSS skills by practicing different types of CSS selectors.
Browse courses on
CSS Selectors
Show steps
Show steps
Show steps
- Read about CSS selectors on W3Schools or MDN Web Docs
- Use a CSS selector tool to experiment with different selectors
- Create a CSS file and practice using selectors to style your HTML
Practice creating HTML documents with various elements
Show steps
Provide hands-on experience in applying HTML tags to create web pages, improving proficiency and confidence.
Show steps
Show steps
Show steps
- Create a new HTML document using a text editor
- Add various HTML elements to the document, such as headings, paragraphs, and images
- Experiment with different attributes and styles to customize the appearance of the web page
Explore HTML5 Features
Show steps
Expand your HTML knowledge by learning about the latest features in HTML5.
Browse courses on
HTML5
Show steps
Show steps
Show steps
- Visit the MDN Web Docs HTML5 page
- Read the articles and tutorials on HTML5 features
- Experiment with HTML5 elements and APIs in your own code
Learn CSS Grid Layout
Show steps
Enhance your website layouts by mastering the CSS Grid system.
Browse courses on
CSS Grid
Show steps
Show steps
Show steps
- Visit the CSS Grid Layout page on MDN Web Docs
- Follow the tutorials and examples to learn how to use CSS Grid
- Practice creating layouts using CSS Grid in your own projects
Participate in a CSS Workshop
Show steps
Deepen your understanding of CSS through hands-on practice.
Browse courses on
CSS
Show steps
Show steps
Show steps
- Find a CSS workshop in your area
- Attend the workshop and participate in the exercises
- Collaborate with other participants and learn from instructors
Participate in a peer review of HTML projects
Show steps
Foster collaboration and provide constructive criticism, enhancing understanding of HTML best practices and coding standards.
Show steps
Show steps
Show steps
- Join a peer review group or form one with classmates
- Present HTML projects for review and feedback
- Provide constructive criticism and suggestions to improve the projects
Design a Personal Website
Show steps
Apply your HTML knowledge by creating a simple website that showcases your skills.
Show steps
Show steps
Show steps
- Plan the layout and content of your website
- Create an HTML file for each page
- Add HTML tags to structure your content
- Customize the appearance of your website with CSS
- Publish your website
Develop a basic responsive website
Show steps
Provide practical application of HTML skills by creating a responsive website, fostering creativity and problem-solving abilities.
Show steps
Show steps
Show steps
- Plan the layout and design of the website
- Create HTML code for the structure and content of the website
- Implement CSS to style and enhance the website's appearance
- Test the website's responsiveness across different devices
Create a personal portfolio website
Show steps
Provide a tangible and practical application of HTML skills, encouraging self-reflection and long-term retention.
Show steps
Show steps
Show steps
- Gather content and plan the structure of the portfolio website
- Design and create the HTML code for the website
- Add images, videos, and other multimedia elements to showcase work
Career center
Learners who complete Your First Day with HTML will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
A Web Developer, also known as a Webmaster, is someone who creates and maintains websites. HTML is one of the most important languages for them to know, enabling them to control how a website looks and works. This course will teach you the basics of HTML so you can get a leg up on aspiring to be a Web Developer.
Front-End Developer
Front-End Developer
Front-End Developers, similar to Web Developers, work on the visual aspects of a website. However, unlike Web Developers who may also work on the back end, Front-End Developers focus on the user-facing portion of a webpage. This course will teach you the basics of HTML and provide you with a solid foundation that may help someone who wishes to pursue a career as a Front-End Developer.
Web Designer
Web Designer
Web Designers plan and create websites that are both functional and aesthetically pleasing. As layout, typography and color are important to them, they may use HTML to help visualize what their designed website will look like when live. This course will help you to improve your ability to design visually cohesive websites by teaching you the fundamentals of HTML.
Software Engineer
Software Engineer
Software Engineers design, develop, and maintain software systems. Many of them write software that interacts with a website, and thus may use HTML in their day-to-day work. Therefore, engineers with a foundational understanding of HTML may be more efficient when working on these systems. This course will introduce you to the basic principles of HTML and hopefully prove useful as you look towards advancing your aspirations of becoming a Software Engineer.
UX Designer
UX Designer
UX Designers research, design, and test interactive products with a focus on user experience (UX). They improve a website's efficiency and develop interactive elements, such as dropdown menus, navigation bars, and form widgets. While not directly applicable to a UX Designer's day-to-day work, this course can help UX Designers understand the HTML makeup of a website, which may prove useful when collaborating with other team members, such as a Web Developer.
Content Strategist
Content Strategist
Content Strategists develop and manage a brand's online content strategy. They often collaborate with UX Designers, Front-End Developers, and Web Developers to improve website design and content delivery. This course may be useful for Content Strategists who want to expand their knowledge of HTML and understand the backend of a website to better communicate with technical members of their team.
Product Manager
Product Manager
Product Managers build, launch, and market digital products, such as websites. As a result, they must be able to communicate effectively with their team of engineers and designers. Having a basic foundation in HTML may help them to communicate more effectively. This course will teach you the basics of HTML so you can begin to build out this essential knowledge.
Digital Marketing Specialist
Digital Marketing Specialist
Digital Marketing Specialists plan, execute, and analyze digital marketing campaigns across various channels, including websites and social media. They must be able to tailor their marketing strategies to fit the needs of the company's target audience, and this may include optimizing a company's website for better search engine results. This course may be useful in helping Digital Marketing Specialists build a foundation in HTML, which is a sought-after skill among Digital Marketing Specialists who want to take on more responsibilities within their role.
Technical Writer
Technical Writer
Technical Writers create instruction manuals, online help files, and other documentation to help users learn about hardware, software, and other technical products. To collaborate effectively with Web Developers and Software Engineers, they may need a basic understanding of HTML. This course will teach you the basics of HTML, which may be helpful for future Technical Writers looking to gain a competitive edge.
Information Architect
Information Architect
Information Architects design and organize websites so that users can find information easily and quickly. This often involves creating sitemaps, wireframes, and navigation systems. While not directly relevant to the day-to-day work of an Information Architect, this course may provide some insight into the use of HTML to create an intuitive design for websites.
Business Analyst
Business Analyst
Business Analysts analyze business processes and recommend strategies to improve efficiency. This may involve working on website development projects, in which case an understanding of HTML may be useful. This course may be useful if you wish to start to build a foundation in HTML.
Sales Engineer
Sales Engineer
Sales Engineers help customers implement and maintain technical products. This may involve working with website development teams, in which case an understanding of HTML may be useful. This course may be useful to those looking to pursue a career in Sales Engineering.
Quality Assurance Analyst
Quality Assurance Analyst
Quality Assurance Analysts test and evaluate software products to ensure they meet quality standards. This may involve testing websites, in which case an understanding of HTML may be useful. This course may be useful to those who wish to become Quality Assurance Analysts and work on website development projects.
Project Manager
Project Manager
Project Managers plan, execute, and close projects. They often work with teams of engineers and designers, and may need to have a basic understanding of the technical aspects of a project. While an understanding of HTML is not necessary for success in this role, it may be helpful to be able to communicate effectively with technical team members. This course may be useful to those aspiring to become Project Managers who are interested in gaining a basic understanding of HTML.
Computer Scientist
Computer Scientist
Computer Scientists research and develop new computing technologies. While the direct application of HTML to this job may be limited, this course may be useful to those interested in developing new web technologies.
For more career information including salaries, visit:
OpenCourser.com/course/g8l2sy/your
Reading list
We've selected nine books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Your First Day with HTML.
Comprehensive guide to HTML and CSS. It covers the basics of web design and development. It good choice for beginners who want to learn the fundamentals of web development.
Practical guide to HTML5 and CSS3. It covers the latest features of HTML5 and CSS3, and it shows you how to use them to create modern, responsive websites. It good choice for developers who want to learn about the latest web technologies.
Comprehensive guide to web design. It covers the basics of HTML, CSS, JavaScript, and jQuery. It good choice for beginners who want to learn how to create websites.
Beginner's guide to HTML and CSS. It covers the basics of web design and development. It good choice for beginners who want to learn the fundamentals of web development.
Big picture overview of HTML and CSS. It covers the basics of web design and development. It good choice for beginners who want to learn the fundamentals of web development.
Save
Beginner's guide to HTML and CSS. It covers the basics of web design and development. It good choice for beginners who want to learn the fundamentals of web development.
Comprehensive guide to web development. It covers the basics of HTML, CSS, JavaScript, and PHP. It good choice for beginners who want to learn the fundamentals of web development.
Comprehensive guide to HTML and CSS. It covers the basics of web design and development. It good choice for beginners who want to learn the fundamentals of web development.
Comprehensive reference guide to HTML and CSS. It covers everything from the basics of HTML and CSS to advanced topics such as responsive web design and CSS3 animations. It good choice for developers who want to learn more about HTML and CSS or who need a reference guide.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/g8l2sy/your
Share
Similar courses
Here are nine courses similar to
Your First Day with HTML.
Your First Day with CSS
OpenCourser.com/course/h4f1i2/your
Your First Day with CSS
Most relevant
CSS Positioning
OpenCourser.com/course/gxp4qv/css
CSS Positioning
Most relevant
Introduction to HTML
OpenCourser.com/course/u2qtwc/introduction
Introduction to HTML
Most relevant
Fundamentals of Web Development
OpenCourser.com/course/19m2wm/fundamentals
Fundamentals of Web Development
Most relevant
Introduction to Web Applications
OpenCourser.com/course/qqo9qc/introduction
Introduction to Web Applications
Most relevant
Try It: Intro to HTML
OpenCourser.com/course/7nwmc4/try
Try It: Intro to HTML
Most relevant
Basic HTML for Kids
OpenCourser.com/course/gb0ij5/basic
Basic HTML for Kids
Most relevant
Tables and Forms in HTML
OpenCourser.com/course/4zmc5v/tables
Tables and Forms in HTML
Most relevant
Try It: Intro to HTML
OpenCourser.com/course/t9k8e7/try
Try It: Intro to HTML
Most relevant
Time
44 hours
Level
Introductory
Via
Pluralsight
Instructor
Susan Simkins
Language
English
Good to know
Provides a strong foundation for beginners learning web design
Teaches essential HTML tags and syntax, which are standard in web development
Features an approachable approach that makes it easy for learners to follow along
Includes hands-on labs that provide practical experience in web design
Uses Brackets Text Editor and Google Chrome Browser, which are industry-standard tools
Introduces the concept of web standards and HTML validation, emphasizing best practices
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser