19 Feb
19Feb

Our premium institute the best web development institute in Delhi offers best courses courses  multiple industry standard courses, as per the market requirement covering topics from basic to advance through online and classroom modes with rich practical experience teachers from the industry experience. 

For more you can check out the link below:

https://www.web-development-institute.com/course-categories/web-designing-courses-in-rohini/

Let’s discuss the concepts of html and css :- HTML and CSS is main branch of web development, this is the first module to learn to making basic websites, this act as beginner step for any learners who wants to become web developer or want to make career in the web development. 

This follows the structure of the website in the form of wireframe and rough designed by the designers, the html carries out the process following the proper code in the form of tags, elements, id, classes and the basic tags which help in simple building web pages, primarily they understand the structure of html and css adds theme like structure to the web pages which are simple and in appearance, this adds appearance and enhance the looks of the web pages, by targeting html classes, id, tags. 

Sample structure of the html 5<!DOCTYPE html>

    
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a large heading</h1>
<p>This is a content for paragraph.</p>

</body>
</html>

  • The simple document written in html starts with the doctype html      
  • Document starts and ends with html tag      
  • The content must be attached in body tag      
  • Headings are  form h1 to h6      
  • P tag must be paragraph tag            
  • A tag is anchor tag, use for hyperlink      


For creating the page Contents: -It all done inside the body tag:

  •      A Menu-navigation bar      
  •      A show slide      
  •      Header for website      
  •      Content for showing in sections and articles      
  •      End Footer.

Semantic elements: - These elements are basically the meaning straight full tags which shows the quickest meaning through their referent and content, these tags are make code reliable and meaningful. The tags can also have sorted the Seo and rank for the website in which they are being used.

  •      article      
  •      aside      
  •      details      
  •      fig caption      
  •      figure      
  •      footer      
  •      header      
  •      main      
  •      mark      
  •      nav      
  •      section


Main semantic tags: 

The <section> element can be used to defined as the whole house for the content, tags used in html document. 

The <article> element can be used to define individual tag for holding large text and paragraphs.

The <header> element can be used to define a starting content for the website personal numbers and any personal content like logo, search bar.

The <footer> element can be used to define as the root main element, which shows content related to the creator of the website and information realated to copyright. 

The <nav> element can be used to define a content for showing menu bar (one page to another) 

CSS, language is the way we use to attractive style the html document, the css promotes the glance of html elements about how it gazed in the view of the users, the html is simply a structure language that is written into the form of web pages with the help of tags and elements and attributes and it perfectly recognize by the web browsers, css targets the html document and provide them a real look feel which add on appearance of the web pages or websites 

The css relatedness with html file in three ways:  

  • Inline      
  • Internal      
  • External 

The inline css is add along with html tags and classes with the help of style tag: 

<body> 

<h1 style="color: red; text-align: left;">This is admec </h1> <p style="color: blue;">your career partner </p> 

</body> The internal css is written along style tag below head tag 

<head>

 <style> 

body {background-color: green;} 

h1{color: violet;} 

p {color: peach;} 

</style> 

</head> 

The external css is a separate file that is lined and relate with the help of link tag inside head tag of html document. 

<head>  

<link rel="stylesheet" type="text/css" href="style.css">   

</head>   

There are following concepts that needs to be learn while learning css: - 

  • Box Model      
  • Selectors      
  • The Cascade      
  • Specificity      
  • Inheritance      
  • Color      
  • Sizing Units      
  • Layout      
  • Flexbox      
  • Grid      
  • Logical Properties      
  • Spacing      
  • Pseudo-elements      
  • Pseudo-elements      
  • Borders      
  • Shadows      
  • Focus      
  • Z-index and stacking contexts


I hope this blog will be helpful for you. So, if you wanna learn HTML & CSS course in Rohini then get set go for web designing institute in Rohini.





 

Comments
* The email will not be published on the website.
I BUILT MY SITE FOR FREE USING