Starter HTML Template
The most basic and bare-bones HTML template needed to start any web page. This includes all necessary Meta tags used for SEO (Search Engine Optimization) rankings along with tags for responsive and mobile web development.
Full HTML Starter Template Code:
<!DOCTYPE html> <html> <head> <title>Baking Stuff</title> <link rel="stylesheet" type="text/css" href="styles.css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Cooking and baking videos and recipes"> <meta name="keywords" content="Food,Cooking,Baking"> <meta name="author" content="Your name or company name"> </head> <body> <h1>Baking Stuff</h1> <p>Below we will teach you how to bake a cake...</p> </body> </html>
HTML Tag Descriptions
Metas - Good for Search Engine Optimization (SEO) and Responsive / Mobile Development
- Charset Meta - The character encoding for your HTML document. Typically you will always leave this as "UTF-8".
- Viewport Meta - Allows responsive web design by setting the proper scale on devices with varying screen sizes. This should not be changed.
- Description Meta - Description of your HTML page.
- Keywords Meta - Comma separated keywords used by search engines to better find your web page.
- Author Meta - Your name or your company name.
HTML Document Structure
- !DOCTYPE html - Required to be the first line in your HTML document. This tells the browser the version of HTML that you're using.
- html - Lets the browser know this is indeed HTML.
- head - Contains non-visible page information and tags that allow external CSS and Scripts to be attached.
- title - The title of your HTML file. This value is displayed in the tab of your browser.
- link - Used to specify the stylesheet you are using. Replace "styles.css" with the name of your stylesheet file you are using.
- body - This is where all of the visible HTML is rendered. Anything outside of this will not render in your web browser.
- h1 - The main heading of your page.
- p - An element used to hold a paragraph of text.