Day 1: What is HTML? , Webpage, HTML Elements, What are Tags?

 What is HTML?

  • HTML stands for Hyper Text Markup Language. 
  • It is used for  building Web pages in HTML.           
  • It explains how a Web page is put together overall.       
  • There are many elements in HTML. 
  • HTML elements give browsers instructions on how to display content.    

 

Webpage

  • A web page on the World Wide Web is a hypertext document.     
  • A web server sends web pages to the user, who then sees them on a web browser.       
  • Numerous web pages connected by a similar domain name make up a website.

 

HTML Elements

  • A type of HTML document component, or HTML node, is known as an element.The HTML document is composed of a tree of simple HTML nodes, such as text nodes. 
  • They add formatting to several parts of the document where applied. 
  • Every element can have it’s own attributes(additional properties) :     

<Name of tag> some text, image etc.</Name of tag> 

Examples of some HTML elements. 

<p>Paragraph 1.</p> 

<h3>Heading</h3>

 

What are Tags? 

HTML tags are composed of three things: an opening tag, content, and an ending tag. Some tags are unclosed tags. An HTML document is viewed by a web browser from left to right and from top to bottom. In order to generate HTML documents and render their characteristics, HTML tags are used.. Each HTML tag has different properties.
Syntax:
<h1> content </h1>

Comments

Post a Comment

Popular posts from this blog

else-if condition in if-else statements: Concatenation in JavaScript :

Image
  else-if condition in if-else statements: While specifying conditions for if-else statements, there may arise a need to include more than just two scenarios. For example, suppose we have a variable ‘n’ and we have to check if it is positive or negative. JS code for this problem would look like this: Quite simple, right? However, suppose we twist this problem a bit. If we have to check if the value of ‘n’ is positive, negative, OR zero. Can we do it using only if-else?  No, right? Here comes the scenario where we have to check more than two conditions and give output for each. This is where else-if comes into the game.  Structure of if else-if else looks something like this: If (condition 1)  { statements } else if (condition 2) { statements } else  { statements }   Working for the above code is explained as follows: Condition 1 is checked first. If it is true, statements inside the first block are executed and the remaining conditions are not checked. If t...
Read more

Day 9: CSS - Font Formate

Image
p1{  font style: italic, } p2{ font-variant: small-caps; } p3{ font-weight: 400px: } p4{ font-size: 12pt } p5{ font-family:  } ----------------------------------------------------------------------------------------------------------------------- The CSS font-family Property : The font-family property in CSS is used to specify the typeface of a text.      If the font name has more than one word, such as "Times New Roman," quotation marks must be used.        Example: The following code applies a font family to a paragraph using class ids:I        Code :   Output :     The CSS font-size Property : The font-size attribute controls a font's size.      It has an impact on the text size of an element. Every element can use it, and its default value is medium. This attribute has values like xx-small, small, x-small, etc.      Font-size can also be specified in pixels (which sets the f...
Read more

Day 28: CSS Animation, CSS Transition Animation Box size

Image
------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <link rel="stylesheet" href="styles.css"> <!-- Link to your external CSS file -->   <title>Your Webpage Title</title> </head> <body>   <div class="grad"></div> <!-- Your HTML element with the "grad" class --> </body> </html> @keyframes example {   0% { background-color: red; left: 0px; top: 0px; }   25% { background-color: yellow; left: 200px; top: 0px; }   50% { background-color: blue; left: 200px; top: 200px; }   75% { background-color: green; left: 0px; top: 200px; }   100% { background-color: red; left: 0px; top: 0px; } } .grad {   width: 100px;   heigh...
Read more