Skip to main content

HTML Page Structure

 There are 3 Sections of any HTML page --

1) Header

2) Main Section

3) Footer Sectore 



  • in Html need to writing opening tag before any tag < and end with closing tag >
  • The HTML page we've 2 fix children we called them Head and body
  • whatever part that is visible to us that is comes under body section 
  • What is Head part ? Head part is basically meta Data part , Meta data has some information of the page, Like title of the page will write under head part 
  • tag for head <head> </head>
  • tag for body - <body> </body>
  • <!DOCTYPE html>   // this is not tag this is important for the browser to interpret that this is html file and which version of html file u are using , this is actually html 5

What is a boilerplate? Boilerplate code in HTML is required to set up the basic web page structure. This web page structure is the same for all web pages in general. Body Content Automatic boilerplate generation in different Text Editors Text editors can produce HTML boilerplate for us. The basic boilerplate generated (as shown above) will always stay the same across all text editors. Although different text editors may produce some extra code as well apart from the basic boilerplate as shown above. For example, boilerplate produced by Atom text editor is: ● indicates the current version of HTML i.e., HTML5 ● 1. lang specifies the language of the content. lang="en" means language is English lang="es" means language is Spanish And so on. But we’ll be using English. Usage of lang attribute helps the browser to display the text in the desired language. 2. dir specifies the direction of text in which it’ll be displayed dir="ltr" means left to right dir="rtl" means right to left ● Declaring the "charset" as "UTF-8", tells the browser to use the UTF-8 character encoding, which is a method of converting the typed characters into machine-readable code. Notes: ● You need NOT cram and learn these. But as a software developer, you should be aware of this kind of HTML code and its meaning. ● There are some attributes that browsers consider implicitly by default if you don’t mention them explicitly. For example, the value of dir attribute is “ltr” (left to right) by default. Generating HTML Boilerplate in Sublime Text 1. go to Tools → Command Palette 2. Type ‘HTML’ then select ‘Set Syntax: HTM

Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Block vs Inline Elements In HTML

  Block: Block element always start in New Line  Block element always start in new line occupy complete width available  Example: h2, p, div Inline Element: They do not start in new line occuply width as much required  Example: img, anchor a,span There are no different between div and span, only difference is div is block element and span is Inline, it will help you to group your content or elements
Post a Comment
Read more

Time Complexity

What is time complexity ? Ans: Time complexity not a run time of a code, its totally depends on system configuration, processor, server , input size will increase time complexity. Time complexity ko likhne ke tarike jo hote hai use notation kehte hai. Notation is basically symbol NOTATION OF COMPLEXITY Best Case: kam se kam time me chla gya code best case hota hai Ω (Omega) Ω(1) se likhte hai Average Case: Ek average time jisme code chle  Θ(n+1)/2 Worst Case: Worst case ka mtlb kuch bhi ho jaye is time ko ye exceed nhi kregea O(n) Nested Loop me Time Complexity multiply hoti hai aur n^2 banti hai Wahi Do different loops me N+M hoti hai jisme jiski sabse bdi value hai wo big of O me jati hai O(1) - Constant Time: Operations that take a constant amount of time, regardless of the size of the input data. O(log n) - Logarithmic Time: Algorithms that have a logarithmic time complexity, often seen in binary search or certain tree-based algorithms. This is best time Complexity this i...
Post a Comment
Read more

Find Unique Number in Array Java , XOR

 Question:  WAP to find unique number in Array Java package aRray ; import java . util .*; public class practicalArray { public static void main ( String [] args ) { Scanner scan = new Scanner ( System . in ) ; // Step 1: Input size of the array from the user int size = scan . nextInt () ; // Step 2: Create an integer array of the specified size int [] arr = new int [ size ] ; // Step 3: Initialize 'res' with the first element of the array int res = arr [ 0 ] ; // Step 4: Loop to read array elements and find the unique number for ( int i = 1 ; i < size ; i ++ ) { // Read an integer from the user and store it in the array arr [ i ] = scan . nextInt () ; // Step 5: Use XOR (^) operation to find the unique number res = res ^ arr [ i ] ; } // Step 6: Print the unique number System . out . print...
Post a Comment
Read more