CSS Display Property Explained In Detail https://youtu.be/xHo19HnGI0Y
CSS display property allows you to set how an element an element is display and even if it's displayed. You can display an element block, inline, inherit or none.
Block makes the element take up a whole row in the HTML element where it resides. Here's how it looks:
display:block;
Inline makes the element take up only the space it needs. Here's how it looks:
display:inline;
Inherit applies the same display property as its parent element. Here's how it looks:
display:inherit;
Display none makes elements disappear. It also makes it so the hidden element does not take up any space on the page. Here's how it looks:
display:none;
The display property is one of two properties used to make elements disappear. If you use visibility:none you will make an element disappear, but it still takes up the space on page so.
So if the element is 200 pixels high, using display:none the content of the element disappears and the "blank" space takes up zero pixels on the page.
If on that same element you use visibility:none you have a "blank" space that is still 200 pixels high.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Lang Attribute Is Used To Define The Language Of The Page Or An Element https://youtu.be/4-IyIOx-1Ek
The HTML lang attribute allows developers to explicitly identify the language that the page is created in. This will help search engines rank pages in appropriate geographic locations.
Google Chrome also uses the lang attribute to figure out if your default browser langauge matches the langauge set on the page. If the languages don't match then your browser will offer to translate the page for you.
In addition to defining the HTML lang attribute for the full page, you can define the language for specific elements on a page.
When you are developing HTML pages you should always define the language of the page use the HTML lang attribute.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Use HTML refresh to refresh or redirect a page https://youtu.be/FoqPpCXgFHc
HTML refresh, also called HTML meta refresh, is used to redirect a page or domain to a different page or domain.
These days, you would only want to use an HTML meta refresh if you don't have access to htacces to do a true redirect. Meta refreshes allow you to set a time delay, which is pretty cool, but also inconvenient if you don't want to have a delay.
The better way to create a redirect is outlined in this tutorial on my other YouTube channel: https://www.youtube.com/watch?v=xgWPIu8hnG8&index=6&list=PLlgSvQqMfii77WdUkg680kIiFCcKKrI-H
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Title Attribute Is Used To Add A Title To HTML Tags https://youtu.be/eQlxRDaUppk
The HTML title attribute adds a title to HTML elements. The title is read by search engines and it also appears when someone hovers their mouse cursor over an element for more than a second.
In the past you used to be able to keyword-stuff the title attribute to help with your SEO. If you do that in today you'll be penalized for keyword spamming. So don't do it.
That doesn't mean you can't use your keywords or LSI keywords in titles, just don't over do it. Make it natural.
A very natural place to add the titel attribute is images and links. Using the titles allows you to add more context to the your content.
Search engines use this context to help them rank your content appropriate.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML ALT Attribute Is Used To Add Metadata To Some HTML Elements https://youtu.be/sv4cI3Wjdu4
The HTML alt attribute is most commonly associated with the image tag. It allows you to define text that appears on the page when an image can't be loaded. The contents of the alt attribute is also used by screen readers to give more information to people with visual impairment.
For proper usability and accessibility every image should have an alt attribute defined. The complete the image tag you'll also want to add a src attribute and a title attribute.
The src attribute defines the location of the image using a URL. It can be a relative URL or an absolute URL to the image.
The relative URL doesn't contain the website's domain name.
The absolute URL does include the website's domain name.
If the URL in src is not correct then the value of the alt attribute will be displayed instead.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

Mastering the HTML a tag https://youtu.be/ve5cu1uxUOA
HTML A is the tag used to create links on a web page. To create a link the HTML a tag must have the href attribute along with HTML anchor text or an image as the anchor. The 'anchor' is simply the piece of content that will become a clickable link.
The a tag also accepts some other parameters including a title attribute where you can define a title for the URL. If someone hovers over the link for more than a second the title will be displayed.
You can apply the rel parameters with values of dofollow or nofollow. Which instructions search engines to either follow or not follow that link.
You can also create links with a name attribute and no href attribute. If you have these throughout an HTML page each with a unique name you can make a link click take someone to that specific location on the page.
For example, if you have create a tag with just name="middleOfPage" and put that tag in the middle of the page. Then you can great a URL that looks like this URL#middleOfPage. So the page URL with #middleOfPage at the end of the URL. That will jump people to that part of the page when the click the link.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Mastering CSS Border Style https://youtu.be/WgVxJTsQ-Vg
CSS border style allows you to the set the style for your borders. CSS borders are very powerful because there are more than 10 ways you can modify and customize them.
All that to say, you have a lot flexibility with borders.
A couple things are important to keep in mind.
1. Proper border order.
2. The different border styles you can apply to each side independently using the same order as in point 1.
3. The ability to add border color to each side independently using the same order as in point 1.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Body tag explained https://youtu.be/aJ2MgL1pOEs
The HTML body tag contains all of the content of the webpage that is visible in the browser. There can be scripts included in the body section that don't display on the page. The body tag is an essential component of an HTML page.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Image ALT Text in HTML Image Tags https://youtu.be/QjXbuhVAhpg
You are able to add a lot of meta data to images. One of the most common ways to do this is to set the img alt text. The alt text is supposed to describe what the image is. Alt text is displayed when the images does load and it is used by screen readers to help visually impaired website users visualize the picture.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Include to include CSS, Javascript and HTML https://youtu.be/eXFrG23UGRM
Use HTML include to add scripts in the header section of your website. It's simple to do and still in wide-spread use today.
Using the LINK include you can add a stylesheet to your HTML document.
Using the SCRIPT include you can add a JavaScript file to your HTML document.
Using the SCRIPT include you can add a JavaScript file to your HTML document.
Using the w3-include-html parameter you can add a JavaScript file to your HTML document.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

Use Javascript Console Log To Non-invasively Debug Code https://youtu.be/Xq2SH_UPtiU
JavaScript Console Log is used to debug code in an unobtrusive way. Using JavaScript Console Log you can have data output into the console that a developer can easily see. A website visitor could see these console entries as well, but most users wouldn't even know how.
To create a console log alert use the code below inside script tags (this is the same code from the video):
var myNote = "This is my note";
console.log(myNote);
console.log('1');
console.log('2');
console.log('3');
console.log('4');
The view the console log alerts you'll have to open the developer tools in your browser. It will appear in differnet places depending on your browser. Google Chrome and Mozilla Firefox have the most developed developer tools.
In Google Chrome, simply go to View menu, then hover over Developer Tools then click on JavaScript Console.
In Mozilla FireFox, go to Tools menu, then hover over Web Developer then click on Web Console.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

How To Use CSS line-height https://youtu.be/qdamlAWHsuY
The CSS line height property defines the height of a text line. If the line height value is larger that the font-size value then there is space between the lines. if the line height value is sufficiently smaller then there is no space and even negative space between the text lines
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS font-style https://youtu.be/6QY_bOIisAc
The CSS font style property has three possible values: normal, italic and oblique. Oblique is very similar to italic, but italic enjoys much wider browser support. So use normal and italic, not oblique. That's all the font style property is good for.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

CSS Table Border Tutorial - Better Than HTML Table Borders https://youtu.be/WrmjwNIThW0
CSS code from the video:
td {
border:1px solid green;
border-right:none;
border-bottom:none;
}
td:nth-last-child(1) {
border-right:1px solid green;
}
table {
border-bottom:1px solid green;
}
CSS table border sets a border for your tables. You can set a table order right in the HTML as well, but it's not as versatile and doesn't look as good.
The options available using table borders is the same as setting borders on any other elements. But adding border's to tables can be a little tricky. By that I mean you have add borders to some table cells and table rows.
For example, if you just add border:1px solid black; to all table cells you will have a double border in the internal cells and a single border around the outside. So you have to instead apply border:1px solid block;border-right:none;
This will ensure that you don't have double borders, but then there won't be a border on the right side of the table. So you'll have to add border-right to just the last cells on the right of the table. It's a bit of a pain to add borders to table and it takes a bit of work, but it's well worth it.
So you have a lot flexibility with table borders.
A couple things are important to keep in mind.
1. Proper border order.
2. The different border styles you can apply to each side independently using the same order as in point 1.
3. The ability to add border color to each side independently using the same order as in point 1.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

CSS Display:Block Declaration Explained In Detail https://youtu.be/1IgGXzGI5AU
Display block css will make it so an element takes up the entire width inside the HTML element where it resides. This is common for headlines and divs.
These means if the HTML element is set to be 200 pixels wide then a block element will take up all 200 pixels of that width.
Similary, if the element is 1000 pixels wide a block element will take up the whole 1000 pixel width. Or if an element is set to 100% of the page, a block element within that 100% wide parent will take up 100% of the page.
The other display values available to you are:
Block makes the element take up a whole row in the HTML element where it resides. Here's how it looks:
display:block;
Inline makes the element take up only the space it needs. Here's how it looks:
display:inline;
Inherit applies the same display property as its parent element. Here's how it looks:
display:inherit;
Display none makes elements disappear. It also makes it so the hidden element does not take up any space on the page. Here's how it looks:
display:none;
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

CSS Padding Order Explained and Demonstrated https://youtu.be/tZ4yFSyfeS4
CSS padding order refers to the order of the values in the padding shorthand property. The order needs to be correct otherwise you will be applying padding to the wrong sides.
If there is one value in the padding shorthand then that value is applied to all sides.
If there are two values then the first value is applied top and bottom and the second value is applied left and right.
If there are three values then the first value is applied to the top, the second value is applied left and right and the third value is applied to the bottom.
If there are four values then the first value is applied to the top, the second value is applied to the right, the third value is applied to the bottom and the fourth value is applied to the left.
A great way to remember the order of padding (and of margins coincidently) is the word TROUBLE. If you remove all of the vowels you are left with TRBL.
TRBL is an acronym for Top, Right, Bottom, and Left. Which is the order of application when all 4 values are in the padding parameter.
You can now apply padding to all the elements that require it.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Strikethrough - How to make a line through text in HTML and CSS https://youtu.be/nWx0aHNGWFU
HTML strikethrough, HTML del and HTML s tags all do the same thing, they draw a line through the text you've wrapped with them.
Strikethrough is actually deprecated in favor of del and s.
And even better, you can strike through using CSS.
In order for the CSS to work you have to wrap the text you want to strikethrough with some type of tag with an ID or class. If all you're doing is a strikethrough, it's often easier to just wrapt the text in the HTML del or s tag.
If you are using strikethrough on lots of text on your website and on different pages it's better to CSS in case you want to make changes at some point. It's easily and quickly done through the CSS.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

CSS Display:None Declaration Explained In Detail https://youtu.be/JbRdnXReavo
Display none css makes an element disappear complete from the visitor-facing page. You can still see the code for the element if you view the source.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS padding-bottom https://youtu.be/K5_1BSgvCgw
The CSS padding bottom property defines the amount of space between the contents of an element and the bottom edge of the element. Padding-bottom is most commonly defined using pixels and percentages. CSS padding is different from margins in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS Margin-Bottom https://youtu.be/8q1d6ML4R24
The CSS margin bottom property defines the amount of space between the bottom of one element and the top of another. Margin-bottom is most commonly defined using pixels and percentages. CSS margins are different from padding in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Size Attribute Is Used To Define The Size Of Certain HTML Elements https://youtu.be/kv2YavY0IKk
The HTML size attribute is a little outdated, but it allows you to define the size of certain elements; most commonly the size of the font tag. These days, sizes are more easily defined use CSS.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Use Javascript Confirm To Pause Scripts Pending User Input https://youtu.be/eJvA0t4qDGs
With JavaScript confirm you can ask for input from your users before your script carries on running. This is most often done to force people to accept your terms of service before they can progress with the order process.
You can detect whether people chose Yes, No or closed the dialog box and then run different scripts depending on their input.
Below the example from the tutorial. Feel free to copy it into your project and use it as you wish.
var confirmMessage = confirm('Please press a button!');
if (confirmMessage == true) {
alert('You pressed OK!');
} else {
alert('You didn\'t press OK!');
}
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Table Colspan Defined & Explained https://youtu.be/wlE5sUC2RDE
The colspan HTML table cell attribute allows you to merge cells. You can merge as many cells as you need to. This attribute is very similar to rowspan which allows you to merge cells vertically. There are few things to note. Colspan must be applied to regular table cells (td) or table header cells (th). When you apply colspan you must remove the other table cell entries that you are trying to merge into one. If you can follow those two basic instructions you'll be up and running with colspan in no time.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML HREF Attribute Is Used To Hyperlink An A Tag https://youtu.be/OPgoZrfTkck
The HTML href attribute is used to define the hyperlink that the a tag will link to. The value of the href attribute becomes the link.
Inside the href attribute you can use to the relative URL or the absolute URL.
The relative URL doesn't contain the website's domain name.
The absolute URL does include the website's domain name.
You can add anchores to the value the href to link to specific anchors on a page if a page has anchors.
You can also add GET parameters after the URL in the href attribute.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Script Tag Explained https://youtu.be/rqWSs4-M4qs
The HTML script tag contains scripts (most often Javascript) that you want to include on your HTML page. The script tags are most often found in the head section. You have the option of putting the script directly in the script section of the page or you can link to (include) an external Javascript file.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Padding Left Using CSS In Detail - HTML Padding Left Creates Space On The Left https://youtu.be/U9YIHrGLCmA
There no such thing as HTML padding-left. Padding is defined by CSS and the margin is applied to the HTML.The CSS padding left property defines the amount of space between the contents of an element and the top edge of the element. Padding-left is most commonly defined using pixels and percentages. CSS padding is different from margins in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Table Cell Defined & Explained https://youtu.be/03W0sIDKda8
The HTML table cell contains information that is displayed in the table. Each table row can contain multiple table cells. You can have as many regular table cells in a table as you like, but the table header cells are usually only in the very top row.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Defining A CSS Declaration https://youtu.be/1IThXoqPuew
A CSS declaration is a css property and css value pair that you find inside a CSS rule. If you have multiple CSS declaration in a CSS rule it is called a declaration block. The property/value pairs in a declaration are the specific instructions for the browser to render an element in a certain way.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS Font Shorthand https://youtu.be/52HjjiHD67M
The CSS font property allows you to specify which font properties you want to apply to text on a page. CSS fonts allow you to define the font family, font size, line height, font variant, and font style.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS Margin-Top https://youtu.be/qbUwKdbziXo
The CSS margin top property defines the amount of space between the top of one element and the bottom of another. Margin-top is most commonly defined using pixels and percentages. CSS margins are different from padding in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

CSS Border-Width Property Explained In Detail https://youtu.be/tlqBm_3lSUc
CSS border width allows you to determine the width of a CSS border. This is a pretty cool since adding borders of varying width can to elements can make your website more visually appealing.
Another interesting feature in CSS is you can apply borders two all 4 sides of a contain independent of each other.
For example, you could have an element that only has a border on the right. Or you could have a solid border on the bottom and dashed border on the left. Or a dotted border on the top that is 4 pixels wide, a solid border on the bottom that is 1 pixel wide and a beveled border on the right that is 10 pixels wide.
All that to say, you have a lot flexibility with borders.
A couple things are important to keep in mind.
1. Proper border order.
2. The different border styles you can apply to each side independently using the same order as in point 1.
3. The ability to add border color to each side independently using the same order as in point 1.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Headings and Heading Tags Explained https://youtu.be/S9h3vvR72rk
HTML headings are among the most important elements of any web page. For your visitors the headings give them context and visually breaks up your written text. For search engines the headings help them determine what each piece of content is about.
There are six HTML headings available to you: h1,h2,h3,h4,h5,h6. You can style them all however you like using CSS, but by default h1 is always the largest and h6 is always the smallest.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS text-indent https://youtu.be/CvG60RYLVv0
The CSS text indent property adds space to the left of a text sentence. If you are applying the indent to a paragraph it only affects the first sentence. If you want to move the entire paragraph you will need to use padding. The text indent accepts pixels, ems and points as values.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML ID Attribute Is Used To Add IDs To HTML Elements So You Can Style Them With CSS https://youtu.be/1tQHMs7VefQ
The HTML ID attribute is on of a handful of ways you make your HTML elements accessible to CSS styling rules. The IDs become the selector for CSS so that you can apply the styling rules that you want and need on that element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use RGB In CSS To Change The Color Of Almost Anything https://youtu.be/DtErm5krAeA
CSS RGB color lets you set millions of colors for the web colors in your website designs. Although you can set millions of colors, computer monitors cannot render that many colors yet. Hexadecimal color codes are simlar to RGB, but they use a different model. CSS color names are limited to just 140 different colors. CSS RGB can be extended to include the alpha (transparency) channel using RGBA values.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

What's A CSS Value? https://youtu.be/t22BeQoSF3o
CSS values the second half of the css property and css value pair. The CSS property tells a browser what need to be done to an element. The CSS value defines the intensity, direction or specific role of the property. The CSS value and the CSS property together make a CSS declaration.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Padding Right Using CSS In Detail - HTML Padding Right Creates Space On The Right https://youtu.be/WBK3QTdfS0c
There no such thing as HTML padding-right. Padding is defined by CSS and the margin is applied to the HTML.The CSS padding right property defines the amount of space between the contents of an element and the top edge of the element. Padding-right is most commonly defined using pixels and percentages. CSS padding is different from margins in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML SRC Attribute Is Used To Embed Images On HTML Pages https://youtu.be/j4D336enzWw
HTML src attribute is used to embed images using the HTML image tag. SRC is short for source. The value of the source attribute is always a link to an image when in the image tag.
It can be a relative URL or an absolute URL to the image.
The relative URL doesn't contain the website's domain name.
The absolute URL does include the website's domain name.
If the URL in src is not correct then the image will not be displayed. If you have the ALT attribute for the image defined then its' text will be displayed in place of the image.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

How To Use CSS text-decoration https://youtu.be/s3O30GOMUrs
The CSS text decoration property is most commonly used to add or remove underlines from text on a webpage. It is often used to remove the underline from a link. Then the :hover psuedo element is used to add the underline back in when the cursor hovers over the link.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

CSS Padding Property Explained https://youtu.be/6ANidO3n5SY
The CSS padding property allows you to set the amount of space between the contents of an element and the edges of that same element. Margins on the other hand, set the amount of space between the edge of one element and the edge of another. If there is one value in the padding shorthand then that value is applied to all sides. If there are two values then the first value is applied top and bottom and the second value is applied left and right. If there are three values then the first value is applied to the top, the second value is applied left and right and the third value is applied to the bottom. If there are four values then the first value is applied to the top, the second value is applied to the right, the third value is applied to the bottom and the fourth value is applied to the left.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Use Javascript Comments To Annotate Your Code https://youtu.be/k0y3pGQG_gg
Javascript comments are used to annotate your code. This is important for when your future self revisits the code and needs a little memory-jog to figure out what the code is doing.
Or if other developers need to work with your code the comments help them figure out what you were trying to do.
You can create single line comments using two forward slashes: //
For example:
// This is my single line comment
You can create multi-line comment blocks using a forward slash and asterisk to open the comment block: /*. Then an asterisk followed by a forward slash to close the comment block: */
For example:
/*
This my multi-line comment block
This my multi-line comment block
This my multi-line comment block
*/
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

HTML Margin Left Using CSS In Detail - HTML Margin Left Creates Space On The Left https://youtu.be/OIZWxpr__Gk
There no such thing as HTML margin-left. Margins are defined by CSS and the margin is applied to the HTML. The CSS margin top property defines the amount of space between the left side of one element and the right side of another. Margin-left is most commonly defined using pixels and percentages. CSS margins are different from padding in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Master CSS Letter Spacing https://youtu.be/8lO59Pd_ANQ
The CSS letter spacing defines the amount of space between characters in a piece of text. The letter spacing amount also applies to spaces, not just letters. Using letter-spacing you can force your text fit in a certain area or make it stand out visually.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

Create An HTML Table From Scratch Including Header Row, colspan and rowspan https://youtu.be/FxKsX20pKm4
Building an HTML table is a required skill for anyone who wants to improve their website skills. Although a table in HTML is rarely hard coded these days, most websites contain dynamically generated tables which still require knowledge of HTML to create. Some of the HTML tables concepts you'll learn in this video include HTML table header (th), HTML table row (tr), HTML table cell (td), colspan, and rowspan.
Building dynamic tables is beyond the scope of this video as you'll need to use a scripting language like PHP and a database technology like MySQL. The output HTML table from these scripts looks the same as a hard-coded HTML table, so understanding design concepts of tables is essential.
An HTML table always starts with the table tag, which opens and closes the table.
Next is a table row created using the tr tag. You can create as many table rows as you need, but keep in mind the more table rows you display the slower your page will be to render in the browser.
Inside the tr tag is where you have table cells (td tags). You can also have as many table cells as you want inside a row. Keep in mind that the more cells you have the columns you'll have and the wider your table will be. This may cause usability problems on mobile phones.
There is a special table cell called a table header cell (th tag). These cells are only used in one row and are most commonly used to create the header of the columns. By default, the contents of these cells are bolded and centered.
If you create a row with table headers (th tags), then every other row contains table cells (td tags).
You can force certain cells to occupy more than one column using the colspan parameter inside a th or td tag.
You can also force certain cells to occupy more than one row using the rowspan parameter inside a tr tag.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Head tag explained https://youtu.be/roT8AvdhVfo
The HTML head tags are found near the very top of any HTML page and they define the head section of the page. If the head section is coded correctly then none of the content found in the head section will render on the HTML page.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Title Tag Defined & Explained https://youtu.be/ZR42FLC_p8c
The HTML title tag is found in the head section of HTML markup and it displays the title of the page. This is different from HTML heading tags that define headers on a page. The title tag is one of the most important page attributes relating to SEO.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

HTML Line Breaks br / - Create And Use Line Breaks https://youtu.be/Romw2Oes8mg
The use of html line breaks is becoming less and less common as more and more people are learning CSS. The biggest problem with using line breaks (or hard breaks) is that they are not mobile-responsive.
If your website is responsive, then putting a hard break in certain places may make your text break at inappropriate places.
If you have a separate codebase for your mobile site then this likely won't be a problem. However, if you do have a separate codebase for your mobile site I recommend that you convert your site to being responsive.
Responsive is more future-proof and easier for the webmaster to manage.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

How To Use CSS padding-top https://youtu.be/CmsrEHRORHM
The CSS padding top property defines the amount of space between the contents of an element and the top edge of the element. Padding-top is most commonly defined using pixels and percentages. CSS padding is different from margins in that margins apply space outside of an element and padding applies space within an element.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

CSS Border-radius Property Explained and Illustrated https://youtu.be/uIiPfYGRwjk
CSS Border-Radius is a css property that allows you to round the corners of elements on your website. In the past you had to do this with images, but with CSS3 you can easily do it with cascading stylesheets.
Here's the CSS from the video if you want to copy and paste it into your project:
#roundborder {
width:200px;
margin:100px 0 0 100px;
padding:20px;
background-color:#f7f0c5;
border:5px solid #000000;
border-radius:10px;
}
The part of that CSS code that actually does the rounding is border-radius:10px;
That will create a rounding with a radius of 10 pixels on each of the corners.
You can also apply different rounding radii to different corners. For example:
border-radius:10px 0px 25px 3px;
That will apply a rounded corner of 10px to the top left corner. A corner with 0px radius on the top right. A corner with 25 pixels radius to the bottom right. And finally, a corner with 3 pixels radius to the bottom left.
For the css border-radius property you are able to add one value, two values, three values and 4 values.
If there is one value in the padding shorthand then that value is applied to all sides.
If there are two values then the first value is applied top and bottom and the second value is applied left and right.
If there are three values then the first value is applied to the top, the second value is applied left and right and the third value is applied to the bottom.
If there are four values then the first value is applied to the top, the second value is applied to the right, the third value is applied to the bottom and the fourth value is applied to the left.
A great way to remember the order of padding (and of margins coincidently) is the word TROUBLE. If you remove all of the vowels you are left with TRBL.
TRBL is an acronym for Top, Right, Bottom, and Left. Which is the order of application when all 4 values are in the padding parameter.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business.

Creating HTML Comments To Annotate Your Code https://youtu.be/lGxMyctAYUY
An HTML comment is a piece of text that is only viewable in the source. It does not appear on the public facing website. It is most commonly used by developers to explain the purpose of certain parts of the code or what they were trying to accomplish. This helps refresh their memory in the future and it would help any new developers who haven't worked with those HTML files yet.
That's all there is to it. I hope this video helps you! If you have any questions, please leave them in the comments below. And before you go, subscribe and like :)
If you're into Wordpress, check out my WPLearningLab channel to learn more about WordPress so you can earn more for yourself, for your clients or for your business: https://www.youtube.com/wplearninglab

F or 25 years we have provided deluxe wilderness outpost fishing trips from our Armstrong location into beautiful Wabakimi Provincial Park and surrounding lakes.
Yes, we take you where the fishing is extraordinary , but there is more than fishing. Yearly family gatherings sharing a wilderness experience in comfort. Father - son (or daughter) bonding trips or Husband and wife celebrating a second honeymoon with the added spectacular outpost fishing or `the buddy trips where the tall tales get taller.
Its a big time stress reliever! . how do you think about anything else when you are fighting a fish?
Greg and I had a great week. we caught over 1000 walleye. There were well over 200 in the slot size (>18"). This is the most large walleye that have ever been caught on a trip to whiteclay for me. The slot size protection is working. It seems that each trip has more large fish being caught. Our largest northern was 43". It was caught on a jig while walleye fishing.
Greg and I sent see what you missed letters to about a dozen folks. Hope that translates into a large group for next June. . Fran and I are looking forward to the August fishing trip .
G. Ostrander, Green Bay, WI.
Want to see more?

Received your card. Congratulations on 25 Years! We speak often about the great times we had at Ogoki! A Tribute to you both!
Best Regards, Rich Craddock.
What a nice surprise to find your post card in my mail yesterday. Twenty-five years is a long time to do anything; much less a business like yours with all the uncertainties of weather, exchange-rates, two-country economies, etc. There is a reason why your business has survived and (hopefully) thrived. you do the wilderness fishing experience better than anyone in the outdoor sport vacation business.
Dear Judy and Paul,
Congratulations on 25 years. I have many fond memories of my time with Jack at Ogoki. Hope all is well with you.
. . . Nicole will take you on a guided tour!
This website will take you every step of the way for a worry free fishing vacation!
Let us introduce ourselves; Judy & Paul Boucher and family. Weve been doing this for 25 years and have learned a thing or two on how to take the worry out of the wilderness experience. Our staff will help you with anything you may not understand or solve any mechanical glitch right away. In short: we treat you like family!
Just a note to let you know our recent fishing junket to your Mojikit South Outpost.
Ive been coming to Armstrong area since 1972 and have probably flown in with 6-7 different outfitters over the years to numerous outposts. Your Mojikit South camp is clearly the nicest camp I have been to. The cabin is beautiful and roomy. Great kitchen and dining area. Beautiful screened in deck and outside porch overlooking the channel. Large chest freezer and a frig that actually keeps things cold. Screened in fishing cleaning house with running water. Bedrooms that are roomy. Vaulted ceiling the the cabin is a plus. The cabin is centrally located to both the lake and the Ogoki Reservoir.
The boats are the best that Ive ever experienced at an outpost. The inside bottoms consist of flat carpeted panels. easy to get in and out of. 1st time Ive fished an outpost with "dry" feet. The boats had comfortable swivel seats and 15 & 20 hp 4-stroke engines that worked great.
We will definitely be back. Everything about Ogoki Frontier was quality. My two grandchildren had the time of their lives, as did the other 2 members of our party. Thanks for the memories.