style your body tag via CSS. Never suffer distorted background images again by learning how to properly use a background image via the ‘background-image’ and ‘background-size’ CSS rules. You’re also going to see exactly how to set font colors via the ‘color’ rule, font sizes via the ‘font-size’ rule, and text line spacing via the ‘line-height’ rule.
Want to check out the full course? Go to www.hackstack.io for this and many others bite-sized tutorials that will help you do more, faster, with less.

Hey guys, my book CSS Visual Dictionary – https://www.amazon.com/dp/1983065633
Explains all of this with visual 150+ visual diagrams. (For more detail and "Look Inside" on Amazon go there)
How to add background image to your HTML page? In this tutorial I'll show you an example source code that changes your background image to anything you want. Just type in a URL address into inline or external CSS like:
&lt;body style ="background: url('here.jpg')"&gt;
The single quotes around 'here.jpg' are not required, and if your style is already wrapped in double quotes, you cannot use double quotes around "here.jpg" or it will create an error.
Here are a few keyword phrases that might help get this tutorial found on YouTube search. Thanks for watching!
html background image tutorial
html background image full screen
html background image no repeat
html background image no size
html background image tutorial using notepad
html background image tutorial resize
html how to add background image to html body
inserting background image in html
how to fit background image in html
adding background image in html

freeCodeCamp tutorial, review and help, in this challenge we learn that every html document has a body element. We prove this by selecting the body element within our style tag and giving it a black background

Hello and Welcome to another session on HTML series. We have covered quite a lot in past four sessions which you may want to check out. In the earlier sessions, we started from the beginning of, what is HTML, to different tags, and associated attributes to tags in details like, IMG tag and its attributes, for embedding images in HTML document. In this session, we will consider another such attribute common in some tags, that is style attribute. Please note that to have hands on experience, modify the code accordingly.
The HTML Style Attribute is for setting different styles of an HTML element. To apply style on supported HTML element, write the HTML element and define the style property as the syntax shown.
Syntax - ＜tagname style="property:value;"＞
The property defines, what style is to be set for the HTML element. The property is something which is called CSS property or cascading style sheet. CSS is used to define all the style properties of HTML document. The value in style attribute is a CSS value.
Let’s learn more about the style attribute, properties and values.
HTML Background Color
The background-color property defines the background color for an HTML element.
The syntax is to define property background color as shown with value as any color
Syntax - ＜tagname style="background-color:value;"＞
This example sets the background color for a page to powderblue:
Example
＜body style="background-color:powderblue;"＞
HTML Text Color
The color property defines the text color for an HTML element
The syntax is to define property color as shown with value as any color
Syntax - ＜tagname style="color:value;"＞
This example sets the color as blue for the header and paragraph.
Example
＜h1 style="color: blue;"＞This is a heading＜/h1＞
＜p style="color: red;"＞This is a paragraph. ＜/p＞
HTML Fonts
The font-family property defines the font to be used for an HTML element.
The syntax is to define property font family as shown with value as any color
Syntax - ＜tagname style="font-family:value;"＞
This example sets font as verdana and courier.
Example
＜h1 style="font-family:verdana;"＞This is a heading＜/h1＞
＜p style="font-family:courier;"＞This is a paragraph.＜/p＞
HTML Text Size
The font-size property defines the text size for an HTML element.
The syntax is to define property font size as shown with value as any color
The syntax is to define property font size as shown with value as size
Syntax - ＜tagname style="font-size:value;"＞
This example sets the header font size to 3 times and paragraph font size to 160 percent.
Example
＜h1 style="font-size:300%;"＞This is a heading＜/h1＞
＜p style="font-size:160%;"＞This is a paragraph.＜/p＞
HTML Text Alignment
The text-align property defines the horizontal text alignment for an HTML element.
The syntax is to define property text alignment as shown with value as center, left, right
Syntax - ＜tagname style="text-align:value;"＞
This example sets the text alignment as center.
Example
＜h1 style="text-align:center;"＞Centered Heading＜/h1＞
＜p style="text-align:center;"＞Centered paragraph.＜/p＞
Well Done! You have learned to Use the style attribute for styling HTML elements,
Use background-color for background color,
Use color for text colors,
Use font-family for text fonts,
Use font-size for text sizes,
and Use text-align for text. To find out more, visit links in the description.
Which topic you want us to cover next. Share your thoughts in the comment section.
Like and subscribe for more videos.
Source: https://www.w3schools.com/html/html_styles.asp
Code
------------------------------------
＜html＞
＜head＞
＜title＞HTML Introduction - Part 5 - Style Attribute＜/title＞
＜/head＞
＜body style="background-color:powderblue;"＞
＜h1 style="color:blue;"＞This heading is in color blue by style tag.＜/h1＞
＜p style="color:red;"＞This paragraph is in red color by style tag.＜/p＞
＜h1 style="font-family:verdana;"＞This heading's font is verdana＜/h1＞
＜p style="font-family:courier;"＞This paragraph font is courier.＜/p＞
＜h1 style="font-size:300%;"＞This heading font size is 3 times the normal heading.＜/h1＞
＜p style="font-size:160%;"＞This paragraph font size is 1.6 time the normal font size.＜/p＞
＜h1 style="text-align:center;"＞This Heading is in center ＜h1＞
＜p style="text-align:center;"＞This paragraph is in center.＜/p＞
＜/body＞
＜/html＞
My Blogs
https://azblogs4u.blogspot.com/
https://atozcreations4u.wixsite.com/insights
PACIFIC SUN by Nicolai Heidlas Music https://soundcloud.com/nicolai-heidlas
Creative Commons — Attribution 3.0 Unported— CC BY 3.0
http://creativecommons.org/licenses/b...
Music promoted by Audio Library https://youtu.be/kbqmEJTr3nU

Hello Guys! How are you doing? Hope all are fine..
In this video you will learn how to change the color of the background of a webpage in HTML. This can be done by two ways - the body bgcolor way , and the style way. Both ways are explained properly and shown. You can learn more such things by checking out our channel for more Tutorials of HTML.
I hope you learnt a heck lot of things in this video.. It would be a great deal of support if you guys would Subscribe, Like, and Comment.
You can also ask your doubts and get satisfying answers by our Experts. You can contact us at [email protected] or leave a message. You can also ask your questions on our site www.alphixia.weebly.com
I sincerely Thank You for watching this and I hope that Alphixia has helped you. We will keep helping , as we think it is our religion to help people! Thanks!
Nick - Co Owner

Lesson on Upgrading HTML Tags to CSS Style from Udemy online course: Creating a Website Made Easy
Full course description and 25% discount coupon:
http://tharsishighlands.com/online-courses/creating-a-website-made-easy/
Transcript:
In this lesson, we will take many of the basic HTML tags and use them as CSS element selectors to upgrade their style. In CSS, the HTML tags are called "elements."
BODY
First, we start with the [body] tag element (YouTube does not allow angle brackets in description).
When you first set up your main CSS file, you typically want to establish the basics for your entire page. These can include,
• background-color
• background-image
• default font-size, color and font-family
All of these can be handled in the body element. For example,
body {
background-color: linen;
background-image: url("pix/tree.jpg");
font-family: Vera, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #24425C;
}
SELECTORS
We've already seen a little about CSS syntax. For example,
h1 { color: blue; }
Each CSS style starts with a selector and is followed by one or more declarations within open and close braces — each declaration being a property-value pair:
{ property: value }
Element selectors select all HTML tags of the same name. For instance, for the [p] tag,
p { text-align: center; color: red; }
[p]All paragraphs with only the p tag are centered and red. This is a demonstration of how the element selector works.[/p]
The ID selector uses the ID attribute of an HTML element to select that specific element. ID is a unique identifier. On any one page, there can be only one of that ID. Also, the ID name cannot start with a numeral. For example,
#first_heading { color: red; }
[h1 id="first_heading"]This is the First Heading on the Page[/h1]
The class selector selects all elements with a specific class attribute.
.quote {
border-style: solid;
border-width: 1px;
border-color: #880000;
padding: 5px;
font-size: 18px;
font-style: italic;
}
Here, we see a class called "quote" which uses larger type, italics and a dark red border. Next, is the HTML which uses that class.
[p class="quote"]"There are more things in heaven and earth, Horatio, than are dreamt of in your philosophy."[/p]
A class can be restricted to only one element type. For example,
p.first { text-indent: 0px; }
This can be helpful if all other paragraphs are given an indent. The first paragraph after a heading can be made flush left. We can also use more than one class at a time. For example,
[p class="first quote"]"Houston, we have a problem..."[/p]
We've already seen how selectors which share property values can be grouped.
h1, h2, h3 { color: steelblue; }
In the earlier lesson on the Head section, we learned how to link to an external style sheet — a file with sets of selectors and declarations.
For internal CSS, you have the same selector-declaration combinations, but set within open and close [style] tags.
[head]
[style]
body { background-color: darkslateblue; }
[/style]
[/head]
And for inline CSS, you have the same selector-declaration combinations within a style attribute.
[p style="text-indent: 50px; color: steelblue;"]This is important text.[/p]
Multiple Styles Cascade into One
CSS statements have a sequence of priority. The lowest priority of style is the browser defaults. Next are the external and internal style sheets in the head section. Sequence matters, so if you link to your external style sheet after the internal style declarations, the external CSS takes priority over the internal. Finally, the inline style declarations take the highest priority. For all style information that uses the same selectors, the highest priority replaces the lower priorities. For example,
External:
p {
color: blue;
text-indent: 30px;
}
Internal:
p { color: green; }
Inline:
p { color: red; }
The final style is:
p {
color: red;
text-indent: 30px;
}
Background:
The following properties control the background of HTML elements.
• background-color
• background-image
• background-repeat
• background-attachment
• background-position
Example:
body {
background-color: blue;
}
As we've already learned, colors can be specified,
• As Hex — like "#00ffff"
• As RGB — like "rgb(0,255,255)"
• By name — like "aqua"
We will learn more about colors and the new CSS3 color specification in a later lesson.
Background Image:
The default behavior of a background image is to repeat the image both vertically and horizontally in order to fill the entire background of the element with the selected picture.
body {
background-image: url("pix/sandbaked.gif");
}
[...]
In the next lesson, we talk about fonts, tables and links.
Music:
"Acid Jazz," "Darkness Speaks," and "Fanfare for Space" by Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0
http://creativecommons.org/licenses/by/3.0/
Still:
Clear Creek 5 by ImBooToo via Morguefile.com.

Yo Guys? What's Up? How is your experience with Alphixia? Hope you all are having a good time with us. So In this video you will learn how to change the color, font and size of a Text in HTML. This can be done with the two tags - The font tag and they style tag. But the font tag has been deprecated by the World Wide Consortium (W3Consortium) and has suggested to use the style tag instead. Both ways are explained thoroughly and you will easily understand it.
You can learn more such things by checking out our channel for more Tutorials of HTML.
You can also ask your doubts and get satisfying answers by our Experts. You can contact us at [email protected] or leave a message. You can also ask your questions on our site www.alphixia.weebly.com
I sincerely Thank You for watching this and I hope that Alphixia has helped you. We will keep helping , as we think it is our religion to help people! Thanks!
Nick - Co Owner

Hello everybody !
FOLLOW THIS LINK TO GET -50% DISCOUNT OF MY UDEMY COURSE, THAT IS ONLY 10 EUR (OR ABOUT 11 USD):
https://www.udemy.com/learn-how-to-design-and-code-responsive-website-from-scratch/?couponCode=DesignDevelop
In this tutorial i will show you how to set video as a background for your website.
Code is available right here: https://github.com/reinis-berzins/tutorial-files
The video file that i am using in this tutorial is from http://www.videezy.com/.
If you have any question about this tutorial or about HTML, CSS, JavaScript and jQuery please contact me at my e-mail - [email protected]
Also let me know what do you want me to show how to make in future tutorials ?
Have a great day.. Bye !
P.S.
Sorry for typo in tutorial, it should be HOW not HOT...!

CSS video tutorial shows how to configure width and height on just about any HTML element. Overflow property to control the control how the content appears when it is too large. Min-width, min-height, max-width, max-height are available to specify a maximum and minimum if the content doesn't make the HTML element as large or small as you want them to be. All these CSS properties are important to control how the appearance or control the flow of your page.
http://www.technoblogical.com/web-design/
Providing training since last Tuesday
http://www.technoblogical.com
Thanks for watching!

For all my tutorials go to: http://websofttutorials.com/
In this tutorial i will show you How to add background image to html document. and in this tutorial i will show you that how can we repeat background image horizontally and vertically and after that i will show you that how to set background position.

In this video we will begin learning about how to add more styles to your webpage such as changing the color of the background and color of the webpages text by using the style attribute within the body tag.
Like this video? Check out all of our videos at http://www.webvidtuts.com/

This is the fourth tutorial in a series for creating a basic website in HTML without the use of special software programs. In this tutorial, body style margins are addressed to align content flush with the top and bottom of the webpage. HTML Comment tags are also covered to assist with structuring HTML code in a logical and aesthetic way. Further tasks on defining the navigation table's columns to prepare the content container for button placement.

Hey guys, I'm now using Patreon to share improved and updated video lesson material. For a small fee you can access all the downloadable files from this lesson (source code, icons & graphics, cheat sheets) and everything else included in the video from the Patreon page. Additionally, you will get access to ALL Clever Techie videos in HD format with no ads. Thank you so much for supporting Clever Techie :)
Download this video's files here:
https://www.patreon.com/posts/inserting-data-20819049
( You also get access to ALL source code and any downloadable content of ALL Clever Techie videos, as well as access to ALL videos in HD 1080p quality format with all video ads removed! )
``````````````````````````````````````````````````````````````````````````````````````````````
( Website ) https://clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams.
( YouTube Channel ) https://www.youtube.com/c/CleverTechieTube
( Google Plus ) https://goo.gl/J71p6f - clever techie video tutorials.
( Facebook ) https://www.facebook.com/CleverTechie/
( Twitter ) https://twitter.com/theclevertechie

This InDesign tutorial demonstrates how to create and apply paragraph styles to achieve consistent formatting with a single click. Watch more at http://www.lynda.com/InDesign-tutorials/InDesign-Styles-in-Depth/87008-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-87008-0103
This specific tutorial is just a single movie from chapter one of the InDesign Styles in Depth course presented by lynda.com author Michael Murphy. The complete InDesign Styles in Depth course has a total duration of 5 hours, and covers text styles, table and cell styles, object styles, and every feature in InDesign that is improved by the use of styles
InDesign Styles in Depth table of contents:
Introduction
1. Paragraph and Character Styles
2. Advanced Text Styles
3. Creating and Managing Lists
4. Importing Word, RTF, and Text Files
5. Object Styles
6. Table and Cell Styles
7. Styles and Other Features
8. Generating a Dynamic Table of Contents from Styles
9. Managing and Sharing Styles
10. Taking Your Styles to the Web, EPUB, and Accessible PDF
Conclusion

This tutorial is the second half of my first video which was based on creating a webpage only in HTML. This video shows you how to add style to that webpage using further HTML and CSS in Notepad++.
Watch the previous video on HTML - https://www.youtube.com/watch?v=waZz9GtBIoA&t=805s
Feel free to ask any questions in the comment section below, thumbs up if this video helped you. And any tutorials you wish to see leave them in the comment section.
Twitter - @CreativeCompt
https://twitter.com/CreativeCompt
Instagram - @CreativeCompt
https://www.instagram.com/p/BWFwpr5BLiY/

Access the full course: https://www.udemy.com/php-email/?couponCode=YAPA1
We use CSS, or cascading style sheets, to add styles and formatting to HTML. There are three ways you can add CSS to HTML: external stylesheets, embedded and inline styles. When sending an email the safest option with the most support in email clients is to add styles inline.

A tutorial that takes a look at how to create a nice looking nav bar with a cool little hover effect for the nav items, using HTML and CSS.
This was the very first video I ever put up on YouTube, and while it's aged well, I've made an updated version that is responsive: https://youtu.be/8QKOaTYvYUA
I've put this on Codepen: http://codepen.io/kevinpowell/pen/GrLKNo
I start this video off with a quick look at how to actually write the HTML for a navigation bar, follow it up with the simple styling of the navigation with CSS and then wrap it all up with how to add the hover effect in there using some fun little hover tricks.
If you want a bit more reading on pseudo elements, this should help: https://developer.mozilla.org/en-US/docs/Web/CSS/::after

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/04/jquery-append-elements.html
In this video we will discuss how to append and prepend elements
To append elements we have
append()
appendTo()
To prepend elements we have
prepend()
prependTo()
Since these methods modify DOM, they belong to DOM manipulation category.
jquery append example : The following example appends the specified HTML to all div elements
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
$('div').append('&lt;b&gt; Tutorial&lt;/b&gt;');
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial"&gt;
&lt;div id="div1"&gt;jQuery&lt;/div&gt;
&lt;div id="div2"&gt;C#&lt;/div&gt;
&lt;div id="div3"&gt;ASP.NET&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
jquery appendto example : The above example can be rewritten using appendTo as shown below.
$('&lt;b&gt; Tutorial&lt;/b&gt;').appendTo('div');
What is the difference between append and appendTo
Both these methods perform the same task. The only difference is in the syntax. With append method we first specify the target elements and then the content that we want to append, where as we do the opposite with appendTo method.
jquery prepend example : The following example prepends the specified HTML to all div elements
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
$('div').prepend('&lt;b&gt;Tutorial &lt;/b&gt;');
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial"&gt;
&lt;div id="div1"&gt;jQuery&lt;/div&gt;
&lt;div id="div2"&gt;C#&lt;/div&gt;
&lt;div id="div3"&gt;ASP.NET&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
jquery prependTo example : The above example can be rewritten using prependTo as shown below.
$('&lt;b&gt;Tutorial &lt;/b&gt;').prependTo('div');
What is the difference between prepend and prependTo
Both these methods perform the same task. The only difference is in the syntax. With prepend method we first specify the target elements and then the content that we want to prepend, where as we do the opposite with prependTo method.
jQuery append existing element example : These methods (append, appendTo, prepend, prependTo) can also select an element on the page and insert it into another
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
$('div').append($('#mySpan'));
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial"&gt;
&lt;span id="mySpan"&gt; Programming&lt;/span&gt;
&lt;div id="div1"&gt;jQuery&lt;/div&gt;
&lt;div id="div2"&gt;C#&lt;/div&gt;
&lt;div id="div3"&gt;ASP.NET&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
Difference between prepend and append
prepend method, inserts the specified content to the beginning of each element in the set of matched elements, where as append method inserts the specified content to the end of each element in the set of matched elements.

In this video, we have discussed how to set style for a tagged element. In such styling, we define the style inside the open tag. This kind of styling is known as inline style setting.
Following are the tutorial series available in our Channel (Varcodex):
How to create a video game step by step tutorials:
https://www.youtube.com/playlist?list=PLBRJYTiN1Cadv7IX1ZoPanbI_BWRVktrD
How to create New User Registration Form with email validation using PHP, Jquery and Mysql:
https://www.youtube.com/playlist?list=PLBRJYTiN1CafCjRbY0sRYK4QAsbGJ2fKq
How to monetize unity games for android platform:
https://www.youtube.com/playlist?list=PLBRJYTiN1CafmznrD71cY2zoCClWqRsM1
PHP Basics tutorial for Beginners:
https://www.youtube.com/playlist?list=PLBRJYTiN1CaduMGWQeRaQeG8PqESvZSf5
MYSQL Basics tutorial for Beginners:
https://www.youtube.com/playlist?list=PLBRJYTiN1Cad9--4UmBaUyY6jN6Kllcpf
HTML Basics Tutorial for Beginners:
https://www.youtube.com/playlist?list=PLBRJYTiN1Cad4XWtwfarW9U-GyAVuJctd
JAVASCRIPT Basics Tutorial For Beginners
https://www.youtube.com/playlist?list=PLBRJYTiN1CafcS_EFsO2B3Ntd8VJwbEp7
C# Programming Basics:
https://www.youtube.com/playlist?list=PLBRJYTiN1Caf8_cpoXw__2dFVGrMPWWEQ

Lesson #45
Use YouTube with an ad-free browser by Brave
https://brave.com/sup471
If you found this video helpful please like and subscribe to support the channel!!
You are free to check out our Redbubble Store for Rum Ham merchandise!!
https://goo.gl/GiQG5S #freecodecamp
Where I write about my projects
https://supremerumham.wordpress.com/

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/05/jquery-floating-div.html
In this video we will discuss, how to create floating div using jQuery.
We want the div element in the sidebar to be floating and always visible as we scroll down the page.
Example : In this example we are using position() and scrollTop() functions. The object returned by position() function has top and left properties, which can be used to know the current top and left positions (coordinates). We are using this function to find the top position of the div element that we want to keep floating as we scroll down. To get the current vertical position of the scroll bar, we are using scrollTop() function.
As we scroll and when the current vertical position of the scroll bar becomes GREATER THAN the top position of the div element, then we want the div element to start floating. To do this set position style to fixed. A fixed position element is positioned relative to the browser window. So as you scroll down it will be floating in the browser window.
If the current vertical position of the scroll bar becomes LESS THAN the top position of the div element, then we don't want the div element to float, so we set position style to relative. A relative position element is positioned relative to itself. So if you set position to relative and top to 0, it will continue to stay where it is without floating.
&lt;html&gt;
&lt;head&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
var floatingDiv = $("#divfloating");
var floatingDivPosition = floatingDiv.position();
$(window).scroll(function () {
var scrollPosition = $(window).scrollTop();
if (scrollPosition &gt;= floatingDivPosition.top) {
floatingDiv.css({
'position': 'fixed',
'top' : 3
});
} else {
floatingDiv.css({
'position': 'relative',
'top' : 0
});
}
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial;"&gt;
&lt;table align="center" border="1" style="border-collapse:collapse"&gt;
&lt;tr&gt;
&lt;td style="width:500px"&gt;
Main Page Content
&lt;/td&gt;
&lt;td style="width:150px; vertical-align:top"&gt;
Side panel content
&lt;br /&gt;&lt;br /&gt;
&lt;div id="divfloating" style="background-color:silver; width:150px; height:150px"&gt;
Floating Div - Keeps floating as you scroll down the page
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

Hello everyone and welcome to my HTML Tutorial series. I'll be explaining the basic's of HTML (HTML5 to be precise) and creating a small website with them. We'll probably go into other things like CSS, JS, Jquery along the way too!
If you enjoyed the video remember to leave a like and/or comment!

HTML Tutorial — Elements (2/11)
https://www.colorcode.io/course/html-basics/elements
Every HTML page is made up of these things called elements, or tags or nodes. They’re all referring to the same thing. Pretty much.
Which are these building blocks that you put together to create an HTML page. That simple. They’re like bricks you put on top of each other to build a wall. But don’t... build a wall, cuz that’s stupid.
Look at GQ, or pretty much any other page on the internet. THIS. is a block, so is this, so is this. Pretty soon you’ll start to notice clear separations between different pieces of a page. Chances are those are built using separate HTML elements.
There are a lot of different kinds of elements.
So the first one I wanna show you is the P tag. Paragraph. It’s used as a building block to create a paragraph.
All elements are created the same way. You do a left arrow and then a right arrow and put your tag name in between. P. This is called your opening tag. You also need a closing tag which is exactly the same as the opening tag with an extra slash. Like this /p. So you end up with an opening tag, and a closing tag. Anything you put between these becomes a paragraph. Becomes the thing that the browser will actually show to the end user.
So the same way we added text inside your element, you can also include elements inside other elements but we’ll get to that later.
So a couple of things:
Do not forget to close your tags. When you open it, you close it. Needless to say, when you open it using h1 you need to close it using h1 as well. So the opening and closing need to match.
Also, the tag name is not case sensitive, which means it can be H1, but no one really does that so try to be consistent, keep it to lowercase.
These are some of the tags that are available to you:
p for paragraphs
h1,2,3,4,5,6 for Headings from big to small
a anchor tags for links from page to page
button button tag will create a button for you
ul unordered lists
ol aaaaand ordered lists
li list items
img images
video video
audio audio
div span for layouts and containers
header footer
nav for navigation menus
script, style and link to load JavaScript and CSS into your page
There’s even more and I will walk you through some of them. But that’s pretty much what HTML tags are. I think we’re getting somewhere. Stick around, it’s only starting to get cool.

In this HTML tutorial you will learn, how to stretch the background image if the image is smaller than browsers window screen. You can fit the background image size using css property background-size:100% 100%. You will also learn how to fix the background image to stop its scrolling if the page size is greater than the windows screen.

Note: While these videos are developed to support the book Foundations of Web Design: HTML & CSS, they can be viewed as independent instructional tutorials.
-------------------------------------------------------------------------------------------
Every HTML document needs structure and most (if not all) need some global HTML elements such as the doctype, html, head, title, and body elements. In addition to those elements, it's good to add in a meta element to help define the character set with the charset attribute and the lang (short for language) attribute to define the primarily language for the site.
Additional software shown in this video:
Alfred - an award-winning productivity application for Mac OS X
http://www.alfredapp.com/

In this CSS tutorial, I show how you can set outline to your HTML elements using CSS. Outline is a line drawn around an element. This outline takes space outside of the border.
Outlines also do not add to the space that the element takes up. Meaning, if you change outline size,it has no effect on element's position.
Since Outlines do not add space to an element, it is possible for them to overlap onto other nearby elements. So, have to take care when using CSS to set Outlines to your HTML elements.

Link for all dot net and sql server video tutorial playlists
https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Link for slides, code samples and text version of the video
http://csharp-video-tutorials.blogspot.com/2015/04/jquery-add-event-handler-to-dynamically.html
In this video we will discuss, how to add event handlers to dynamically created elements. Let us understand this with an example.
The following example, allows us to dynamically create new list item (li), attach a click event handler and add it to the unordered list (ul). This happens when you click "Add a New List Item" button. The problem with this approach is that we are binding a click event handler to every list item. This means if you have 500 list items, then there will be 500 event handlers in the memory and this may negatively affect the performance of your application.
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
$('li').on('click', function () {
$(this).fadeOut(500);
});
$('#btnAdd').on('click', function () {
var newListItem = $('&lt;li&gt;New List Item&lt;/li&gt;').on('click', function () {
$(this).fadeOut(500);
});
$('ul').append(newListItem);
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial"&gt;
&lt;input id="btnAdd" type="button" value="Add a New List Item" /&gt;
&lt;ul&gt;
&lt;li&gt;List Item&lt;/li&gt;
&lt;li&gt;List Item&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
A better way of doing the same from a performance standpoint is shown below. In this example, the click event handler is attached to the listitem (li) parent element (ul). Even if you have 500 list items, there is only one click event handler in memory.
So how does this work
1. When you click on a list item (li), the event gets bubbled up to its parent (ul) as the list item (li) does not have an event handler
2. The bubbled event is handled by the the parent (ul) element, as it has a click event handler.
3. When a new list item is added dynamicaly, you don't have to add the click event handler to it. Since the newly created list item (li) is added to the same parent element (ul), the click event of this list item also gets bubbled upto the same parent and will be handled by it.
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;script src="jquery-1.11.2.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function () {
$('ul').on('click', 'li', function () {
$(this).fadeOut(500);
});
$('#btnAdd').on('click', function () {
$('ul').append('&lt;li&gt;New List Item&lt;/li&gt;');
});
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body style="font-family:Arial"&gt;
&lt;input id="btnAdd" type="button" value="Add a New List Item" /&gt;
&lt;ul&gt;
&lt;li&gt;List Item&lt;/li&gt;
&lt;li&gt;List Item&lt;/li&gt;
&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;

In this video we will be learning how to create a website in under 15 minutes by using HTML and CSS languages. We will work with the marquee tag for scrolling text, h1 tag for the heading, p tag for paragraph, iframe tag to include your youtube videos in an html format, font tag, em tag for italics, we will talk about the strong tag, and strong vs b tag and i vs em tag, center tag, head tag, body tag, br html tag, style html tag, and the title html tag.
The Songs that were used in this video were all Not Copyrighted, and I am allowed to use them in my videos. If you would like to see the songs used, the first song was called lunar:
https://www.youtube.com/watch?v=n79aphwhpW0
The 2nd song was Hellcat:
https://www.youtube.com/watch?v=JSY6vBPunpY
Instagram:
https://www.instagram.com/silverarmydogs/
reddit:
http://www.reddit.com/r/basicchemistry
Would you prefer some programming videos in the future, or do you only want science videos? Leave a comment on what you think or vote here:
http://goo.gl/forms/q3muwDZG8h
Thanks for watching,
Please Like, Comment, and Subscribe! :D

How to Define a Style Definition in HTML Using On-page style definitions?
Style sheet information can be placed in the HTML file itself.
For defining the style information we use the style tag. Style tag is an element of head tag in html.

The Genius Who Invented Economics Blogging Reveals How He Got Everything Right And Whats Coming Next.
Bill McBride, Calculated Risk The economics blogosphere was invented in early 2005 by a retired technology executive in Southern California named Bill McBride.
Thank God for that, because his blog, Calculated Risk, has been an invaluable and influential read for numerous reasons.
For one thing, its always been right. In its early days, when we all started reading it, it was way ahead of the curve in terms of warning about the housing bubble, horrible bank lending practices, and generally the economic collapse. From his perch in Newport Beach, CA he could see first hand the people taking out loans worth 10x their income, filling their Inland Empire garages with Harleys and Boats that they obviously couldnt afford.
But unlike many other bloggers who made a name during the crisis, he didnt stick with the doom and gloom message. He started making arguments for a GDP rebound in 2009.

Then in February of this year, he made his most important call: He announced: The Housing Bottom Is Here . McBride had officially come full circle from his days warning of housing collapse. Today, 8 months later, the housing bottom is becoming general consensus.
In addition to being correct on the economy, Calculated Risk has imparted the internet with other good practices, such as dutifully charting out the data, and examining data in an impartial, apolitical, non-hysterical manner.