This course covers essential steps to creating professional resumes that get hiring managers' attention. Learn how to become a resume writer and join the ranks of those who are making a difference by helping others achieve their career goals.

English

This lesson covers:
•The importance of a resume
•Why resumes must be written effectively
•Characteristics of great resumes

Writing with Purpose

This lesson covers the key steps of planning and preparation for resume content development.
Course material included with this lesson:
Resume writing checklist
Resume worksheet - questionnaire for clients to complete

Getting Prepared

This lesson covers each step in the resume building process, including:
<ul>
 <li>Format selection</li>
 <li>Best practices for developing the resume in a timely and efficient manner</li>
 <li>Developing work experience and accomplishments</li>
 <li>Creating a winning performance summary</li>
 <li>Proofreading and polishing</li>
</ul>
Course material included in this lesson:
Resume templates

Building the Resume

This lesson will cover tips and strategies for launching your resume writing service.

Starting Your Own Resume-Writing Business

How to Create Job-Winning Resumes

Certified Professional Resume Writer

Tier 4

Error

Tier 1

Tier 12

Other

Fitness

Martial Arts and Confidence Building Consultant.

Health & Fitness

Pfizer’s rule (also known as Lipinski Rule) of five or simply rule of five (RO5) is a method to evaluate the drug-likeness of a pharm logical and medical substance and to determine whether it has some chemical properties, biological activity, or physical properties that would likely make it an orally active drug in human beings. In other words, it can be simply expressed by stating that, it helps in distinguishing between drug-like and non- drug-like molecules.

This rule was originally given by Christopher A. Lipinski in 1997. Christopher A. Lipinski is a medicinal chemist who has a working experience of more than 34 years with a private based firm known as Pfizer, Inc. And he is very remarkably known for his contribution towards the algorithm that predicts drug compounds that are likely to have oral activity, and this contribution is nonother than his Rule of Five. He has received his Ph.D. from the University of California, Berkeley in the field of physical organic chemistry. Also, in 2006 he received an honoree law degree from the University of Dundee.

The components of Lipinski’s rule are as follows, and they state that; in general, an orally active drug has no more than one violation of the following criteria :

1. No more than five hydrogen bond donors (the total number of nitrogen-hydrogen and oxygen-hydrogen bonds)

2. No more than ten hydrogen bond acceptors (all nitrogen or oxygen atoms)

3. A molecular mass of fewer than 500 Daltons.

4. An octanol-water partition co-efficient.

5. Log “p” should not be greater than five.

*Note: All the figures mentioned above are the multiples of five, which is the source of the origin of the rules name.

Though there had been many controversies regarding the method used to calculate the drug-likeness of a substance using this Rule of Five and there are also many other rules that are way quicker than this rule in calculating the drug-likeness of a substance but this rule (Rule of Five) is considered to be the most popular efficient rule since times. And the very main reason for this is because it is simple to calculate and also it is a quick filter to highlight potential problematic compounds.

Although, using the Rule of Five does not guarantee compound success. Also, compounds that violate more than two of the rules have fewer chances of survival from progress through drug development. And just like any other fact/rule of science, this rule has exceptions too.

Pfizer’s rule (also known as Lipinski Rule) of five or simply rule of five (RO5) is a method to evaluate the drug-likeness of a pharm logical and medical substance and to determine whether it has some chemical properties, biological activity, or physical properties that would likely make it an orally active drug in human beings. In other words, it can be simply expressed by stating that, it helps in distinguishing between drug-like and non- drug-like molecules.
 
This rule was originally given by Christopher A. Lipinski in 1997. Christopher A. Lipinski is a medicinal chemist who has a working experience of more than 34 years with a private based firm known as Pfizer, Inc. And he is very remarkably known for his contribution towards the algorithm that predicts drug compounds that are likely to have oral activity, and this contribution is nonother than his Rule of Five. He has received his Ph.D. from the University of California, Berkeley in the field of physical organic chemistry. Also, in 2006 he received an honoree law degree from the University of Dundee.
 
The components of Lipinski’s rule are as follows, and they state that; in general, an orally active drug has no more than one violation of the following criteria :
1. No more than five hydrogen bond donors (the total number of nitrogen-hydrogen and oxygen-hydrogen bonds)
2. No more than ten hydrogen bond acceptors (all nitrogen or oxygen atoms)
3. A molecular mass of fewer than 500 Daltons.
4. An octanol-water partition co-efficient.
5. Log “p” should not be greater than five.
 
*Note: All the figures mentioned above are the multiples of five, which is the source of the origin of the rules name.
 
Though there had been many controversies regarding the method used to calculate the drug-likeness of a substance using this Rule of Five and there are also many other rules that are way quicker than this rule in calculating the drug-likeness of a substance but this rule (Rule of Five) is considered to be the most popular efficient rule since times. And the very main reason for this is because it is simple to calculate and also it is a quick filter to highlight potential problematic compounds.
 
Although, using the Rule of Five does not guarantee compound success. Also, compounds that violate more than two of the rules have fewer chances of survival from progress through drug development. And just like any other fact/rule of science, this rule has exceptions too.

Student

A gift to all by Sir Lipinski in the form of the method to estimate the amount of substance present in a drug.

Lipinski's Rule of Five

Now is the time to learn HTML. Most technology blogs go into the latest changes and tips. They assume you already know the fundamentals. I have some tricks to make your learning process easy and effective. The first trick is to make learning fun, and then it becomes easy to remember.

You’ll learn more if you engage in the material I present hands-on. Don’t just read about HTML and web pages. Pick a topic you enjoy and your retention will go up. A physical therapist taught me to attach new learning to something old and familiar to make it easier to retrieve the information. You can follow the well-worn path and then branch off to the new fork. Try to pick a topic for your practice website pages that you care about, and then you’ll find it much easier to remember what you learn about HTML.

If you are ready to learn, you’re ready to dive in and give coding a try. Trust me, HTML codes make a lot more sense when you are making them work rather than just reading about them. You won’t believe how easy it will be.

HTML is the primary building block of every page, it defines its structure and contains your content. If you are interested in developing web pages, blogs, apps, or email marketing, then it’s essential to learn HTML. HTML is the foundation the other languages build onto, like iron beams holding up a building. CSS controls the design and formatting, like the granite skin of the building and the color of the paint and carpeting. Javascript would be the electrical and plumbing systems, adding interactivity to the building–making it do things.

HTML is so fundamental that even though things change rapidly and constantly as new technologies evolve, I’m confident HTML will still be around. It’s a good starting point–after you learn HTML codes you can move on to CSS for design and visual presentation, and javascript to add interactivity to your pages.

What does HTML stand for? Hypertext Markup Language

HTML stands for HyperText Markup Language. It is a Language, with its own grammar, called Syntax. Markup Language refers to the idea of marking up your content with tags that surround your content and indicate what kind of information it is. For example, a plain paragraph can be surrounded by tags, and an important heading can be wrapped in <h1> tags. The HTML tags mark up the content to indicate a hierarchy of information. HyperText refers to hyperlinking-links-you know when you click on something and you go to a new page.

So now you know and can take geek pride in saying that HTML stands for HyperText Markup Language.

Now is the time to learn HTML. Most technology blogs go into the latest changes and tips. They assume you already know the fundamentals. I have some tricks to make your learning process easy and effective. The first trick is to make learning fun, and then it becomes easy to remember.
You’ll learn more if you engage in the material I present hands-on. Don’t just read about HTML and web pages. Pick a topic you enjoy and your retention will go up. A physical therapist taught me to attach new learning to something old and familiar to make it easier to retrieve the information. You can follow the well-worn path and then branch off to the new fork. Try to pick a topic for your practice website pages that you care about, and then you’ll find it much easier to remember what you learn about HTML.
 
If you are ready to learn, you’re ready to dive in and give coding a try. Trust me, HTML codes make a lot more sense when you are making them work rather than just reading about them. You won’t believe how easy it will be.
 
What is HTML and why should I care?
 
HTML is the primary building block of every page, it defines its structure and contains your content. If you are interested in developing web pages, blogs, apps, or email marketing, then it’s essential to learn HTML. HTML is the foundation the other languages build onto, like iron beams holding up a building. CSS controls the design and formatting, like the granite skin of the building and the color of the paint and carpeting. Javascript would be the electrical and plumbing systems, adding interactivity to the building–making it do things.
HTML is so fundamental that even though things change rapidly and constantly as new technologies evolve, I’m confident HTML will still be around. It’s a good starting point–after you learn HTML codes you can move on to CSS for design and visual presentation, and javascript to add interactivity to your pages.
 
What does HTML stand for? Hypertext Markup Language
 
HTML stands for HyperText Markup Language. It is a Language, with its own grammar, called Syntax. Markup Language refers to the idea of marking up your content with tags that surround your content and indicate what kind of information it is. For example, a plain paragraph can be surrounded by &lt;p&gt; tags, and an important heading can be wrapped in &lt;h1&gt; tags. The HTML tags mark up the content to indicate a hierarchy of information. HyperText refers to hyperlinking-links-you know when you click on something and you go to a new page.
 
So now you know and can take geek pride in saying that HTML stands for HyperText Markup Language.

Programmer

Now is the time to learn HTML, and you can dive into this blog and learn HTML codes. Want to code HTML? Get your hands dirty!



Is HTML easy to learn?

I’ll use them as examples of how HTML is structured, and you’ll learn where to put these tags in your code, and why they’re on every web page.

The Head and Body tags divide your page into sections. The first and most basic HTML tags you need to learn to code are the Head and Body. The head tag and body tag are how we break every web page into two sections.

Each section has an open and closing tag that surrounds the section, like this:

<title>This is the page title : my name : important keywords

These most basic HTML tags will teach you the rules of all HTML code. Note that it’s important you close every tag. Closing tags in HTML always contain a slash. Note also that none of the letters are capitalized, that is standard in HTML.

FYI: element and tag are interchangeable words, they mean the same thing. I like the word tag because it's shorter and easier to say. But you should know that “head tag” and “head element” mean exactly the same thing.

The <head> section contains elements that are needed by the browser to render our web page, but not something that the person viewing the web page needs to be aware of. Generally, it is for stuff that is about the webpage, i.e. meta stuff…much of it is even called “metadata.”

For example, the <head> section contains the title of the web page (which is visible at the top of the window, or tab, in the web browser).

The title is important: you see it (rather than the file name) if you save a bookmark or favorite in your browser. It’s also a good place to insert keywords to help search engines understand the content on your site. Paying attention to your page title can help you improve your search results.

Surround your page title with <title> tags, and make sure it is inside the <head> section of your web page, like this:

<title>This is the page title :: my name :: important

Notice how the <title> is nested inside the <head> tags. This is another thing that’s not only true of basic HTML code, but is also true of almost ALL HTML tags. When you start a tag inside another tag, it’s important that you close it before you close the first tag. That’s what all this talk about proper nesting is about. For example, if you’d written:

…your code would be all messed up, because the <title> is inside the <head> tag, but ends outside its parent tag. If you are finding errors in your code, check to see that everything is nested properly.

All of the page content falls in the <body> section, surrounded by opening and closing <body> tags. You could think of the body tag as being your “page” tag; it defines the visible page, like this:

ALL THE THINGS go in the BODY tag! If you grabbed embed code from YouTube or you’re writing your manifesto, or you have a chart of all the one-hit wonders from 1872 to the present, it all goes in the <body> tag. Remember: ALL THE THINGS go in the <body> tag. Everything that is, erm, not a thing (i.e. no one will see or interact with it) goes in the <head> tag. Much like on your typical human, the <body> tag is usually much bigger and has more stuff. The body tag has more content because it contains the entire visible page.

There’s one more tag that defines the page and appears in nearly every web page: the <html> tag. This tag surrounds the entire page source including both the head and body sections. Its purpose is to identify the language for the browser’s sake. Web pages are written with more than one markup and scripting language. HTML, CSS, PHP, and JavaScript might all be used on one web page. Each language has a different role. For example, HTML defines the structure and contains your content, CSS describes the visual presentation of the objects, and JavaScript provides the interactivity. So, the <html> tag simply helps the browser know that what is coming next is in HTML language. Remember to properly nest all the tags inside the HTML tag.

Basic HTML Codes: Putting it all together

Let’s put all four tags we’ve learned together to make our first web page. It looks like this:

I’ll use them as examples of how HTML is structured, and you’ll learn where to put these tags in your code, and why they’re on every web page.
The Head and Body tags divide your page into sections. The first and most basic HTML tags you need to learn to code are the Head and Body. The head tag and body tag are how we break every web page into two sections.
 
The Body Tag
 
Each section has an open and closing tag that surrounds the section, like this:
 
&lt;head&gt;
&lt;title&gt;This is the page title : my name : important keywords
&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
This is the page content
&lt;/body&gt;
&lt;head&gt;
&lt;title&gt;This is the page title : my name : important keywords
&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
This is the page content
&lt;/body&gt;
 
These most basic HTML tags will teach you the rules of all HTML code. Note that it’s important you close every tag. Closing tags in HTML always contain a slash. Note also that none of the letters are capitalized, that is standard in HTML.
 
FYI: element and tag are interchangeable words, they mean the same thing. I like the word tag because it's shorter and easier to say. But you should know that “head tag” and “head element” mean exactly the same thing.
 
Basic HTML code: the Head tag &lt;head&gt;
 
The &lt;head&gt; section contains elements that are needed by the browser to render our web page, but not something that the person viewing the web page needs to be aware of. Generally, it is for stuff that is about the webpage, i.e. meta stuff…much of it is even called “metadata.”
 
The Head Tag
 
For example, the &lt;head&gt; section contains the title of the web page (which is visible at the top of the window, or tab, in the web browser).
The title is important: you see it (rather than the file name) if you save a bookmark or favorite in your browser. It’s also a good place to insert keywords to help search engines understand the content on your site. Paying attention to your page title can help you improve your search results.
 
Surround your page title with &lt;title&gt; tags, and make sure it is inside the &lt;head&gt; section of your web page, like this:
 
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords&lt;/title&gt;
&lt;/head&gt;
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords&lt;/title&gt;
&lt;/head&gt;
Notice how the &lt;title&gt; is nested inside the &lt;head&gt; tags. This is another thing that’s not only true of basic HTML code, but is also true of almost ALL HTML tags. When you start a tag inside another tag, it’s important that you close it before you close the first tag. That’s what all this talk about proper nesting is about. For example, if you’d written:
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords
&lt;/head&gt;
&lt;/title&gt;
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords
&lt;/head&gt;
&lt;/title&gt;
…your code would be all messed up, because the &lt;title&gt; is inside the &lt;head&gt; tag, but ends outside its parent tag. If you are finding errors in your code, check to see that everything is nested properly.
 
The Body &lt;body&gt;
 
All of the page content falls in the &lt;body&gt; section, surrounded by opening and closing &lt;body&gt; tags. You could think of the body tag as being your “page” tag; it defines the visible page, like this:
 
&lt;body&gt;Your content here
logos and pictures
videos and text
all of your page content
&lt;/body&gt;
&lt;body&gt;Your content here
logos and pictures
videos and text
all of your page content
&lt;/body&gt;
 
ALL THE THINGS go in the BODY tag! If you grabbed embed code from YouTube or you’re writing your manifesto, or you have a chart of all the one-hit wonders from 1872 to the present, it all goes in the &lt;body&gt; tag. Remember: ALL THE THINGS go in the &lt;body&gt; tag. Everything that is, erm, not a thing (i.e. no one will see or interact with it) goes in the &lt;head&gt; tag. Much like on your typical human, the &lt;body&gt; tag is usually much bigger and has more stuff. The body tag has more content because it contains the entire visible page.
 
The most basic HTML tag: HTML
 
There’s one more tag that defines the page and appears in nearly every web page: the &lt;html&gt; tag. This tag surrounds the entire page source including both the head and body sections. Its purpose is to identify the language for the browser’s sake. Web pages are written with more than one markup and scripting language. HTML, CSS, PHP, and JavaScript might all be used on one web page. Each language has a different role. For example, HTML defines the structure and contains your content, CSS describes the visual presentation of the objects, and JavaScript provides the interactivity. So, the &lt;html&gt; tag simply helps the browser know that what is coming next is in HTML language. Remember to properly nest all the tags inside the HTML tag.
 
Basic HTML Codes: Putting it all together
 
Let’s put all four tags we’ve learned together to make our first web page. It looks like this:
 
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
Your content here
logos and pictures
videos and text
all of your page content
&lt;/body&gt;
&lt;/html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;This is the page title :: my name :: important
keywords&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
Your content here
logos and pictures
videos and text
all of your page content
&lt;/body&gt;
&lt;/html&gt;

You’ll learn the basics of HTML by getting to know the most basic tags that make up every web page: the head tag and the body tag.

Learn the basics of HTML and become a pro!

Once you learn HTML syntax, you’ll know the basic building blocks of hundreds of HTML codes!

I used to think HTML was difficult and hard to memorize. Now I think HTML is simple and elegant. I’d like to share the breakthrough lightbulb moment that changed my opinion about HTML syntax and made it all simple.

My main problem was that I was trying to memorize everything and I thought everything was equally important and it seemed like hundreds of things to learn and remember.

The turning point was realizing that I should be memorizing the general structure of the code, the part that repeats over and over again, and then I can just look up individual tags, much like learning patterns in the English language helps you read English. You know that a capital letter means a new sentence is beginning, and that a period signifies the sentence is ending. If you know the structure of a language, then it’s not too hard to look up new words and use them in your sentences. HTML is also a language, and if you learn it’s grammar, called syntax, then it is not hard to look up a word you’ve forgotten (a tag) and know just how to type it in your code.

So, the day I learned to memorize the syntax of HTML only, and look up tags changed my view of the HTML language: suddenly it seemed simple.

Here’s the syntax of the entire HTML language:

It’s all about tags, attributes & values

You might already know we often mark up content with HTML tags (also called elements) to indicate to the web browser what kind of content it is. If it is a plain paragraph, then surround it with an open and closing tag. For important content, mark up with <h1> or <h2> heading tags.

It gets a little more complex when we need to add more information to the tags, using a combination of Attributes and Values. Let’s turn something complex into simplicity by learning this pattern of attributes and values.

Attributes and values are inserted into the opening tag. The basic pattern of all HTML tags, called syntax, looks like this:

Here we have a heading and its paragraph, marked up with <h1> HTML tags for the important heading, and the HTML paragraph tag to indicate the beginning and end of the paragraph.

Cat videos have taken over YouTube, causing some to consider it CatTV.

The first thing to notice is that the attributes we are going to add to the tag always go onto the opening tag. The closing tags never have attributes or values added to them. Try to think of Attributes as defining the category I am describing, and the Value - the specific description for that category. For example, if there were a tag to describe hair in HTML, I might add attributes to describe the texture, length, or color of hair.

HTML Syntax using an imaginary tag as an example

Of course, HTML doesn’t actually include a hair tag, or allow you to make up tags, so here’s an example using the paragraph tag that we used above to mark up our important paragraph. Normally paragraph tags are aligned on the left by default. Let’s add an attribute to change that default alignment to be centered.

Within the opening tag, the name of the attribute will be followed by an equal sign. There should be a space after the tag name, to separate the attribute from the tag.

Cat videos have taken over YouTube, causing some to consider it CatTV.

Align is our attribute, but you’ll need the value too whenever you add an attribute. Can you guess what the value is? I’ll not let you shiver in anticipation.

The align attribute can cause text to be left-aligned, centered, right-aligned or justified (aligned on both sides). Always put the value in quotes. In this case, to center the paragraph, add align=”center” inside the opening tag.

When you think of the attribute=”value” pair as a single item, it makes sense that there is a space before the attribute but not after the value is attached to its attribute, so there are never any spaces in the attribute=”value” pair.

Sometimes there is more than one attribute needed by a tag. For example, the <img> tag for images often specifies the height and width of the image. When you need multiple attributes, separate each attribute=”value” pair with one space.

For example, the image tag looks like this:

That’s a lot of attributes! Look carefully at the spaces and you’ll see they are only used to separate each attribute=”value” pair from the tag name and each other.

You might wonder about the order of attributes when you have so many. Does it matter? No!  When using multiple attributes the order does not matter at all. Sweet! One less thing to memorize. So, the following examples are all correct, even though they each place the attributes in a different order.

Once you learn HTML syntax, you’ll know the basic building blocks of hundreds of HTML codes!
 
<h2>HTML syntax</h2>
I used to think HTML was difficult and hard to memorize. Now I think HTML is simple and elegant. I’d like to share the breakthrough lightbulb moment that changed my opinion about HTML syntax and made it all simple.
My main problem was that I was trying to memorize everything and I thought everything was equally important and it seemed like hundreds of things to learn and remember.
The turning point was realizing that I should be memorizing the general structure of the code, the part that repeats over and over again, and then I can just look up individual tags, much like learning patterns in the English language helps you read English. You know that a capital letter means a new sentence is beginning, and that a period signifies the sentence is ending. If you know the structure of a language, then it’s not too hard to look up new words and use them in your sentences. HTML is also a language, and if you learn it’s grammar, called syntax, then it is not hard to look up a word you’ve forgotten (a tag) and know just how to type it in your code.
So, the day I learned to memorize the syntax of HTML only, and look up tags changed my view of the HTML language: suddenly it seemed simple.
 
<h2>Here’s the syntax of the entire HTML language:</h2>
<h3>It’s all about tags, attributes &amp; values</h3>
You might already know we often mark up content with HTML tags (also called elements) to indicate to the web browser what kind of content it is. If it is a plain paragraph, then surround it with an open and closing &lt;p&gt; tag. For important content, mark up with &lt;h1&gt; or &lt;h2&gt; heading tags.
It gets a little more complex when we need to add more information to the tags, using a combination of Attributes and Values. Let’s turn something complex into simplicity by learning this pattern of attributes and values.
Attributes and values are inserted into the opening tag. The basic pattern of all HTML tags, called syntax, looks like this:
&lt;tag attribute=”value”&gt;content&lt;/tag&gt;
 
HTML syntax
<h3>First, the tag</h3>
Here we have a heading and its paragraph, marked up with &lt;h1&gt; HTML tags for the important heading, and the HTML &lt;p&gt; paragraph tag to indicate the beginning and end of the paragraph.
&lt;h1&gt;Do you love or hate cat videos?&lt;/h1&gt;
&lt;p&gt;Cat videos have taken over YouTube, causing some to consider it CatTV.&lt;/p&gt;
<h3>Then, add attributes</h3>
The first thing to notice is that the attributes we are going to add to the tag always go onto the opening tag. The closing tags never have attributes or values added to them. Try to think of Attributes as defining the category I am describing, and the Value - the specific description for that category. For example, if there were a tag to describe hair in HTML, I might add attributes to describe the texture, length, or color of hair.
&lt;hair length=”short” texture=”curly” color=”scarlet”&gt;
 
HTML Syntax using an imaginary tag as an example
 
Of course, HTML doesn’t actually include a hair tag, or allow you to make up tags, so here’s an example using the &lt;p&gt; paragraph tag that we used above to mark up our important paragraph. Normally paragraph tags are aligned on the left by default. Let’s add an attribute to change that default alignment to be centered.
Within the opening tag, the name of the attribute will be followed by an equal sign. There should be a space after the tag name, to separate the attribute from the tag.
&lt;p align=”center”&gt;Cat videos have taken over YouTube, causing some to consider it CatTV.&lt;/p&gt;
Align is our attribute, but you’ll need the value too whenever you add an attribute. Can you guess what the value is? I’ll not let you shiver in anticipation.
<h3>Lastly, add a “value”</h3>
The align attribute can cause text to be left-aligned, centered, right-aligned or justified (aligned on both sides). Always put the value in quotes. In this case, to center the &lt;p&gt; paragraph, add align=”center” inside the opening &lt;p&gt; tag.
&lt;p align=”center”&gt;Cat videos have taken over YouTube, causing some to consider it CatTV.&lt;/p&gt;
When you think of the attribute=”value” pair as a single item, it makes sense that there is a space before the attribute but not after the value is attached to its attribute, so there are never any spaces in the attribute=”value” pair.
<h3>Multiple attributes</h3>
Sometimes there is more than one attribute needed by a tag. For example, the &lt;img&gt; tag for images often specifies the height and width of the image. When you need multiple attributes, separate each attribute=”value” pair with one space.
For example, the image tag looks like this:
&lt;img src=”path-to-my-picture.jpg” alt=”alternative text description of the picture” height=”250” width=”350” /&gt;
That’s a lot of attributes! Look carefully at the spaces and you’ll see they are only used to separate each attribute=”value” pair from the tag name and each other.
You might wonder about the order of attributes when you have so many. Does it matter? No! &nbsp;When using multiple attributes the order does not matter at all. Sweet! One less thing to memorize. So, the following examples are all correct, even though they each place the attributes in a different order.
&lt;img src=”path-to-my-picture.jpg” height=”250” width=”350” alt=”alternative text description of the picture” /&gt;
&lt;img src=”path-to-my-picture.jpg” width=”350” height=”250” alt=”alternative text description of the picture” /&gt;
&lt;img src=”path-to-my-picture.jpg” alt=”alternative text description of the picture” width=”350” height=”250” /&gt;

Learning about HTML syntax and its structure is very important. Focusing on the pattern of HTML will make remembering the code a breeze!

HTML syntax is the grammar of the language

You may want to use an image editing software program to adjust the size, crop, and compress your picture before placing it into your web page with the HTML image tag (<img>).

Compressed File Types: .jpg, .gif, .png, or .svg

Use RGB for web photos, and save CMYK for print

Images are created in various color systems, called “color modes.” An image scanned to black and white only is considered a grayscale image. Images prepared for high-quality press printing may be in CMYK color mode, which is designed for four-color process printing with cyan, magenta, yellow, and black ink. Monitors and devices like phones and tablets use light to create color, not ink. Images prepared for screens should be in RGB color mode, which is an image made out of Red, Green, and Blue light.

You can see the red, green, and blue lights that create your TV screen image. All devices that use light to display images use RGB light combined to create millions of colors. This photo is zoomed in so close to the TV screen that you can actually see the individual red green and blue lights.

If your image is not already RGB color mode, then open any image editing program, like Adobe Photoshop or GIMP, and change the color mode to RGB. In Adobe Photoshop, you can change the color mode by going to the Image menu, select Mode, and then choose RGB.

It is a good idea to crop your image and save it at your intended size. This is good for both your site and for the people using it. The bigger your image is, the more bandwidth it takes for web visitors to download it. As you develop bigger and more popular websites, the costs of keeping bandwidth down become important, and not uploading oversized images is a big part of that. Moreover, bigger images take longer to download. Slow-loading pages frustrate readers, and this, in turn, increases the number of people who leave your site (called “bounce rate”). Finally, if you upload a huge image and use HTML to resize it smaller, this small complication can sometimes lead to code problems later.

You should measure the size of your image in pixels since devices and monitors display in pixels. Some print designers might be used to measuring in inches or centimeters—it’s time to switch to thinking in pixels. You may want to save a copy of your image at twice the pixel size you need, based on your intended display size. The double-size image can be useful when adapting your web page appearance to higher resolution devices, like modern phones and tablets, which can be double the resolution of desktop monitors.

There are three different compression formats you may use for images: JPG, GIF, or PNG. All three formats help reduce the file size of your image for faster downloading on your web page. There are advantages to each format. JPG is usually the best choice for photography, giving you good full color and a fairly small file size. JPG is the most commonly used format on the web. GIF is an older format that doesn’t support as many colors as JPG. The chief advantage of the GIF format is that it supports animation, without needing any plug-in or special software to play it. The PNG format is good when you need transparency — something the JPG doesn’t support. So, if you have clear areas in your photo, choose PNG to retain the transparency. The most common format used for pictures on the web is JPG. Photography compresses very well (small file sizes) using the JPG format, which was created specifically for photos.

You may want to use an image editing software program to adjust the size, crop, and compress your picture before placing it into your web page with the HTML image tag (&lt;img&gt;).
 
Web images should be:
 
<ul>
 <li>RGB Color Mode</li>
 <li>Cropped and Sized</li>
 <li>Low Resolution</li>
 <li>Compressed File Types: .jpg, .gif, .png, or .svg</li>
 <li>Use RGB for web photos, and save CMYK for print</li>
</ul>
Images are created in various color systems, called “color modes.” An image scanned to black and white only is considered a grayscale image. Images prepared for high-quality press printing may be in CMYK color mode, which is designed for four-color process printing with cyan, magenta, yellow, and black ink. Monitors and devices like phones and tablets use light to create color, not ink. Images prepared for screens should be in RGB color mode, which is an image made out of Red, Green, and Blue light.
 
RGB Color TV Screen
 
You can see the red, green, and blue lights that create your TV screen image. All devices that use light to display images use RGB light combined to create millions of colors. This photo is zoomed in so close to the TV screen that you can actually see the individual red green and blue lights.
If your image is not already RGB color mode, then open any image editing program, like Adobe Photoshop or GIMP, and change the color mode to RGB. In Adobe Photoshop, you can change the color mode by going to the Image menu, select Mode, and then choose RGB.
 
Choose RGB color mode in Photoshop
Size and Resolution
 
It is a good idea to crop your image and save it at your intended size. This is good for both your site and for the people using it. The bigger your image is, the more bandwidth it takes for web visitors to download it. As you develop bigger and more popular websites, the costs of keeping bandwidth down become important, and not uploading oversized images is a big part of that. Moreover, bigger images take longer to download. Slow-loading pages frustrate readers, and this, in turn, increases the number of people who leave your site (called “bounce rate”). Finally, if you upload a huge image and use HTML to resize it smaller, this small complication can sometimes lead to code problems later.
You should measure the size of your image in pixels since devices and monitors display in pixels. Some print designers might be used to measuring in inches or centimeters—it’s time to switch to thinking in pixels. You may want to save a copy of your image at twice the pixel size you need, based on your intended display size. The double-size image can be useful when adapting your web page appearance to higher resolution devices, like modern phones and tablets, which can be double the resolution of desktop monitors.
 
Compressing images for the web
Compression formats
 
There are three different compression formats you may use for images: JPG, GIF, or PNG. All three formats help reduce the file size of your image for faster downloading on your web page. There are advantages to each format. JPG is usually the best choice for photography, giving you good full color and a fairly small file size. JPG is the most commonly used format on the web. GIF is an older format that doesn’t support as many colors as JPG. The chief advantage of the GIF format is that it supports animation, without needing any plug-in or special software to play it. The PNG format is good when you need transparency — something the JPG doesn’t support. So, if you have clear areas in your photo, choose PNG to retain the transparency. The most common format used for pictures on the web is JPG. Photography compresses very well (small file sizes) using the JPG format, which was created specifically for photos.


You will learn how to prepare an image for use on your web page. 

Preparing images for the web page

Intense and excessive worrying about a situation that may occur ahead is what we define Anxiety as. And this causes sweating, restlessness, fast breathing, lack of concentration, and in some cases insomnia.

One of the leading sources of stress and anxiety these days in the workplace. Working under strict seniors and supervisors, chances of demotion and the fear of getting laid off are the few of those hundreds of reasons why people are suffering from a mental disorder like anxiety these days.

At present day, there is an existing system for the workforce in each and every organization in which you are forced to stick. And this is the reason why most of the people working for such organizations are not able to manage their work, personal and social life equally. And the cause of this is neither they are able to give their best to the organization nor they have physical or mental wellness.

Now coming upon how to manage Anxiety at the workplace. There are a few methods that may seem helpful in managing mental wellness to some extent:

Don’t over-commit or take projects if you don’t have extra time, just be realistic.

Taking breaks during work hours can be beneficial too.

If you are feeling overwhelmed, ask for help. You may return the favor later without being judged.

Communication is a vital key to mental wellness. Communicating can help a lot.

Now for us, not everyone suffers from mental illness, not everyone around is anxious or stressed out. Thus, it’s our hereby duty that if we are in a state of mental peace and mentally stable then we should help people around us who are going through a bad phase in their life.

Intense and excessive worrying about a situation that may occur ahead is what we define Anxiety as. And this causes sweating, restlessness, fast breathing, lack of concentration, and in some cases insomnia.
 
One of the leading sources of stress and anxiety these days in the workplace. Working under strict seniors and supervisors, chances of demotion and the fear of getting laid off are the few of those hundreds of reasons why people are suffering from a mental disorder like anxiety these days.
At present day, there is an existing system for the workforce in each and every organization in which you are forced to stick. And this is the reason why most of the people working for such organizations are not able to manage their work, personal and social life equally. And the cause of this is neither they are able to give their best to the organization nor they have physical or mental wellness.
 
Now coming upon how to manage Anxiety at the workplace. There are a few methods that may seem helpful in managing mental wellness to some extent:
<ul>
 <li>Don’t over-commit or take projects if you don’t have extra time, just be realistic.</li>
 <li>Taking breaks during work hours can be beneficial too.</li>
 <li>If you are feeling overwhelmed, ask for help. You may return the favor later without being judged.</li>
 <li>Communication is a vital key to mental wellness. Communicating can help a lot.</li>
</ul>
Now for us, not everyone suffers from mental illness, not everyone around is anxious or stressed out. Thus, it’s our hereby duty that if we are in a state of mental peace and mentally stable then we should help people around us who are going through a bad phase in their life.

Anxiety has been coined as a very common mental ailment. Although, there can be various reasons behind anxiety. But workplace anxiety is something that is most recurrent in humans.

Anxiety at Workplace

Learn everything about beauty creation — from hair styling and nail art to skincare and face yoga. Browse our online courses, dedicated tutors, or stories on any beauty-related topic you want to learn better.

Simon Morrell

Recommended instructors

More Courses You May Like

Katrina Zawawi

Lose Weight and get into shape intuitively

Mark Keane

How To Meditate For Beginners

Paul Cline

REVERSE AGING: Hidden Secrets Of Growing YOUNGER

Antonio Console

20 min HOME DAILY WORKOUT

Jason Gandy

Martial Arts Workout Challenge | Daily Exercise Routines

Taco Fleur

21-Days to Kettlebell Training for Beginners

Jules Allen

Belly Fat and the number one fat making hormone: Insulin

Marc Werschem

The "Lose Your Belly" Diet

Mark Keane

Secret Enlightenment: The Guide To Your Spiritual Awakening

Mark Keane

Kundalini Dance: Sacred Movements To Activate The Chakras