HTML Tips and Tricks

May 16 HTML, Tips and Tricks

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 →

Dec 02 HTML, Tutorial

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 →

Nov 23 HTML, Tips and Tricks, Web Design

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 →