Home
Videos uploaded by user “Full Stack Coding Tutorials”
CSS Display Property Explained In Detail
 
05:13
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
 
03:22
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
 
03:15
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
 
02:20
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
 
02:26
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
 
06:02
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
How To Use CSS line-height
 
03:44
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
Mastering CSS Border Style
 
05:09
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
Use Javascript Console Log To Non-invasively Debug Code
 
03:49
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.
CSS Table Border Tutorial - Better Than HTML Table Borders
 
08:41
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 Padding Order Explained and Demonstrated
 
03:29
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.
CSS Display:Block Declaration Explained In Detail
 
02:34
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 Border-Width Property Explained In Detail
 
04:01
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 HREF Attribute Is Used To Hyperlink An A Tag
 
01:49
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.
How To Use CSS padding-bottom
 
02:24
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
HTML Strikethrough - How to make a line through text in HTML and CSS
 
03:58
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.
HTML Script Tag Explained
 
03:31
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 Include to include CSS, Javascript and HTML
 
03:26
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.
CSS Display None Declaration Explained In Detail
 
02:32
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
HTML Table Colspan Defined & Explained
 
02:48
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
How To Use CSS font-style
 
02:11
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
Defining A CSS Declaration
 
02:50
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
CSS Padding Property Explained
 
04:55
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
How To Use CSS Margin-Top
 
02:17
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
Use Javascript Confirm To Pause Scripts Pending User Input
 
03:21
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.
How To Use RGB In CSS To Change The Color Of Almost Anything
 
04:38
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
HTML Size Attribute Is Used To Define The Size Of Certain HTML Elements
 
03:19
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
HTML Margin Top Using CSS In Detail - HTML Margin Top Creates Space On Top
 
03:48
HTML Margin Top Using CSS In Detail - HTML Margin Top Creates Space On Top https://youtu.be/6cZ3-IqOq0I There no such thing as HTML margin-top. 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 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
What's A CSS Value?
 
02:18
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
How To Use CSS text-indent
 
01:37
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
Image ALT Text in HTML Image Tags
 
03:12
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 Headings and Heading Tags Explained
 
04:09
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
HTML Body tag explained
 
02:44
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
HTML Padding Left Using CSS In Detail - HTML Padding Left Creates Space On The Right
 
03:24
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 SRC Attribute Is Used To Embed Images On HTML Pages
 
02:44
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 Margin-Bottom
 
02:55
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
Use Javascript Comments To Annotate Your Code
 
04:53
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.
Master CSS Letter Spacing
 
02:09
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
HTML ID Attribute Is Used To Add IDs To HTML Elements So You Can Style Them With CSS
 
03:27
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
HTML Head tag explained
 
04:33
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 Table Cell Defined & Explained
 
02:55
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
How To Use CSS text-decoration
 
04:26
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
HTML Padding Right Using CSS In Detail - HTML Padding Right Creates Space On The Right
 
02:48
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 Link Syntax - How To Create HTML Links
 
03:07
HTML Link Syntax - How To Create HTML Links https://youtu.be/Qtsp-ZIfJ_M You need proper HTML link syntax in order for the links you create to work. Doing it wrong will cause your links to be broken or you'll end up with entire paragraphs or pages of anchor text. 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
HTML5 Doctype is required to tell browsers you're using HTML5
 
02:47
HTML5 Doctype is required to tell browsers you're using HTML5 https://youtu.be/B88qqluwjxc The HTML5 doctype declaration is what tells browsers what type of HTML page is being rendered. In the HTML4 specification there were many doctypes and they were all quite complicated to write. Now with HTML5, it doesn't get any simpler to declare the doctype. 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
 
02:29
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
How To Use CSS Font-Weight
 
02:25
How To Use CSS Font-Weight https://youtu.be/DKrsA2-Blms All the CSS font weight property does is define whether text is bolded or not. The values availble are normal, bold, 0, 100, 200, 300, 400, 500, 600, 700 ,800, 900, and 1000. Most fonts only have two options for bolding, either bold or not bold. However, there are fonts that have degrees of bolding which is where the numbers come in. 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-top
 
02:09
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
 
03:39
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.
HTML Line Breaks br / - Create And Use Line Breaks
 
03:38
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.