# HTML - > your blueprint HTML is Hyper Text Markup Language . It is the standard language for documents used to display in web browser . It defines the content and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. ( will talk about css , js some other day ) Now that you have an idea what html is lets take the reference of cover image . lets take a detour Do you see different skeletons well they are not they are same . they appear different because of attires Do you follow this analogy ? skeletons are html docs and attires are css docs. Just by changing css you can completely revamp the look . --- ## <Tag></Tag> lets know what is a tag ? tags are the building blocks of web pages, used to structure and format content. They guide browsers on how to display text, images, links, and other media. * HTML tags, enclosed in < >, usually come in opening and closing pairs. * Opening tags start elements; closing tags end them (/). * Some tags, like <img> and <br>, are self-closing. * Essential tags include <!DOCTYPE html>, <html>, <head>, and <body>. ```xml Welcome to ShayType

HTML BLog

Know more....

here is no more....

``` ### Opening Tag any tag that is in the form <tagName> . ### Closing tag any tag that is in the form </tagName> these tags together tell the scope of the content written in it. eg div, p , html . head, body etc ### Void Tag there are some tags that do not need closing eg img , hr, br try to use them and u will get to know why these do not need a closing pair. --- ## Block level Elements these elements occupy the whole width of the screen by default even if content is less . eg div , h1, h2, h3, h4, h5 ,h6 etc ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769855804675/b34d3298-0b58-430c-8a63-b2b72b97258b.png align="center") ## Inline Elements these elements only take required width nothing extra . eg span etc ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769856002418/36a6f19b-9e7f-4d61-acd7-5376c8c801be.png align="center") If you want to see what is this then you can also inspect elements , just right click on any website then a window will appear that is developer mode. click on the top left icon then hover on webpage and then you can also visualise ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1769856153092/bb8bf35f-9ff9-4f64-a76d-1ec7f2e1f79a.png align="center") ---