- Password Generator
- HTML Editor
- HTML Encoder
- JSON Beautifier
- CSS Beautifier
- Markdown Convertor
- Find the Closest Tailwind CSS Color
- Phrase encrypt / decrypt
- Browser Feature Detection
- Number convertor
- CSS Maker text shadow
- CSS Maker Text Rotation
- CSS Maker Out Line
- CSS Maker RGB Shadow
- CSS Maker Transform
- CSS Maker Font Face
- Color Picker
- Colors CMYK
- Color mixer
- Color Converter
- Color Contrast Analyzer
- Color Gradient
- String Length Calculator
- MD5 Hash Generator
- Sha256 Hash Generator
- String Reverse
- URL Encoder
- URL Decoder
- Base 64 Encoder
- Base 64 Decoder
- Extra Spaces Remover
- String to Lowercase
- String to Uppercase
- Word Count Calculator
- Empty Lines Remover
- HTML Tags Remover
- Binary to Hex
- Hex to Binary
- Rot13 Transform on a String
- String to Binary
- Duplicate Lines Remover
W3Docs allows you to test your HTML skills with exercises.
You can find different HTML exercises (with answers) provided for each HTML chapter. Solve exercises by editing some code. If you cannot solve the exercise, get a hint, or see the answer.
Count Your Score
Each correct answer will give you 1 point. We will always display your current and total scores.
W3docs Online Quizzes
Test your knowledge with W3docs’ basic quiz made especially for beginners.Pass the test and get a Certificate of achievement!
- The HTML-BASIC checks your knowledge of HTML-BASIC.
- The CSS-BASIC checks your knowledge of CSS-BASIC.
- The JAVASCRIPT-BASIC checks your knowledge of JAVASCRIPT-BASIC.
- The PHP-BASIC checks your knowledge of PHP-BASIC.
- The ES6-BASIC checks your knowledge of ES6-BASIC.
- The JAVA checks your knowledge of JAVA.
- The TS-QUIZ checks your knowledge of TS-QUIZ.
- The ANGULAR checks your knowledge of ANGULAR.
- The REACT checks your knowledge of REACT.
- The SASS checks your knowledge of SASS.
- The VUEJS checks your knowledge of VUEJS.
- The NODE checks your knowledge of NODE.
- The GIT checks your knowledge of GIT.
- The SQL checks your knowledge of SQL.
- The PYTHON-BASICS checks your knowledge of PYTHON-BASICS.
- HTML Basics
- Javascript Basics
- TypeScript Basics
- React Basics
- Angular Basics
- Sass Basics
- Vue.js Basics
- Python Basics
- Java Basics
- NodeJS Basics
- Skip to main content
- Skip to search
- Skip to select language
- Sign up for free
- Remember language
- Português (do Brasil)
Use HTML to solve common problems
The following links point to solutions to common everyday problems you'll need to solve with HTML.
Basic structure
The most basic application of HTML is document structure. If you're new to HTML you should start with this.
- How to create a basic HTML document
- How to divide a webpage into logical sections
- How to set up a proper structure of headings and paragraphs
Basic text-level semantics
HTML specializes in providing semantic information for a document, so HTML answers many questions you might have about how to get your message across best in your document.
- How to create a list of items with HTML
- How to stress or emphasize content
- How to indicate that text is important
- How to display computer code with HTML
- How to annotate images and graphics
- How to mark abbreviations and make them understandable
- How to add quotations and citations to web pages
- How to define terms with HTML
One of the main reasons for HTML is making navigation easy with hyperlinks , which can be used in many different ways:
- How to create a hyperlink
- How to create a table of contents with HTML
Images & multimedia
- How to add images to a webpage
- How to add video content to a webpage
Scripting & styling
HTML only sets up document structure. To solve presentation issues, use CSS , or use scripting to make your page interactive.
- How to use CSS within a webpage
- How to use JavaScript within a webpage
Embedded content
- How to embed a webpage within another webpage
Uncommon or advanced problems
Beyond the basics, HTML is very rich and offers advanced features for solving complex problems. These articles help you tackle the less common use cases you may face:
Forms are a complex HTML structure made to send data from a webpage to a web server. We encourage you to go over our full dedicated guide . Here is where you should start:
- How to create a simple Web form
- How to structure a Web form
Tabular information
Some information, called tabular data, needs to be organized into tables with columns and rows. It's one of the most complex HTML structures, and mastering it is not easy:
- How to create a data table
- How to make HTML tables accessible
Data representation
- How to represent numeric and code values with HTML — see Superscript and Subscript , and Representing computer code .
- How to use data attributes
Advanced text semantics
- How to take control of HTML line breaking
- How to mark changes (added and removed text) — see the <ins> and <del> elements.
Advanced images & multimedia
- How to add a responsive image to a webpage
- How to add vector image to a webpage
- How to add a hit map on top of an image
Internationalization
HTML is not monolingual. It provides tools to handle common internationalization issues.
- How to add multiple languages into a single webpage
- How to display time and date with HTML
Performance
- How to author fast-loading HTML pages
IMAGES
VIDEO