Skip to main content

html building blocks

 

An HTML document consist of its basic building blocks which are:

  • Tags: An HTML tag surrounds the content and apply meaning to it. It is written between < and > brackets.
  • Attribute: An attribute in HTML provides extra information about the element, and it is applied within the start tag. An HTML attribute contains two fields: name & value.

Click: web designing course in bangalore 

Syntax

  1. <tag name  attribute_name= " attr_value"> content </ tag name>   
  • Elements: An HTML element is an individual component of an HTML file. In an HTML file, everything written within tags are termed as HTML elements.
 Example:
  1. <!DOCTYPE html>  
  2. <html>  
  3.   <head>  
  4.     <title>The basic building blocks of HTML</title>  
  5.  </head>  
  6.   <body>  
  7.        <h2>The building blocks</h2>  
  8.        <p>This is a paragraph tag</p>  
  9.        <p style="color: red">The style is attribute of paragraph tag</p>  
  10.        <span>The element contains tag, attribute and content</span>  
  11.   </body>  
  12. </html>    

Output:



 

Comments

Popular posts from this blog

where to learn graphic design free?

  The amount of graphic design programs that are available online has increased over the last few years. The age of digital offers unlimited opportunities for those who have the ability to design graphically. If you're looking to create logos, creating games, or creating beautiful web pages, you'll find something that's suitable for all. For this piece, we'll look at some of the most effective and most useful graphic design courses . We'll look at options that are targeted towards a variety of different students from professionals who are advanced and want to build a distinctive brand or even classes for complete novices. Who should take the course in graphic design?   Graphic design classes aren't just for those who wish to be graphic designers. While you should definitely take the following courses to boost your chances of securing an attractive graphic design career However, there are other good motives to take the course too. For example, enrolling in one of...

photoshop tutorial for beginner

  What is Photoshop? photoshop is a photo editing and raster graphic design software which allows users to create, edit, and manipulate various graphics as well as digital art. It also allows to create and edit raster images with multiple layers and import the images in various file formats. Photoshop is developed by Adobe Systems for both Windows and MacOS. This is a photoshop basics for designers in the latest version of adobe photoshop CC . We are going to cover Introduction to Photoshop and a lot of features which are commonly used by each and every designers to create some composites or any design or to make any illustrations or even just doing some simple retouching on Photoshop latest version. So we are going to cover some most common features like workspace, layers, smart objects, blend modes, selections techniques, filters and much more Photoshop basics and necessary features that every designers use to work on photoshop. Adobe Photoshop V...

HTML Attribute

  HTML attributes are special words which provide additional information about the elements or attributes are the modifier of the HTML element. Each element or tag can have attributes, which defines the behaviour of that element. Attributes should always be applied with start tag. The Attribute should always be applied with its name and value pair. The Attributes name and values are case sensitive, and it is recommended by W3C that it should be written in Lowercase only. You can add multiple attributes in one HTML element, but need to give space between two attributes. Click: web designing course in bangalore  Syntax < element   attribute_name = "value" > content </ element >   Example  <!DOCTYPE html >    < html >    < head >    </ head >    < body >         < h1 >  This is Style attribute </ h1 >   ...