Build Your Own Business Website header image

Introduction to HTML

Introduction to HTML for WordPress & Genesis 2 Users – Part 16 – Create a Button for a Link

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

There's one last thing in this Introduction to HTML for WordPress and Genesis 2 Users seminar that I want to do with these testimonial boxes and that is to style a link tag here. So far we’ve added structural HTML to them and structural CSS to style them. Now let’s add a link tag to

Introduction to HTML for WordPress & Genesis 2 Users – Part 15 – Using Structural CSS to Style Structural HTML Elements

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So we’ve created these testimonial boxes using structural HTML and we’ve discuss some issues that arose like clearing floats. But now we need to work on styling these testimonial boxes with CSS. I'm going to get rid of that blue text in the first place by deleting this .entry-content color:blue. Save that custom CSS. Then

Introduction to HTML for WordPress & Genesis 2 Users – Part 14 – Using Structural HTML in a Post or Page

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML in WordPress and Genesis 2 seminar, what we're going to take a look at is using structural HTML in a post or a page. Let’s come over here to the structural HTML page and let's edit this page. What we're going to do is insert some images into this,

Introduction to HTML for WordPress & Genesis 2 Users – Part 13 – Using the Genesis Body Class System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So far in this Introduction to HTML in WordPress and Genesis 2 seminar we’ve looked at CSS rules that would be applied across the site. We just worked with .entry-title and .content .entry-title a which are going to be applied everywhere that this is on the site. But Genesis and WordPress both have a body

Introduction to HTML for WordPress & Genesis 2 Users – Part 12 – Styling Lists in Genesis 2 Using CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to - ,

Now that you’ve got the basics of how to style text and fonts with CSS, the next thing we're going to do is work on styling lists in Genesis 2. We're going to go over to w3schools and then to Learn CSS. Scroll down and look for lists, styling lists and now we have some

Introduction to HTML for WordPress & Genesis 2 Users – Part 11 – How the Font Got its Color

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’ve begun the conversation about how to find the correct selector for your CSS rule and now we’re going to delve into that further while talking about how the font got its color. So this is a continuation of the video Styling Text with CSS in Genesis 2. We're going to start that off by

Introduction to HTML for WordPress & Genesis 2 Users – Part 10 – Styling Text with CSS Genesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

We’ve talked about styling text with inline styles and now it’s time to talk about styling text with CSS in WordPress and Genesis 2 as part of this Introduction to HTML for WordPress and Genesis 2 Users seminar. So really, any conversation like this begins with what is CSS? CSS is a language for defining

Introduction to HTML for WordPress & Genesis 2 Users – Part 9 – Styling Text with Inline Styles

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to using HTML in WordPress and Genesis 2 seminar, we're going to discuss styling text using inline styles. There are good ways and bad ways to use inline styles for customizing text. I demonstrated a bad way earlier with the span tag that had the color in it so now I

Introduction to HTML for WordPress & Genesis 2 Users – Part 8 – Using Images in HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Next in this Introduction to HTML for WordPress and Genesis 2 we’re going to talk about using images. You're already familiar with inserting images in HTML and images are a very important part of what you’ll be learning here. I'm going to place an image in here at the beginning of this text. We'll just

Introduction to HTML for WordPress & Genesis 2 Users – Part 7 – Creating Links in HTML

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve talked about creating lists in HTML, the next thing we're going to talk about is creating links in HTML. Obviously, links are fairly easy to create inside the visual editor. That plus no typos is another reason why I like using the visual editor. So let’s create links and talk about what

Introduction to HTML for WordPress & Genesis 2 Users – Part 3 – HTML Tags and the Structure of an HTML Document

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

Now that you’ve got an understanding of what HTML is and the tools we’ll be using to help you learn HTML, the next thing we're going to talk about are the actual HTML tags and the structure of an HTML document. Now, there's a bunch of this HTML information that we're going to talk about

Introduction to HTML for WordPress & Genesis 2 Users – Part 2 – Tools of the Trade

Now that we’ve covered what HTML is, I'm going to propose some tools for you to use in order to help you learn HTML and CSS for WordPress and Genesis 2. I refer to these as the tools of the trade and there are really two sets of tools. There are those associated with Firefox

Introduction to HTML for WordPress & Genesis 2 Users

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to - ,

WordPress is great because it doesn't force you to learn HTML to use it. However, many folks find that not knowing HTML places limitations on what they can do. Unfortunately learning HTML can be an arduous process, especially because much of what you would typically learn isn't relevant in WordPress. This seminar bridges the gap between learning HTML and leaning HTML that will be useful to you as a WordPress (and Genesis 2) user.

Introduction to HTML for WordPress & Genesis 2 Users – Part 5 – Headings and other HTML Text Elements

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve discussed how the WordPress Text Editor works in the context of using HTML, we’re going to move on to using headings and other HTML text elements. Let’s begin in the visual view. I'm just going to break this content up into individual paragraphs and assign some heading. H3, this is an h4