HTML Tips and Tricks

So What’s the Fuss Over HTML5? by Kelly Lynn

  Most regular non-tech people know about HTML5 because it’s been said to be the way that Apple’s iOS (that doesn’t play regular Youtube-style Flash video) will be able to easily navigate the world of Web video. HTML5, though, is much more. It is a way to make the web more accessible to users of every kind of device – whether or not they are able to work with Flash. When HTML5 rolls out completely, your browser won’t need to install a plug-in or an app for videos or other content (and continually update itself) – it will simply access whatever video you want. What is HTML5, anyway? Hypertext Markup Language, or HTML, is the programming language that websites are created with. Back in the 90s, a new version of … Continue reading

Easy Coding Site for Web Designers by Kelly Lynn

For web designers looking for a great option to combine a clean web interface with multiple features and the creative freedom of html coding, Webs.com may be a good solution. Packed with features for the beginning to advanced web designer, the professional-looking interface is one of the best features of this online web design solution.   In addition to the easy interface, which creates template-based pages for businesses which look like an expert designed them, it also offers high-quality high-definition audio and video which you can upload through their file uploader. The server automatically converts the video to optimal format to use in the page. All video is created in high-definition, provided it was recorded in that format, and then rendered to a "Flash media" file. Flash is known for … Continue reading

How to Preview Your Website Before It Goes Live by Kelly Lynn

  You want your website to go live seamlessly, which means setting it up and performing complete testing before the general public sees your website. Of course, if you simply put up a new domain for testing, anyone can see it, and this means prying eyes might come upon information not meant for them or see a broken website. Fortunately, your host's hosting control panel software—Plesk and cPanel are popular—provides a way that lets you view your website even before it's live. cPanel Log in to your cPanel dashboard in your browser. Locate your dedicated IP in the “Quick Stats” panel. Type the IP in your address bar, followed by a tilde, then your cPanel user name. For example, if your IP is 192.168.1.1 and your login is “admin,” you … Continue reading

What's New With HTML5 and How It Benefits You by Kelly Lynn

  The Internet has used HTML 4.0 for over ten years; however, HTML5 replaces much of the previous version's clumsy code with streamlined tags that are both more human-friendly and more computer-friendly. Even if you're accustomed to coding the old way, you'll benefit from learning about the new capabilities of HTML5. Simplify Your Doctype The first changes that you'll notice with HTML5 occur at the very beginning of a document. Rather than using a complex document type declaration, HTML used a streamlined doctype: “ ”. Similarly, defining your character set is easier than ever with the following tag in your “”: Making Structure Easier New tags allow you to structure your pages with ease, while enabling search engines to read your code and determine which content is relevant in the … Continue reading

Tips and Tricks – Creating Lists in HTML by Kelly Lynn

  One of the challenges of designing good web pages is making sure that your text is easily readable. When you have lists of items, an HTML list can help you organize your content and make it easier for your site visitors to skim and find the information they need. There are two types of HTML lists, ordered lists and unordered lists. Ordered lists are numbered, while unordered lists use bullets to separate items, as shown below: You’ll only need to learn three different HTML tags to start making your own lists on web pages. Let’s begin by walking through the steps for creating an unordered list. Creating an Unordered List Step 1: Type a tag in your HTML file where you want the unordered list to begin.     … Continue reading

HTML Basics: Inserting Links by Kelly Lynn

When used properly, links can greatly enhance a website’s design as well as its usability.  HTML coding can allow you to insert links to other pages on your site, email servers, or other webpages entirely. Links that are coded in HTML do not appear as a string of URL text, but instead, they are integrated into the text.  This is known as using anchor text. Example: www.examplesite.com/page1.html Page 1 You can insert links using the <a> tag. <a href=“url”>Anchor Text</a> <a href=“www.examplesite.com/page1.html”>Page 1</a> When a user clicks on the anchor text, it will take them to the specified hyperlink.  Anchor text does not always need to be actual text, but can be images or other elements. Example: <a href=“www.examplesite.com/page2.html”>image1.jpg</a> Image1.jpg will be inserted into the page.  If a user clicks … Continue reading

How to Freshen up HTML Tables with CSS by Kelly Lynn

In the early days of the Internet, programmers and designers tried to use HTML to add style and formatting to their web pages. They were never very successful because HTML was designed to control the layout and structure of web pages, not to make them look attractive. Eventually, Cascading Style Sheets were developed to control the style and formatting of pages. Just learning a few CSS styles can go a long way in making your web pages more presentable. Let’s take a closer look at how you can use styles to drastically improve the look of HTML tables. We’ll start with this plain and boring HTML table: Step 1 – Add a <style> tag in the <head> section of your HTML file. It should look like this: <style type=”text/css”> </style> … Continue reading