Common HTML tags
HTML code is text. To create an HTML document, you use a text editor.
There are many Integrated Development Environments (IDEs) used by professional developers that include text editors. An IDE usually contains a text editor, in addition to other tools that are useful to developers, such as debugging tools, file management tools, testing tools, etc.
"What You See Is What You Get" editors (WYSIWYG editors) allow people to generate code visually, by dragging and dropping GUI components to design the web page they want. Behind the scenes, these tools then create the code. So the user of these programs does not need to write code by hand. The most famous and most maligned of these tools is Dreamweaver.
Generally-speaking, these tools create code that is difficult to maintain, difficult to customize, and generally considered garbage by professional developers. In order to make commercial quality websites using today's technology, you will need to know how to write HTML and CSS code by hand.
Bare minimum HTML 5 code necessary to make a web page
The fundamental code necessary for a valid HTML 5 page:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Insert the title of your page here</title> </head> <body> Insert the contents of your page here </body> </html>
HTML syntax and style
- Read the Elements of HTML style for a review of syntax and style rules.
- See a simple example of an HTML document that uses many of the most common HTML 5 tags.
- h1 to h6
Not so commonly used:
Audio & Video
- input type="text"
- input type="radio"
- input type="checkbox"
- input type="submit"
Image compression formats
There are three common web-based raster image compression formats supported by most web browsers: GIF, PNG, and JPG.
Images can be optimized in image editing tools like Photoshop. Optimization involves finding a balance between the need for small image file sizes and the need for high fidelity.