Friday 14 February 2014

HTML Code Fungtion

In the event you, like so lots of other small virtual assistant solopreneurs out there, are generating your net site by yourself.. you ought to know code. Not at the uber-geek level, but some general code. Knowing how to read code can save you a ton of time when it comes to updating widgets, generating campaigns and tweaking changes here and there.

Why ought to I learn some HTML code?

You are also going to have clients who need a small something changed, fixed, or updated. Be proactive and get formatting errors, mismatched type, and broken links fixed.

In the event you use WordPress for your site, you can still incorporate HTML.. and sometimes it is basically simpler to snag a generated HTML code snippet and paste it in to your WordPress post or page. In this type of situation, one time you have the generated HTML code, go to WordPress and start your page or post. To the top right of the body field you will notice "Visual" and "Text." Text is where you would paste your HTML.

No. You can write code in Notepad, which every PC has. There's as well as a bunch of WYSIWYG ("What You See Is What You Get") online HTML editors out there . In the event you need a speedy alter or tweak, they are handy to bookmark.

Do I Need Special Program?

Do I need to know anything else?

Keep in mind that code is kind of like a highlighter. You highlight the parts that you need to fancy up but putting HTML before AND after the special bits. The code is trapped inside carrots, otherwise known as these small things: <>

Tip: Keep in mind you need to open the carrots and close them.
The net has evolved over the years and because of that, there can be over set of HTML codes for the same thing. For example, see the codes for italics below.

Back in the day, they used to call 'em less-than and greater-than signs.OK.. Short List Me!

There's ton of fundamentals out there, so let's start (& keep in mind that this won't show the actual formatting):

Horizontal line: <hr>
Line Break: <br />
Adding an picture: <img src="http://www.yoursite.com/image1.png">
If you are picture is sizable, you can tell the code how sizable to make the picture: <img src="http://www.yoursite.com/image1.png" width="400" height="350">
Did You Know?
Did you know that you can view the HTML for any website? Depending on your browser, you can see the geekspeak by

Paragraph: <p></p>
Bold: <b></b> This is how to <b>bold</b> text.
Italics: <i></i> This is how to <i>italicize</i> text.
You can also use <emphasis></emphasis> in lieu of <i></i>
If you are used to using Microsoft Word's Styles & Formatting, then you are familiar with Header formatting. HTML also makes use of headers H1-H6:
<h1>Title goes here</h1>
<h2>Sub-Title here</h2>
<h3></h3> & so on..
 as important as formatting your type is, it is also important to insert links.
Link to a page: <a href="http://www.yoursite.com">Your Site Name</a>
In the event you require the page to open in a new tab/new window, then you would use: <a href="http://www.yoursite.com" target "_blank"></a>
Link to electronic mail: Send an electronic mail to me at: <a href="mailto:you@yoursite.com>me@mysite.com</a>
Other HTML Codes
There's a few HTML codes that do not need a close.

At Out of the Office, they offer ideas & ways to increase your productivity, decrease your workload, & work more effectively. They nurture a successful business relationship, while continuing to grow as your business partner. They are focused on streamlining your administration, social media planning & execution, & offering creative solutions for your business success. Schedule your free 30 minute consultation by visiting our website.

Web Explorer: Right click on the page & pick "View Source"
FireFox: Right click on the page & pick "View Page Source"
Chrome: Right click on the page & pick "Inspect Element"
Opera: Right click on the page & pick "View Page Source"
At the finish of the day, any additional knowledge or experience that you add to your VA toolkit will only add to your value & make you indispensable to your clients.


No comments:

Post a Comment