atikin-html-snippets README

Full HTML tags including HTML5 Snippets develop by: Atikin Verse.

Introduction

Welcome to the Atikin HTML Snippets for Visual Studio! HTML snippets are small, reusable blocks of HTML code that perform specific functions or display particular content. They can include text, images, links, forms, or buttons and help streamline web development by reducing repetitive coding tasks. Snippets improve productivity and maintain consistency across web pages.

Features

HTML snippets are reusable blocks of HTML code that can speed up development. They allow developers to quickly insert pre-defined code for common structures like headers, forms, or buttons. Snippets can be customized and are often used in editors like VSCode. They enhance productivity and ensure code consistency.

For example if there is an image subfolder under your extension project workspace:

![feature X](images/feature-x.png)

Snippets

This is simple code snippet extension for express js / node js projects. Below is the List of few Triggers that will generate boilerplate Codes.

Triggers	Content
html5	HTML5 basic boilerplate
a	Anchor tag
btn	Button element
comment	HTML comment
div	Div element
embed	Embed media
form	Form element
h1	H1 Header
img	Image tag
script	JavaScript external file link
ul	Unordered list
meta	Meta tags for SEO and viewport settings
nav	Navigation bar
p	Paragraph
table	Table
video	Video element

Requirements

HTML snippets should be concise, reusable code blocks that enhance web pages. Each snippet must be cleanly structured with semantic HTML elements, ensuring accessibility and responsive design. Avoid inline CSS; use classes for styling. Include proper comments for readability. Ensure snippets support cross-browser compatibility and follow best practices for performance optimization.

Extension Settings

Include if your extension adds any VS Code settings through the contributes.configuration extension point.

For example:

This extension contributes the following settings:

myExtension.enable: Enable/disable this extension.
myExtension.thing: Set to blah to do something.

Known Issues

Calling out known issues can help limit users opening duplicate issues against your extension.

Release Notes

Users appreciate release notes as you update your extension.

1.0.0

Initial release of ...

Working with Markdown

You can author your README using Visual Studio Code. Here are some useful editor keyboard shortcuts:

Split the editor (Cmd+\ on macOS or Ctrl+\ on Windows and Linux).
Toggle preview (Shift+Cmd+V on macOS or Shift+Ctrl+V on Windows and Linux).
Press Ctrl+Space (Windows, Linux, macOS) to see a list of Markdown snippets.

For more information

Enjoy!