Skip to main content

Posts

Recent Posts

Latest News

● Posts on CSS and SEO coming soon ...●

Types of Style Sheets in CSS

  How we can insert CSS in HTML code? There are 3 ways to insert  CSS in HTML to style webpage inline, internal and external CSS. Let’s understand this three types of CSS. 1. Inline CSS : Inline CSS can be inserted in HTML by using style attribute. All container tags have style attribute. Inline CSS design is only applied to element in which style attribute is used. Inline CSS is not much recommended to use for styling multiple elements because this make HTML code more complex and it becomes difficult to maintain styling and content. HTML Code will be easy to understand if content and styling are separated. Syntax is <tag style="";>content<tag>     (the code is written big to realize that how inline style can complicates the HTML code) 2. Internal CSS : Internal CSS can be inserted in HTML by using <style> tag in head section of HTML document. With internal CSS we can apply style sheet on a page where style tag is used i.e. it can apply style sheet only

Introduction to CSS

  What is CSS and for what purpose it is used? CSS stands for cascading style sheet and it is used to design webpage, to give a beautiful appearance to the webpage. It also defines proper orientation of entities in a webpage or it allows sort the content.  CSS is used for advanced webpage designing which is impossible by using HTML formatting elements and various attributes. CSS allows to separate content from a style which improves readability. We can insert CSS  with help of HTML code, to use CSS you need to have basic knowledge about HTML like container tags and their attributes, linking one page to another, inserting images, and colors.  We can insert CSS in HTML by 3 different types: 1. Inline CSS  2. Internal CSS 3. External CSS (We will see them in later posts.) There are some attributes in lower versions of HTML which are not used or they are deprecated. HTML5 recommends styling webpages with CSS. CSS3 is current major version of CSS and it is supported by new browsers.

Understanding Image Mapping in HTML

  What is Image mapping in HTML and How to map images?: A single image with multiple hyperlinks is called as a image mapping. Specific areas of image are mapped known as Hotspot and each hotspot is a link. Image mapping is of two types client side image map and server side image map.  Client side image map is independent of server and executes on client machine. All information in client side image  map is loaded with image. It is faster than server side map. Usemap attribute of img  tag identify that it is client side image map., while ismap attribute of img tag refers to server side image map. Usemap attribute of <img>, <map>, <area> this elements are used to create hyperlinks or a hotspot on image.  Attribute of map tag is name which specifies name to the image. Attributes of area tag:         1. Href: path or url of html page        2. Shape: Specifies shape and have values rectangle, circle, polygon        3. Coords: specifies coordinates for rectangle, cir

Using special elements in HTML

Understanding some special elements in HTML:- • HTML characters: there are characters in HTML which are reserved. This character can be used for some specific symbol or a function. This can be done with &entity_name;  It is not possible to display some elements in browser like <a> because it is identified as a tag so it will be included in code. To display this we use special characters to display it in a browser. As you know that if you write  <> in a code browser will not display it as it will included in HTML code. To display this in a output or in browser we use HTML characters. Some examples of HTML characters:-           1. spacing: &nbsp To add space between two elements.           2. < : &it To Display Less Than.           3. > : &gt To Display Greater Than.           4. & : &amp To display and.           5. ©️ : &copy  To display copyright sign. • <Pre> tag : pre tag is used to display text in same manner as wr