Seasons Greetings For The Adult Surfer

Date: 2011.02.24 | Category: General, Promotion, WebDesign | Response: 0

How do the national and, international holidays affect our sponsors sales? More than you would think especially if you can offer your surfers something ‘seasonal’ when they hit your site. However, that said, when should you start planning for these holidays and, more importantly, how can you ensure that once you have implemented your seasonal marketing campaigns that they actually work?

Seasonal Marketing – The Basics.

Seasonal marketing is, in effect a method of changing your marketing approach around different times of the year to affect both the volume of sales you make and, more importantly, the uniqueness of the product you are offering your surfers. A good example of this is at Christmas time, many of the sponsors will provide their webmasters with banner with a holiday feel to them, perhaps using scantily clad men in Santa outfits or half naked women in elves costumes. By offering a seasonal marketing approach to your site surfers you actually increase the chances of making a sale.

Holiday Porn.

One of the best ways to offer your surfers a fresh marketing angle is to ensure that you plan for all of the major holidays throughout the year in advance so for example, as mentioned above, Christmas is a big holiday as are, New Years, Easter, Thanksgiving (US), Independence Day (US) and, Halloween. By building sites specifically for these holidays you are increasing the chances not only of building your sales but, of gaining additional traffic that you might otherwise lose out on. It has been said certainly over the last four years i have worked in the adult industry that many webmasters experience an increase in search engine traffic searching on keywords such as ‘Christmas Porn’ and, ‘Ghost Porn’ around the various holidays, build now for next year and, when the holiday season arrives, you will be one step ahead of your competition.

Seasonal Marketing Overview.

As already mentioned the holiday season especially Christmas time, can be a great way to gain additional traffic, not only from those surfers specifically looking for Christmas Porn but, also the newbie adult surfers who have perhaps only just got their first computer on Christmas day, by adding to your collection of seasonal porn sites year after year you will not only learn a lot about the way the various holidays and seasons affect your sales but, you will also be able to profit from your surfers in a way that not many other webmasters do.

Article written by Lee

Sample Adult Model Release Form

Date: 2011.02.21 | Category: Forms & Contracts | Response: 0

For many webmasters the option of being able to shoot their own content is a wholly viable one as such, you should ensure that the models you are using sign a suitable release form. Below we have set together a pretty industry standard model release form which you may duplicate if you so wish. European Webmasters would however, recommend that you get professional legal advice in respect of this matter and that this is no substitution for proper legal advice.

I, (Please Print) ____________________ (Model), for good and valuable consideration, the receipt of which is acknowledged, give to [INSERT YOUR LEGAL NAME HERE] (Photographer), his legal representatives, successors, and all persons or corporations acting with his permission, unrestricted permission to copyright and/or use, and/or publish photographic portraits or pictures of me, and the negatives, transparencies, prints, or digital information pertaining to them, in still, single, multiple, moving or video format, or in which I may be included in whole or in part, or composite, or distorted in form, or reproductions thereof, in color or otherwise, made through any media in his studio or elsewhere for art, or any other lawful purpose.

I hereby waive any right that I may have to inspect and approve the finished product or copy that may be used in connection with an image that the Photographer has taken of me, or the use to which it may be applied.

I further release the Photographer, or others for whom he is acting, from any claims for remuneration associated with any form of damage, foreseen or unforeseen, associated with the proper commercial or artistic use of these images unless it can be shown that said reproduction was maliciously caused, produced and published for the sole purpose of subjecting me to conspicuous ridicule, scandal, reproach, scorn and indignity.

I acknowledge that the photography session was conducted in a completely proper and highly professional manner, and this release was willingly signed at its termination.

I certify that I am not a minor under the laws where I live, and am free and able to give such consent.

Model’s signature:_________________________ day___/month___/year_____ Address:___________________________________ City:______________________________________ State/Province:______________________________ Country:___________________________________
Zip/Postal Code:_____________________________
Country area code and home telephone number:(______)____________________________
Witness (non family member):___________________________________
Witness (non family member):___________________________________
This form will be retained with the negatives, transparencies, digital media, and/or contact sheets. day___/month___/year_____ {INSERT YOUR LEGAL NAME HERE}.

The above model release form is to be used as a mere example form and, when entering into any contractual agreement with any model for photographic / video work you should always seek proper legal advice.

Article written by Lee.

Adding Images To Your Web Pages

Date: 2011.02.21 | Category: WebDesign | Response: 0

The Basics

Adding Images To Your Web Pages – The Basics.

So you have just got into the online adult business but don’t know your ass from your elbow, you have the simplistic stuff relating to HTML down but, you want to find out how you can start adding banners and images to your pages here is a quick guide to help you on your way.

What Is An Image?

The answer, is, believe it or not simple, An image is a picture on a page of your website. There are however, many way to display images on your site from the size of it to the overall effect you want the image to have on your HTML page and from borders around the image and many other things.

However, I don’t want to blind you with information at the moment considering you need to actually know the basics of adding images before you can start using fancy styles and the likes.

Adding A Basic Image.

The HTML code to add an image on any HTML based page is a straight forward one however, before you can use this HTML tag you need to know where on your page you want the image to appear.

Now that you have decided where you want your image to display you need to use the image tag, the HTML coding to place an image on your page should be IMG. Also, you will need to tell your page where you want the image to come from or, in other words, you need to tell it the source of the image you want to use the HTML tag to do this is SRC.

For example, lets say you have an image called porn.gif (you need to include the extension in your SRC coding) you would display this image on your page using the following code:

<IMG SRC=”porn.gif”>

Simple huh?

Well, actually, maybe not, for example, what do you put if the images you are linking to is NOT in the same location as the page you want it to appear on? That’s not a problem, all you need to do is use the FULL location of the image in your IMG HTML tag like this:

<IMG SRC=”http://www.domain.com/images/porn.gif”>

You should now be able to include images on your pages without any problems.

Image Sizes.

Ok we can now include an image on our pages but, what if we want to make this image fit the feel of the rest of our page / site, how do you manipulate the graphic to ‘look’ right?

There are a number of ways images can be manipulated for example, if you want the image to be 100 pixels wide by 100 pixels high you can add the WIDTH and the HEIGHT tag to your HTML coding like this:

<IMG SRC=”http://www.domain.com/images/porn.gif” WIDTH=”100″ HEIGHT=”100″>

That will now resize your image into a square that is 100 pixels wide and high.

Now we have the image on our page in the right size we require what else can we do with it? Read on..

Borders + Colors.

In addition to placing the image and resizing the image on our pages we can also add a border and, a border color to the mage to make it stand out if needed for example:

<IMG SRC=”http://www.domain.com/images/porn.gif” WIDTH=”100″ HEIGHT=”100″ BORDER=”2″ BORDERCOLOR=”FF0000″>

As you can see we have now added the two tags ‘BORDER’ and ‘BORDERCOLOR’. The first ‘BORDER’ tag tells your HTML what size of border you want around your image and, this can be any size you want to make the image stand out on your page. The second ‘BORDERCOLOR’ tag tells your HTML code what color you want the border to be again, this can be any color you like to match the rest of your sites pages.

Linking An Image.

In addition to resizing, adding borders and colors we can also link our image to a specific URL (the most common form of this is with banner advertising) and, if you want to link your image to a URL you would use the following coding:

<A HREF=”http://www.sponsorsurl.com”><IMG SRC=”http://www.domain.com/images/porn.gif” BORDER=”2″ WIDTH=”100″ HEIGHT=”100″ BORDERCOLOR=”FF0000″>

This will create an image that is 100×100 pixels in size, with a border size of 2 pixels in the color FF0000 that is linked to http://www.sponsorsurl.com

Also, the order of the HTML tags we use is not important however, you should try to get used to arranging them in a certain way to make your work easier if it ever comes to editing your images.

Hopefully this has been of use to you and you can now see that adding banners and images to your sites isn’t as daunting as you first thought.

Article written by Lee.

Formatting HTML Text Using Tags

Date: 2011.02.22 | Category: WebDesign | Response: 0

Formatting HTML Text Using Tags.

As we know there are many elements to a website from graphics to text. In this article we are going to have a closer look at text and, more importantly how we format the text to look like we want it to.

The text of the HTML pages we create, as you already know goes inside the <body> tag of our HTML pages but, unless you are using a WYSIWYG editor you can not just click a button and make it appear bold or italic therefore we need to get to know some of the text property tags that can be used to enhance our HTML text. Lets take a look at some of these now.

<b> Any text inside these two tags will appear bold on our page</b>
<i> Any text inside these two tags will appear in italic on our page</i>
<u> Any text inside these two tags will appear to be underlined on our page</u>
<big> Any text inside these two tags will appear BIG on our page</big>
<small> Any text inside these two tags will appear small on our page</small>
_{Any text inside these two tags will appear subscript on our page}
^{Any text inside these two tags will appear as superscript on our page}

There are also things called ‘heading tags’ these will work the same as the formatting tags mentioned above however there are only six of them and they look like this <hx> with the x being replaced by a number from 1-6 the lower this number is in the tag the LARGER our text will become so for example:

<h1> Will be the largest heading text</h1>
<h2> Will be the next smallest heading tag</h2>
<h3> Will be smaller again </h3>
<h4> Will be one size smaller again</h4>
<h5> Will be the second to smallest heading size</h5>
<h6> Is the smallest of the heading tags</h6>

Also, you should remember that it *IS* possible to use more than one of the text tags in any single line of portion of text on our web page so for example, if i wanted to have bold underlined italic text my tags for the text would look like this:

<b><i><u>This text is bold, in italics, and underlined</u></i></b>

You will notice from the above example that the tags were opened and closed in the same order they were created this doesn’t have to be done like this but, in the long run, it is easier for you as a webmaster to code your pages this way.

Hopefully this article has given you a further understanding on how we can format out text and you will be bale to put this into practice on the next site you build.

Article written by Lee

Adult Employment Vacancies

Date: 2011.02.21 | Category: Employment | Response: 0

For some the prospect of being able to work for another company online is something that they may ultimately want to pursue however, just how do you go about finding work for one of the many adult companies and, more importantly, how can you ensure that you have a better chance of being hired for the job once you find the position you would like to have at the company?

Online Adult Employment – Job Types.

Working in the adult industry can take many forms however, the most commonly perceived adult industry job is that of a model but, what about other online job vacancies such as graphics designer, marketing manager, sales director, and webmaster support representative, just how do you find out what companies are hiring and more importantly, what adult employment vacancies they have.

Adult Employment Agencies.

For many webmasters the chances of finding employment in the adult industry at a ‘regular’ online employment agency such as monster.com may seem impossible however, that said, many of the larger companies have realized the value of the mainstream employment agencies and, as such are now advertising on these sites for their staff but where else can you look? Well there are actually several adult industry employment sites that adult webmasters can look at to find their ideal job for example Adult Staffing, Sexy Jobs and, Adult Help Wanted in addition to several smaller sites operated by companies such as Cybererotica.

Improving Your Employment Chances.

So now you know where to look for adult employment opportunities what can you do to ensure you have a greater chance of being hired? Well as with the mainstream bricks and mortar job market having a good curriculum vitae (CV) can be a good start, ensure you keep your CV regularly updated and that it contains pertinent information for the type of job vacancy you are looking for in addition, often the first method of contact you will make with these potential employers will be via email or cover letter, make sure that you spend some time to write a letter that is not only noticeable but, interesting and, more importantly, grammatically correct. Demonstrate in this first stage of contact with your potential future adult employer that you take pride in your work and, you might just get bumped to the top of the ‘must see’ applicants.

Adult Jobs – Overview.

Many webmasters forget that there is more to the online adult industry than being able to party with the best of us and, whilst this does form a chunk of the industry overall it is not conducive of you further enhancing your online career, take the time to investigate all of the avenues available to you and, most importantly, make sure you choose a job that you not only want to do but one that you will enjoy, your reputation is the one thing that a potential adult employer will take into consideration, if you have had several previous jobs all lasting for short periods of time, it wont look as good to them as if you have only had a couple of jobs for a lengthier time frame. Most of all remember that whenever you contact a company looking for employers, make sure you are prepared and professional even if it is just sending them a quick email asking for further information.

Article written by Lee.

Doorway Pages

Date: 2011.02.22 | Category: Traffic, WebDesign | Response: 0

A doorway page is built to rank high for a particular keyword or search phrase. When your doorway page is visited by the searcher it simply has a “click me” button which links to your web site. The major search engines accept these pages as long as the end result does provide what the searcher is looking for. If you are discovered to be using doorway pages for irrelevant keywords you can expect to have your entire domain unlisted. For instance, one of our doorway pages is built to rank high for the search term -Adult Content—which is quite acceptable because when the searcher gets here he can find links to adult content providers from our site. If however, he couldn’t find links to adult content then we would risk the wrath of the all powerful search engines.

Once you have selected your keywords and phrases (about 50 would be the normal) you need to build a doorway page for each keyword and ideally, for each major search engine. All the major engines look for different keyword density in the text, title and description so you need to do some research by doing a search using your chosen phrase or keyword and studying the top 10 results at each engine (if you can spot them, study high ranking doorway pages).

Make notes of how many times the phrase or keyword is used in the title, description and body text. Is it used in header text etc? Once you have built a picture of what your doorway page should look like you can build it using your favorite html editor. Once you have done one for a particular engine the other 50 or so pages can be done by simply replacing keywords for keywords. After you have done a page for each keyword move on to the next search engine. Remember that your body text is not important but make each page unique or it may be considered spamming. It is your keyword or phrase density that you are attempting to get right. The page, when visited by a person, will be recognized for what it is, simply a link to the real content so don’t worry too much about what it looks like. When a search engine spider visits the page it is only interested in counting the keyword density in your body text.

As you have probably worked out there is quite a lot of work involved. 50 phrases or keywords=50 pages X the top 8 search engines= 400 pages. In reality though, you are only creating 8 doorways, 1 page for each search engine. For all the other pages you simply have to substitute the keyword for the next and alter the text around so as not to finish with 50 identical pages. OK, nearly finished but the next step is crucial if your doorways are to work.

Put all your pages in a folder on your server e.g. Mydomain/doorways/. Then create 2 more pages that have a link and a small description to each of your doorways (200 on each) and to each other. These are called corridor pages because the spider travels down them, visiting each page linked off them. Call these 2 pages index and home and place them in the folder with your doorway pages. Then place links to these two pages from your main index page so that a spider will be able to find them and list all your doorways. Submit only your index page and your 2 corridor pages. Do not submit your doorways to the engines.

Ideally, and if you can afford it, you should set up a new domain and host for your doorways. This isn’t essential but it does have benefits. These are: If you do get over zealous with your doorways and an engine does ban you for spamdexing at least your real site will be safe. Engines rank sites higher if they have lots of links to them from other domains. You can put your most important keywords in your new domain name, which will increase the ranking of the doorway pages containing those keywords.

Now all you have to do is wait for the engines to update their databases. We have had the best results with Google.

Article written by Lee

Building Your Brand – Business Basics

Date: 2011.02.21 | Category: Branding | Response: 0

Many online businesses have a good solid brand name attached to them already for example, ARS (http://www.adultrevenueservice.com), Webair (http://www.webair.com) and, WEG (http://www.wegcash.com). These companies have worked long and hard to build up their own brand name on the internet and, specifically, in the adult industry where, it almost seems that everyone is out to make a name for themselves so, how do you as a small business owner get a piece of this branding pie?

Branding Basics.

The word ‘Brand’ or ‘Branding’ can refer to several items when used as a noun to describe a company name, product, service or, trademark. Branding started centuries ago when cattle ranch owners used to place their unique insignia on their cattle so that surrounding ranch owners knew who the cattle belonged to and, so that the owners of the brand knew if their cattle were being stolen by others.

Starting The Branding Process.

From the very first site you build you should start working on your own inimitable brand name or logo, perhaps it will consist of a small logo on top of every page you build or even a simple text link for your sites domains, either way, the one thing that is important in recognizing a brand is being able to place it to a product instantly.

Building Your Brand Name.

Now that you have started the branding process how can you continue to grow your businesses brand name or product even further? This is what we will take a look at next.

Domain Name Registration.

Buy the domain name that is representative of your ‘brand name’ if your brand is going to be 123pornosex then go and register 123pornosex.com be cautious though, just because you think of a brand name, you should ensure the domain is available to register BEFORE you start using that brand in detail.

Getting The Word Out.

This may seem like the hardest of tasks at first but, once you make a start in branding your site or, yourself this is relatively easy to keep up on an ongoing basis.

Visit the boards, use your tagline as often as possible and, either mention your brand name in the tagline or, link to your brand names website. This is especially easy to do if you run a TGP or some other site that needs to attract webmaster traffic in order for it to succeed.

Start your own newsletter, this may seem an odd way to build your brand up but, if you name your newsletter the same as your brand name for example you might have a text link saying:

Join the BRANDNAME Newsletter.

This keeps the branding process alive and well. The next step you should take it to ensure that the sender address of the email is something like brandname@brandname.com again, even though you have collected the email addresses by sending out mailings from an address like the one above you have more of a chance of your brand name actually staying in the mind of the newsletter recipient.

In addition to a newsletter, you might also like to consider having a designer make you a logo or button you can use on your site/s this will come in handy for several uses for example, if you own a traffic site you can use this logo as a reciprocal link, you can use it in your signature on message forums and, you can even include it on sites you build.

You might also like to consider writing articles for other sites to use, usually the sites that publish your articles will place a link or a small bio to you or your site, this is another way to increase the ‘exposure’ of your brand.

Branding Overview.

All in all, building a brand name for yourself or your business need not be a hard and tedious task in fact, if you start off almost immediately building up name recognition for you and your sites. Regardless of what type of product, service or site you operate getting your brand name recognized by both webmasters and surfers can lead to a lot of money long term, start now and reap the benefits later in your career.

Article written by Lee.

Adult Webmaster Health

Date: 2011.02.21 | Category: General | Response: 0

Sounds to me like you are a webmaster. Most of us realize that working at a computer everyday can and often is, bad for our health in one way, shape or, form. However, how do we alleviate these potential problems with our health?

Well in this article I will detail some of the things that can often affect the webmasters in our industry and how they can be solved.

RSI (Repetitive Stress Injuries) are the results of, as you may have figured out already, the effects of constantly doing the same movements over and over again using specific parts of your body. One of the most common of these that webmasters are aware of is CTS (Carpal Tunnel Syndrome) which is a result of typing a lot.

So, how do you combat the effects of CTS? First and foremost, if you experience any form of pain at all, your first port of call should be the doctor, the pain you are feeling could be an indicator of a bigger problem. If you think your pain might be caused by use of the computer then an occupational therapist might also be a good person to visit.

CTS is often attributed to use of your digits and poor hand positioning when you type one way to solve this problem is to go to Office Depot and purchase a wrist rest, this will ensure your wrist has ample support whilst you are working throughout the day.

You might also like to try re-positioning your monitor, as a general rule of thumb, having your monitor placed about 20 inches away from your face will usually result in good posture and that in itself can often be a solution to the potential medical problems. One other thing on your posture, get a good chair, one with a high back may be good, these generally offer you more support and, can stop that awkward habit of leaning into your keyboard when you type.

Eyestrain, Eyestrain is another common problem that the webmaster faces, often it leads to things such as excessive headaches, fatigue and, blurry vision, the most acceptable relief from eyestrain is the use of screen filter that will reduce the glare your monitor emits.

There of course, some other things you can do to alleviate this problem such as, Adjusting your monitor so the top of the screen is no higher than eye level, as already mentioned, keeping the monitor a safe working distance from you, usually between 18 and 30 inches is recommended by doctors.

We know computers are machines and tend to forget that our own bodies are complex machines which, should be looked after just as our computers should be, we often forget that sitting at the PC building what was meant to be a 10 minute site can turn into an hours worth of ‘online work’. Take some time every now and again to stand up and walk for 5 minutes, even if it is just to the local store to buy some more smokes, you are actually getting some exercise and, even though the tar in your smokes will end up killing you anyway, you’ll at least be able to work a little longer without getting any problematic computer related medical symptoms.

This article is not meant as an alternative to visiting your physician and, should you think that any of the above are relevant to you then it is recommended that you visit your doctors without delay and follow any advice that they give you.

Article written by Lee.

Adult Webmaster Conventions – Remember When?

Date: 2011.02.21 | Category: General | Response: 0

Most webmasters who have been working in the adult industry for a year or two have attended an adult webmaster convention of some sort and, those of us who had the privilege of attending our first webmaster show three to four years ago will know one thing that many others don’t, there used to be a time when you could attend a webmaster show for example, the one held at Disney World (how many of you remember that?) when apart from being relaxing, you would also get a lot of business done alas, times have changed.

Fighting, Drug Taking, Getting Drunk, Rape Accusations, Theft and Criminal damage would be the headline in the national press should one of these reporters attend today’s webmaster convention, instead of a relaxing atmosphere in which you can get business done you find a slew of webmasters who, well, lets be honest here, are only attending these shows for one reason, to get drunk (for free) and to have a laugh.

Of late there seems to have been an influx of people (notice I used the word people and not ‘adult webmasters’) joining the adult industry who would appear to think that our business model is one of all night partying, sordid sex sessions and drug taking, whilst, I will be the first to admit this has gone on in the past it would certainly seem that the last 2-3 years has seen more than its fair share of the negative events happening at these conventions.

Take for example the recent Hollywood Internext Expo show, one incident that comes to mind was the fool who decided it would be a good idea to smash the mezzanine canopy above the hotel lobby, to my knowledge the culprit was never found however, I am sure there are those out there who knows who it was and well, lets be honest, they quite possibly you could be reading this article.

So what happened? How did these shows change so drastically? Quite simply I think it was the sudden onslaught of press coverage about how the adult industry makes so much money for everyone and, whilst there is a lot of money to be made in the industry, it takes a lot of work to achieve making the reported figures by the press.

To many people are entering the adult industry thinking that the ‘norm’ is that of what you can find on your average day of visiting GFY and whist, this is perhaps true for the circle of webmasters who do frequent boards such as GFY for the vast majority of hard working webmasters in the industry, the behavior of those webmasters couldn’t be further from the truth.

So where is all the business being done at the shows? It would appear that event after event the open invite list of parties are being cut down to be taken over by more intimate and sociable private parties in fact, as a company we our ourselves holding several smaller invite only parties for those people that we actually want to do business with on both a personal and a professional level.

So what does the future have in hold for the adult industry events, in all honesty I do not know however, one thing is for certain, if things continue on their current route, things are going to become a whole lot worse before they get any better.

Article written by Lee.

Cascading Style Sheet Basics

Date: 2011.02.21 | Category: WebDesign | Response: 0

CSS (Cascading Style Sheets) have been around for a while now, and act as a complement to plain old HTML files.

Style sheets allow a developer to separate HTML code from formatting rules and styles. It seems like many HTML beginners’ under-estimate the power and flexibility of the style sheet. In this article, I’m going to describe what cascading style sheets are, their benefits, and two ways to implement them.

Cascading What’s?

They’re what chalk is to cheese, what ice-cream is to Jell-O they complement HTML and allow us to define the style (look and feel) for our entire site in just one file!

They get their name from the fact that each different style declaration can be “cascaded” under the one above it, forming a parent-child relationship between the styles.

They were quickly standardized, and both Internet Explorer and Netscape built their latest browser releases to match the CSS standard (or, to match it as closely as they could).

So, you’re still wondering what a style sheet is? A style sheet is a free-flowing document that can either be referenced by, or included into a HTML document (Kind of like using SSI to call a file but not, if that makes sense). Style sheets use blocks of formatted code to define styles for existing HTML elements, or new styles, called ‘classes’.

Style sheets can be used to change the height of some text, to change the background color of a page, to set the default border color of a table the list goes on and on. Put simply though, style sheets are used to set the formatting, color scheme and style of an HTML page.

Style sheets should really be used instead of the standard , < b >, < i > and < u > tags because:

One style sheet can be referenced from many pages, meaning that each file is kept to a minimum size and only requires only extra line to load the external style sheet file

If you ever need to change any part of your sites look/feel, it can be done quickly and only needs to be done in one place: the style sheet and furthermore, it is done globally.

With cascading style sheets, there are many page attributes that simply cannot be set without them: individual tags can have different background colors, borders, indents, shadows, etc.

Style sheets can either be inline (included as part of a HTML document), or, referenced externally (Contained in a separate file and referenced from the HTML document). Inline style sheets are contained wholly within a HTML document and will only change the look and layout of that HTML file.

Open your favorite text editor and enter the following code. Save the file as styles.html and open it in your browser:

Cascading Style Sheet Example.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

This is one big H1 tag!

When you fire up your browser, you should see the text “This is one big H1 tag!” in a large, blue Verdana font face.

Let’s step through the style code step by step. Firstly, we have a pretty standard HTML header. The page starts with the tag followed by the tag. Next, we use a standard tag to set the title of the page we are working with.

Notice, though, that before the tag is closed, we have our tag, its contents, and then the closing tag.

h1
{
color: #636594;
font-family: Verdana;
size: 18pt;
}

When you add the style sheet code inline (as part of the HTML document), it must be bound by and tags respectively. Our example is working with the tag. We are changing three attributes of the ’s style: the text color (color), the font that any tags on the page will be displayed in (font-family), and lastly, the size of the font (size).

The code between the { and } are known as the attributes. Our sample code has three. Try changing the hexadecimal value of the color attribute to #A00808 and then save and refresh the page. You should see the same text, just colored red instead of blue.

An Example Of An External Style Sheet.

External style sheets are similar to internal style sheets, however, they are stripped of the and tags, and need to be referenced from another HTML file to be used.

Create a new file called “whatever.css” and enter the following code into it:

h1
{
color: #a00808;
font-family: Verdana;
size: 18pt
}

Next, create a HTML file and name it test.html. Enter the following code into test.html:

External Style Sheet Reference Example.

This is one big H1 tag!

As mentioned above, you can see that the actual code in whatever.css is exactly the same as it was in the inline example. In our HTML file, we simply place a tag in the section of our page. The rel=”stylesheet” attribute tells the browser that the link to the external file is a style sheet. The type=”text/css” attribute tells the browser that whatever.css is a text file containing CSS (cascading style sheet) declarations. Lastly, the href=”whatever.css” attribute tells the browser that the actual file we want to load is whatever.css.

Conclusion.

Well, there you have it, a quick look at style sheets and how to implement both an inline and external version. Checkout the links below if you’ve never worked with cascading style sheets before. You will be surprised at some of the things you can do with them!

Article written by Lee.