Riolabz

Wednesday, October 9, 2019

Tell me, how to integrate CSS file to your webpage?

1. With an external file that you link to in your web page:

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

or using the import method:

<style type="text/css" media="all">

  @import "myCSSfile.css";
</style>

Advantages:

make the HTML pages neater and easier to manage
It can reduce the amount of work done



Note : if you have more than one web page with the same stylistic properties, you should create 
a separate CSS file and link your webpages to it.

2. By creating a CSS block in the web page itself; typically inserted at the
 top of the webpage in between the <head> and </head> tags:






<head>
   <style type="text/css">
      p { padding-bottom: 12px; }
   </style>
</head>




Note: Use this method If you want to override the CSS you have in a linked CSS file
or if you have only one-page website.
 

3. By inserting the CSS code right on the tag itself:



<p style="padding-bottom:12px;">Your Text</p>


Note: Use this method if you want unique element/tag need to affect with the CSS












Back to Questions: Tell me, how to integrate CSS file to your webpage?- "Tell me, how to integrate CSS file to your webpage?"

Tuesday, October 8, 2019

Which tag is used to align a picture so that one may be higher or lower than the other?

align= left

align= center

align= right

align= justify

Align attribute helps to align block elements (tables, images, objects, paragraphs) in HTML elements.

left : text lines are rendered flush left
right: text lines are rendered flush right
center: text lines are centered
justify: text lines are justified to both margins

syntax :

<H1 align="center"> How to align this picture to center </H1>

<H1 align="right"> How to align this picture to right </H1>

<H1 align="left"> How to align this picture to left </H1>

<H1 align="justify"> How to align this</H1>

example:

<h3 align="center">Hi, I'm Mattmarg.</h3> <p align="center"><img src="monkey.gif"></p> <h4 align="center">I reffed the big game between Bridgeville and <a href="http:www.hits.org/casterlin/">Casterlin</a>.</h4>

<div align="center"> <h3>Hi, I'm Mattmarg.</h3> <p><img src="monkey.gif"></p> <h4>I reffed the big game between Bridgeville and <a href="http:www.hits.org/casterlin/">Casterlin</a>.</h4> </div>

Back to Questions: Which tag is used to align a picture so that one may be higher or lower than the other?- "Which tag is used to align a picture so that one may be higher or lower than the other?"

Thursday, September 19, 2019

What do you know about grid system?

Grids enable you to build solid structure and form into your designs.Grids aren’t just useful for us as designers or developers - they’re good for the user, too.

A grid system is a way of providing a system that designers can work with to structure and present content and imagery in a much more readable, manageable way.

The responsibility is with you to create a design that is unique and has something different to it - and a grid system should be seen as something that will enable you to do that, rather than restrict you.

Back to Questions: What do you know about grid system? - "What do you know about grid system?"

Saturday, September 7, 2019

Can you explain "visibility:hidden" and "display:none"?

Display:none - means that the tag in question will not appear on the page at all (although you can still interact with it through the dom). There will be no space allocated for it between the other tags.

visibility:hidden means that unlike display:none, the tag is not visible, but space is allocated for it on the page. The tag is rendered, it just isn't seen on the page.

For example:

test | <span style="[style-tag-value]">Appropriate style in this tag</span> | test

Replacing [style-tag-value] with display:none results in:

test |   | test

Replacing [style-tag-value] with visibility:hidden results in:

test |                        | test

Back to Questions: Can you explain "visibility:hidden" and "display:none"? - "Can you explain "visibility:hidden" and "display:none"?"

Monday, August 19, 2019

What is the purpose of CSS file?

Cascading Style Sheets (CSS) is used for formatting content on web pages and it is used to enhance the presentation of your website.

A CSS file allows you to separate your website’s HTML content from it’s style. With an external CSS file, you can change the look of an entire website by changing just one file.

Importance of CSS is represented in the image shown below.

Back to Questions: What is the purpose of CSS file? - "What is the purpose of CSS file?"

Friday, June 7, 2019

What is the difference between HTML tags and elements?

HTML tag is simply opening or closing entity. HTML element is the collection of start tag, attributes and close tag. In certain cases, both are interchangeable.

Do you get it from the above image? HTML tags and elements are not case sensitive. We recommend lower case for HTML tags and elements name.

Note that all HTML elements don't require closing tag. Some are self-closing or empty elements.

Examples : HTML TAGs

<p></p>

Examples: HTML Elements

<p>This is the content of HTML elements</p>

Back to Questions: Was this article helpful ? - "What is the difference between HTML tags and elements?"

Thursday, May 23, 2019

Do you heard about CSS Float? Can you explain?

CSS Float property helps how an element should float. It is used for positioning and formatting content.

Syntax:

/* Keyword values */
float: left;
float: right;
float: none;
float: inline-start;
float: inline-end;

/* Global values */

float: inherit;
float: initial;
float: unset;

Float values:
left - the element should float left of its container
right - the element should float right of its container
none - the element should not float
inline-start - the element should float on the start side. left side with itr scripts and right side with rtl scripts
inline-end - the element should float on the end side. right side with itr scripts and left side with rtl scripts

Back to Questions: Was this article helpful ? - "Do you heard about CSS Float? Can you explain?"

Wednesday, May 15, 2019

What are the new media components that are incorporated in to HTML5?

The most important elements of html5 are

semantic elements
attributes of form elements
graphic elements
multimedia elements

In that, new media elements are

<audio> : for sound, music or other sound streams
<video> : for feature a picture or other feature streams
<source> : for media components,
<track> : for content tracking

Back to Questions: Was this article helpful ? - "What are the new media components that are incorporated in to HTML5?"

Tuesday, April 30, 2019

Future Career scope for Web Designer

Why do you select your career as Web Designer ? Did anyone prefer to you?

World of website is growing day to day. IT industry provides a lot of openings with startups and have too much career opportunities. Here follows the basic factors why selecting this as career:

Increasing no of websites and users
Simple to do and learn
creative field
high salary growth
freedom to work
possibility to settle down at abroad
skill to start business your own
build your ideas
yield bright future
connect with people all over the world

Back to Questions: Was this article helpful ? - "Future Career scope for Web Designer "

Wednesday, April 10, 2019

The best SEO steps for higher ranking in 2019

Hai Google, How you visible our website? Superb tracking system you are having. Recently you have updated Google algorithm. It's time to change SEO strategies in to new. Here we go to some recommendations.

A. Set up Audience & User Intent across your website.

B. The need for Structured data markup

C. Google’s Mobile First index

D. Build a variety of backlinks

E. Know page speed & loading time

F. Digital Marketing experience

G. Ready for voice search optimization

H. Value of the website content -Keyword oriented

A. Set up Audience & User Intent across your website.

As coming to 2019, SEO concentrated in marketing & research and is still going on. The intent of web searchers is not just stuffing popular keywords into your web pages. It is about integrating keywords that deliver a good result.

User intent Optimization means implementing expedited fashion by bringing all innovative techniques. Voice recognition that helps to reduce much difficulty in typing. Voice search trend became one of the best trends of 2019.

B. The need for Structured data markup

How long does google take to crawl? Do you have any idea? No matter how good your AI takes to load your website. Structured Data Markup is an essential tool to make AI world with the required information to be displayed as on search.

Structured Markup has the ability to give search engine signals to understand supportive content structure. The critical trends of Structured markup are to start understanding, testing and implementing. Structured Markup act as a key link between factual reality and the screen less future.

C. Google’s Mobile First index

Is your website is mobile friendly? Since 2018, Google started migrating to a responsive website. Now, Google prioritizes mobile versions to be first indexed. Do you know the reason why people are changing the desktop to Mobile version? Mobile phones are something portable and easy to handle. Mobile Online searches list is increasing daily. When Google began to index, the issue of poor loading pages resolves far better than before.

D. Build a variety of backlinks

It doesn't matter that SEO strategies will follow or not. SEO well attract more mobile users. Researches will help more in SEO friendly keywords selecting. Well, There is no compromise with mobile indexing will raise the rank of your website.

Backlinks are very important in SEO World. Obtain rank, without backlinks, are really hard. Always choose the links having high-quality content and domain authority. Otherwise, it seems to get spam. Kindly check the backlinks which are do follow and not follow.

Google that checks your entire backlink profile. So be aware while selecting backlinks. Every incredible link you build, create a link that having at least medium quality. You can add up to a variety of all links include blogs, directories, author bio, and forums. Keep in mind that while adding backlinks your site looks more natural.

E. Know page speed & loading time

According to SEO, Page speed is a very important factor affecting your website. Do you know your website page score? There are several tools to calculate page speed via online. Speed optimization for both desktop and mobile are two different metrics. It reflects how your site loads for each visitor.

Google can rate your website as that of your speed score.

Use always a very limited amount of plugins. And make a strong report on SERP (Search Engine Result Page). Do fix all issues related to slow loading.

F. Digital Marketing experience

As when comes to 2019, new possibilities and new marketing techniques have made this way quite different. Digital Marketing includes SEO, social media, PPC, content marketing and so on. Digital marketing is somewhat special that transform hard work to smart work.

Beyond all that, it is a very essential tool for brand awareness, building relationship and positioning yourselves. Social Engine Optimization is a technic to collect user traffic on a website. The ranking is the main factor to success.

G. Ready for voice search optimization

Web Experts predicted that year after year will be voice search year. Although voice search got lots of attention in 2018. Some amazing facts are:

41% of adults at least one search per day - Both teens and adults are interested in voice search of particular use. Voice search make more efficient, cool, safer, multi-tasking communication.

Voice search is exponentially increasing - Voice became a fast-rising trend in search. Interpreting natural language queries to make voice search easier and more accurate.

H. Value of the website content -Keyword oriented

Content Marketing is the king of SEO. Good content will increase web traffic through the search engine. Search engine always loves content and especially updated content. It is important that the professional content writer should seek a close relationship between customers.

Content marketing saves money. The success of your website is the content. One of the best promoters of the website is through Social media. Let's experience the power of social media. Do establish trusted lines of communication with your customers.