Home
Search results “Inline style body background color”
b_changing the background colour of a html page using inline css
 
01:41
Using inline css to change the background colour of the body
Views: 404 enda crossan
Give a Background Color to a Div Element, freeCodeCamp review html & css, lesson 36
 
03:30
freeCodeCamp tutorial, help and review, in this challenge we learn how to apply style to our div elements. We modify our default background and change it to silver by creating a class within our div element.
Views: 3027 We Will Code
how to add background image in html
 
04:36
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: <body style ="background: url('here.jpg')"> 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
Views: 150768 JavaScript Teacher
changing background color html
 
02:45
inline styling of background color of paragraph and body tags Inline styling https://www.youtube.com/watch?v=silM4keEglI&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Strong Font https://www.youtube.com/watch?v=tVmqWPY6Gpk&list=UUaB4FEcG5YdtNzU1e2GLw2g Text Align https://www.youtube.com/watch?v=kxKVacpcvF0&list=UUaB4FEcG5YdtNzU1e2GLw2g Background Color https://www.youtube.com/watch?v=dUQOkjCgymg&list=UUaB4FEcG5YdtNzU1e2GLw2g Font Family & Font Size https://www.youtube.com/watch?v=DHjM5SgHY1U&list=UUaB4FEcG5YdtNzU1e2GLw2g Nest Paragraph Styling + Common Mistakeshttps://www.youtube.com/watch?v=IPo5oW-lg44&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Comments https://www.youtube.com/watch?v=M4abr2xdGCg&list=UUaB4FEcG5YdtNzU1e2GLw2g Making Onordered Lists * Bullet Points etc https://www.youtube.com/watch?v=aitvgZeKvBM&list=UUaB4FEcG5YdtNzU1e2GLw2g Nesting Unordered Lists - in Ordered Lists https://www.youtube.com/watch?v=MYuAK_j1GzE&list=UUaB4FEcG5YdtNzU1e2GLw2g Adding Images https://www.youtube.com/watch?v=il-B2xS1P8c&list=UUaB4FEcG5YdtNzU1e2GLw2g
Views: 160 The Key Man
CSS - Upgrading HTML Tags with Style: Creating a Website Made Easy
 
20:00
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.
Views: 1496 Rod Martin, Jr.
create web pages using html - insert background image , internal style sheet & inline style sheet
 
09:20
Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. This example sets the text color of the h1 element to yellow: coding: h1 style="background-color:black;color:yellow;" HYPERTEXT MARKUP LANGUAGE /h1 Internal CSS An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the head tag section of an HTML page, within a style tag element: coding: html style body{background-image:url "html01 copy.jpg" ; background-position:center; background-size:600px 400px; background-repeat:repeat-repeat; } /style body font face="arial" size="30" center h1 style="background-color:black;color:yellow;" HYPERTEXT MARKUP LANGUAGE /h1 /center /body /html
Views: 21 appu digital world
Basic CSS: Give a Background Color to a div Element | freeCodeCamp
 
02:02
This is a basic CSS tutorial on how to give a background color to a div element. All of these tutorials are part of a series to learn to code with Free Code Camp. My goal is to help those that are stuck on their Free Code Camp journey. Often, those learning to code are stuck on parts of code which a more senior programmer would be able to help rapidly with. Enjoy!
Views: 376 programCity
CSS Background Image Tutorial: Lecture 37, Web Design for Beginners Course
 
15:31
This video is part of my HTML & CSS video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBEDEAL Learn how to add background images with CSS (repeat or tile, position, size, and multiple images assigned to a single element). If you want a full screen background try applying these background image techniques to the "html" or "body" element. If you want a "fixed" or "sticky" background image try adding the following declaration to the relevant CSS rule: "background-attachment: fixed;" Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 172681 LearnWebCode
Creative SVG Backgrounds for Modern Web Design
 
19:29
https://coursetro.com -- In this tutorial, I show you how to create creative SVG backgrounds and then how to integrate them via HTML and CSS. Enjoy this quicky! - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS weekly! My site: https://coursetro.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Coursetro.com. Come to my discord server or add me on social media and say Hi!
Views: 195713 DesignCourse
Background Image CSS Properties: Repeat, Size, Position
 
09:24
Use CSS properties to have more control about how background images are used.
Views: 78200 Ralph Phillips
HTML Inline Style (Style Attribute) Tutorial
 
15:16
HTML Inline Style (Style Attribute) Tutorial .. Hello guys! in this lecture we are gonna learn HTML style attribute or inline style.. But first, I wanna explain why we need this style thing? Because, we may need to change the look of an HTML element.. maybe a background color, a font size or color.. whatever we want to control in terms of style we can do that.. it’s easy and I’ll teach you..in this video.. Let’s start with coding our standard HTML structure or skeleton.. To be honest, we don’t need to code this skeleton because our elements will work without body, or head or html tags.. however, I want you to be professional developer so it’s important to get used to the common structure.. I hope you understand .. Anyway, I’m implementing my first HTML element, and it is a level one heading.. it could be anything but.. whatever.. Yeah.. put some text inside this.. like “Hi! I’m the Most Important Text in This Document” or you can put whatever text you want.. sky is the limit.. Let’s see how it looks.. as you probably know I always use Coda2 as code editor because I love it, and this code editor has it’s own preview window.. probably your code editor has no feature like this.. that’s not the matter, save your source code and open up your saved html file with any browser like chrome, firefox or safari.. Anyway , I wanna start right away.. the first thing you need to know is how to add an inline style.. An inline style can be inserted into any HTML element with “style attribute”.. that’s what I’m doing right now.. then , add double quotes and write your style rules inside the double quotes. I want my level one heading’s color to be green, so I must do that with color:green CSS rule…
Views: 489 Tuts Cafe
CSS List HTML & CSS For Beginners Background Images  Tutorial With Properties
 
11:24
css list Learn how to add background images with CSS (repeat or tile, position, size, and multiple images assigned to a single element). If you want a full screen background try applying these background image techniques to the "html" or "body" element. If you want a "fixed" or "sticky" background image try adding the following declaration to the relevant CSS rule: "background-attachment: fixed;" Please Subscribe To My Channel For More Videos -------------------------------------------------- css list, css list, css list style, tutorial, css, css list 2018, css list horizontal, css list style image size, css list style color, css list of subjects, css list style image, css list style type, css list of subjects, css list tutorial, css list style image, css list item hover effects, css list item design with css, css hover effects, css listing, css list-style, css list item, css list-style-type, list-style, unordered list, css list decoration, css list design, css list columns, css list inline, css list
Views: 12 Rehan Sajid
HTML video tutorial - 80 - html style tag
 
08:53
HTML - style tag: style tag is a paired tag. style tag must be written in head section. style tag is used to define styles for html elements or tags. style tag is used to write embedded styles. html document can have multiple style tags. style tag contains set of style rule declaration blocks. type attribute takes the value text/CSS. to indicate whatever we write within style tag is normal text or CSS code. ======================================================== Follow the link for next video: https://youtu.be/YwJgtVjG2pg Follow the link for previous video: https://youtu.be/bEH2ou5Pjp8 ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== 1. Which HTML tag is used to embed CSS styles in an HTML document? a. script tag b. style tag c. style selector c. none of the above Answer: b ========================================================
Views: 11206 Chidre'sTechTutorials
How to give background color in html body
 
03:50
How to give background color in html body In this video: you can learn how to give background or body color in html inside the body tag. For more information you can also visit my site http://www.itforum.cf/ Shoiq Group provide you information regarding Technology. Our mission is to spread IT. You can also give suggestion and ask question by contact through website or comment or comment bellow the video. Facebook : https://www.facebook.com/IT.Forum786/ Youtube Channel : https://www.youtube.com/channel/UC1ZlANQGCkn8u0a49crGEiw Official Website : http://www.itforum.cf/ Don’t forget to subscribe… :)
Views: 19 Shoiq Group
CSS Tutorial for Beginners - 02 - Changing font type, color, and size
 
04:06
In this video we go over changing the font type, size, and color. Source for episode: http://pastebin.com/RVK07MrM
Views: 434748 EJ Media
How To Make Website Hard Edge Gradient Background Color Using HTML & CSS( PURE CSS3 ).
 
10:15
How To Make Website Hard Edge Gradient Background Color Using HTML & CSS( PURE CSS3 ). 1. How to record screen on android without root = https://www.youtube.com/watch?v=Ytm7nxA-Q_8 2. How to take long screen shout in all mi phone = https://www.youtube.com/watch?v=gIBPwhkvk-U 3. html all tags with discription = https://www.youtube.com/watch?v=0JQSD8cldUU&t=15s 4. html body tag attributes with discription = https://www.youtube.com/watch?v=c26NbbXCQ0U 5. html image tag attributes with discription = https://www.youtube.com/watch?v=2CdY4oYo26E 6. html table tag all attributes with discription = https://www.youtube.com/watch?v=XfhcssfF6Jo 7. html anchor tag all attributes with discription = https://www.youtube.com/watch?v=HrPRW2EL-BU 8. html form tag all attributes with discription = https://www.youtube.com/watch?v=yWaBNzlacRw 9. html font tag all attributes with discription = https://www.youtube.com/watch?v=oGJY0jzkCiU 10. html frame tag all attributes with discription = https://www.youtube.com/watch?v=fAT3DVbIygM 11. How To Make Gradient Background Using HTML & CSS3( Pure CSS3). = https://www.youtube.com/watch?v=gQtrm3MTrNs 12. How to Make Animated Gradient Background Using Html & CSS3( Pure CSS3 ). = https://www.youtube.com/watch?v=yE9Il9TX6EM&t=112s 13. How To User Can Change Website Background Color Tutorial ( Pure CSS3 ). = https://www.youtube.com/watch?v=DbcZslYV0x4&t=79s 14. How To Make Auto Change Website Background Using HTML & CSS.( PURE CSS3 = https://www.youtube.com/watch?v=aDtQ_Ue6TgQ&t= .......................... Thank You ...........................
Views: 38 tpt tech
Customize LOGIN PAGE Using css! Oracle Apex [ARABIC]
 
14:30
Customize LOGIN PAGE Using css! Oracle Apex CSS Inline Code: -------------------------- body{font-family: 'Droid Arabic Kufi', sans-serif; font-size:1.3rem;} .t-PageBody--login .t-Body { background-image: url(#WORKSPACE_IMAGES#BG.jpeg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #45484d; background-color: -moz-linear-gradient(top, #45484d 0%, #000000 100%); background-color: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); background-color: linear-gradient(to bottom, #45484d 0%,#000000 100%); } body .t-Login-title , .t-Login-region { background-color: rgba(128, 152, 180, 0.51); color: #F8F8F8 } .t-Login-body { text-align: right; } .popup { z-index: 10; margin:100px auto; display:block; text-align:center; -moz-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */ -o-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */ box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */ -webkit-transform-origin:top center; -moz-transform-origin:top center; -o-transform-origin:top center; transform-origin:top center; -webkit-animation: iconosani 1.2s forwards; animation: iconosani 1.2s forwards; -moz-animation: iconosani 1.2s forwards; -o-animation: iconosani 1.2s forwards; } .apex-icons-fontawesome .t-Login-logo{ font-size: 50px; color: #fff; } #P101_PASSWORD , #P101_USERNAME { background-color: #0e0d0d00; color: #292929; font-size: 1.5em; border-bottom-color: #0464a9; border-width: 0 0 3px 0; }
Views: 3904 Hesham Abu Elenain
Learn Css in Arabic #04 - Element Background
 
35:48
Everything about Background property background-color background-image background-repeat background-attachment background-position
Views: 132340 Elzero Web School
How to change the background colour of a webpage in HTML
 
03:12
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
Views: 69863 Alphixia
CSS NavBar,Fixed,Scrolling,Hover, Color Change Tutorial
 
05:36
Learn how to make a CSS navbar. It is easy and beginners will find no difficulty attempting it. This is the complete video. It also adds a hover effect Final CSS code: .ulbackground{ background-color: #1d89f7; padding-left: 0px; padding-bottom: 16px; padding-top: 16px; padding-right:0px; margin: 0; width: 100%} body{ margin: 0; padding: 0;} .list-link{ text-decoration: none; padding: 16px 8px; color: #ffffff;} .list-link:hover{ background-color: #0277BD;} } .navbutton{ padding: 0; font-family: Arial , sans-serif; font-size: 28px; display: inline;} The CSS code has been given to avoid errors The HTML code can be seen in the video Do put in your comments, hit the like button and share the video E-mail your queries at any of the following or put in comments: [email protected] [email protected]
Views: 16026 Computer Dude Snehit
c_adding a background image in html using inline css
 
00:29
basic html tutorial for adding background image to the body of your html page
Views: 586 enda crossan
How to Change Color, Font, and Size of a Text in HTML
 
03:02
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
Views: 274262 Alphixia
CSS Tutorial 11 - Styling Unordered Lists
 
09:22
In this video, we talk about how to style unordered lists using CSS, changing things like font color, font family, padding, margins, and the display settings. We also learn how to change the style of the bullet points, as well as how to make lists into navigation menus, which are more accessible to those who may be visually impaired. If you have any questions, comments, or suggestions for this video, or anything at all, please don't hesitate to ask! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 18616 TechnicalCafe
Where should the script tag be placed in html
 
09:40
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2014/11/where-should-script-tag-be-placed-in.html In this video we will discuss, where should the script tag be placed in the html. Should it be placed in the body or head section of the page. In general the script tag can be placed either in the head or body section. Let's look at a few examples : Example 1 : Script tag in the head section [html] [head] [script type="text/javascript"] alert("Welcome to JavaScript Tutorial"); [/script] [/head] [body] [form id="form1" runat="server"] [/form] [/body] [/html] Example 2 : Script tag in the body section [html] [head] [/head] [body] [form id="form1" runat="server"] [/form] [script type="text/javascript"] alert("Welcome to JavaScript Tutorial"); [/script] [/body] [/html] In Example 1 we placed the script tag in the head section and in Example 2, we placed it in body section. In both the cases JavaScript works as expected. Example 3 : Sets the background color of the TextBox to red. [html] [head] [/head] [body] [form id="form1" runat="server"] [asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox] [/form] [script type="text/javascript"] document.getElementById("TextBox1").style.backgroundColor = "red"; [/script] [/body] [/html] Example 4 : This is same as Example 3, except we moved the script tag to the head section. In this case the script will not work as expected. Depending on the browser you are using you get one of the following JavaScript error. Firefox - TypeError: document.getElementById(...) is null Chrome - Uncaught TypeError: Cannot read property 'style' of null IE - Unable to get property 'style' of undefined or null reference To see these JavaScript errors press F12 which launches developer tools. F12 works for all the 3 browsers. [html] [head] [script type="text/javascript"] document.getElementById("TextBox1").style.backgroundColor = "red"; [/script] [/head] [body] [form id="form1" runat="server"] [asp:TextBox ID="TextBox1" runat="server"][/asp:TextBox] [/form] [/body] [/html] Why did the JavaScript did not work in this case JavaScript code is present before the textbox control. By the time the JavaScript code is executed, the textbox is still not loaded into browser DOM (Document Object Model). This is the reason JavaScript can't find the textbox and throws a NULL reference error. In Part 6, we discussed that, in general it is a good practice to store JavaScript in an external .js file. So, if the JavaScript is present in an external file and if you are referencing it on a page using [script] element, where should such [script] element be placed. To answer this question, first let's understand what happens when a browser starts loading a web page. 1. The browser starts parsing the HTML 2. When the parser encounters a [script] tag that references an external JavaScript file. The parser stops parsing the HTML and the browser makes a request to download the script file. Until the download is complete, the parser is blocked from parsing the rest of the HTML on the page. 3. When the download is complete, that's when the parser will resume to parse the rest of the HTML. This means the page loading is stopped until all the scripts are loaded which affects user experience. In general, the suggested good practice is to place the [script] tag just before the closing [body] tag, so it doesn't block the HTML parser. However, modern browsers support async and defer attributes on scripts. These attributes tell the browser it's safe to continue parsing while the scripts are being downloaded. But even with these attributes, from a performance standpoint it is still better to place [script] tag just before closing [body] tag. According to HTTP/1.1 specification browsers download no more than two components in parallel. So, if the page has several images to download and if you place [script] tags at the top of the page, the script files start to download first which blocks the images download which adds to the total page load time.
Views: 98533 kudvenkat
CSS: background color
 
00:26
You can put background color to either body or specific element(i.e. paragraph, heading, form etc). Tihs tutorial can be found at http://www.codesnipr.com/snippet/214/CSS-Background-color
Views: 66 cssmylife
Designing Appealing Navigation Bars ( HTML + CSS )  - Example 1
 
22:03
Designing Appealing Navigation Bars ( HTML + CSS ) - Example 1 Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>First navigation bar</title> <style type="text/css"> body { margin:0px; } div#nav > ul { margin:0px; padding:0px; list-style-type:none; background-color:black; } div#nav > ul > li { float:left; } div#nav > ul::after { content: " "; display:list-item; clear:left; } div#nav > ul > li > a { text-decoration:none; background-color:black; color:white; display:inline-block; height:50px; width:100px; text-align:center; line-height:50px; font-family:Tahoma; } div#nav > ul > li > a:hover { background-color:lightgray; color:black; } div#nav > ul > li:first-child { background-color:black; color:white; height:50px; line-height:50px; font-family:'Monotype Corsiva'; font-size:16pt; margin-right:10px; } </style> </head> <body> <div id="nav"> <ul> <li>Manjunath Chidre</li> <li><a href="#">Home</a></li> <li><a href="#">Qualification</a></li> <li><a href="#">Hobbies</a></li> <li><a href="#">Contact Me</a></li> </ul> </div> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/edt4QC0qTcc ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Views: 1174 Chidre'sTechTutorials
HTML Introduction: Part 5, Style Tag
 
04:39
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
Views: 111 LEARNITIUM
How to Inject Custom HTML and CSS into an iFrame
 
14:22
Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can accomplish this task.
Views: 105119 Tuts+ Code
19 HTML   BODY Tag with attributes like BGColor, Background, Text
 
01:58
HTML BODY Tag with attributes like BGColor, Background, Text
Views: 52 VITS Learning
CSS video tutorial - 45 - CSS Specificity - Part 2
 
22:59
CSS Specificity - Part 2 : Specificity is the value calculated by examining the selector part of a CSS rule set, used to determine which selector is more specific than other selectors Syntax of CSS rule set: selector { declaration list; } If the calculated specificity of a selector gets more points, then that selector is considered as more specific, so remember more specific selector wins over less specific selector !import (1,0,0,0,0) Inline style (0,1,0,0,0) ID selector (0,0,1,0,0) Class selector, Attribute selector, Pseudo class (0,0,0,1,0) Element selector, Pseudo element (0,0,0,0,1) Two important points to remember: 1. Try to reduce specificity of a selector 2. Never use !important until and unless it is necessary Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Specificity demo</title> <style type="text/css"> p /* (0,0,0,0,1)*/ { background-color:red !important; /*(1,0,0,0,0) */ } p /* (0,0,0,0,1)*/ { background-color:green; } body > p /* (0,0,0,0,2)*/ { background-color:yellow; } .firstp /* (0,0,0,1,0)*/ { background-color:cyan; } p.firstp /* (0,0,0,1,1)*/ { background-color:magenta; } #first /* (0,0,1,0,0)*/ { background-color:blue; } </style> </head> <body> <!-- inline style (0,1,0,0,0) --> <p class="firstp" id="first" style="background-color:green;"> Paragraph text </p> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/tHh3Bz8iIdo Follow the link for previous video: https://youtu.be/ATQeHkj0UCU ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== 1. What is the specificity value of inline styles in CSS? a. (1,0,0,0,0) b. (0,0,0,1,0) c. (0,0,1,0,0) d. (0,1,0,0,0) Answer: d 2. Calculate the specificity for following selector: html > body > div#first > p.solidBorder { … } a. (0,0,1,2,2) b. (0,1,0,1,4) c. (0,0,1,1,4) d. (0,1,1,1,0) Answer: c ========================================================
CSS video tutorial - 10 - CSS Cascade Vs CSS Inheritance
 
17:58
Cascade vs. Inheritance Cascade: deals with precedence of style rules or CSS properties (i.e. the order in which properties are applied to an html element). It solves conflict situations. Let me ask you a question: What happens when we define set of style rules for a specific tag in external, internal as well as inline styles? The answer is: “rules get’s cascade” When we define a set of style rules for a specific tag in external, internal as well as inline style, then browser creates a virtual declaration list by merging all style rules together by following rules of cascade, and then applies the merged virtual declaration list to specified tag. The rules of the cascade include: 1. Later properties (nearest) override earlier (farthest) properties 2. More specific selectors (less generic) override less specific (more generic) selectors Inheritance: deals with how styles poured down from a parent element to its child elements. Certain properties, like font-family gets inherited. If you set a font-family on the body element, then it will get inherited by all the elements within the body. The same is true for color, but it is not true for background color, border-style,margin or height which will always default to transparent, none, auto and auto. ======================================================== Follow the link for next video: https://youtu.be/WwTIrUrnFPA Follow the link for previous video: https://youtu.be/uIjQeBemGgE ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== 1. Which CSS style gets inherited to child HTML elements when applied to parent HTML element? a. border-style b. font-family c. background-color d. margin Answer: b ========================================================
Views: 2450 Chidre'sTechTutorials
How To Code (HTML and CSS)
 
03:58
Try it for yurself: HTML: http:--www.w3schools.com-html-default.asp CSS: http:--www.w3schools.com-css-default.asp CSS: -html- -head- -style type=-text-css-- body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; } p { font-family:-Times New Roman-; font-size:20px; } --style- --head- -body- -h1-CSS example!--h1- -p-This is a paragraph.--p- --body- --html- HTML: -html- -body- -h1-My First Heading--h1- -p-My first paragraph.--p- --body- --html- If You need help coding, message me.
Views: 1014 LightsWillEatYoo
How to add background color to a webpage using internal CSS
 
04:26
This video will show how to use internal CSS (cascade style sheets) to add background color to a webpage. The tutorial used Dreamweaver. Video by Troy Hawk
Views: 529 WebDevelopmentClass
Inline css to change color and font-size of element
 
00:55
Inline CSS: In this video I will teach you how to create inline CSS. Remember attributes should be spelled correctly and you can search on Goolge the type of attribute you required for a particular effect. For query you can write to me on [email protected] or write a comment with your question.
Views: 33 Sudhanshu Jain
How to Create Web Pages Using HTML : How to Add a Background Color to a Web Page | infoguru
 
04:31
How to Create Web Pages Using HTML : How to Add a Background Color to a Web Page How to run in computer ? Open the Notepad . Type your HTML code. Save the file any name with .html extension & within double inverted (“ ”) coma. Then this file open your default browser. *********************** Simple Tag . Heading Tag. P Tag Br Tag Center Tag Bold . italic & underline Tag Font color , font Face Tag Strike tag Superscript & subscript Tag Font size Attribute Background color Marquee Tag Order list , unorder list Tag Input Tag Forms Tag Table Tag Table header , footer ,Body Tag Mark Tag Progress Tag Inline Style Datalist Attribute Color Attribute Date, time , month picker Attribute Hyperling attribute Frameset Attribute ********************** Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use. ********************** এই চ্যানেল এর ভিডিও দেখে যদি আপনাদের ভাল লাগে তাহলে প্লিজ লাইক,কমেন্ট করে চ্যানেল টিকে সাবস্ক্রাইব করবেন । Thank you for watching this video. You are welcome to my channel.Don't forget to Like , Share & subscribe .  আমাদের সব ভিডিওগুলি দেখার জন্য এইখানে ক্লিক করুন – https://goo.gl/WbBucw  “INFOGURU” চ্যানেলটি সাব্সক্রইব করার জন্য এইখানে ক্লিক করুন- https://goo.gl/EVJN6U  আমাদের ফেসবুক পেজ – https://goo.gl/r7mdDY  ইউটিউব চ্যানেল – https://goo.gl/zVW8Li  গুগল+ - https://goo.gl/eDMGYG ************************ “INFOGURU” এমন একটি ইউটিউব চ্যানেল যেখানে আপনি পাবেন বেসিক এবং অ্যাডভান্স লেভেল কম্পিউটার , ইন্টারনেট ,ফেইসবুক , ইউটুব , মোবাইল , গুগল , টুইটার ,ইয়াহু ইন্টারনেট সিকিউরিটি ,টেকনোলজি সম্পর্কিত সব ধরনের টিপস এবং ট্রিক ফ্রীতে বাংলা ভাষায় সহজ ভাবে জানতে ও শিখতে পারবেন । ধন্যবাদ......
Views: 8 INFOGURU
How To Change The Background & Text Color In Simple HTML|Without CSS
 
02:47
How To Change The Background & Text Color In Simple HTML|Without CSS... in this video i wanna tell you how to change the background and text without CSS... So Subscribe our Channel.
HTML Body Style And Its Properties
 
08:55
Lecture 5: Web Development Tutorial Series In Hindi HTML Body Style And Its Properties by Login tuts. Youtube : https://youtu.be/yXeuIsaiM4o
Views: 33099 Logictuts
Designing Appealing Navigation Bars ( HTML + CSS )  - Example 2
 
26:28
Designing Appealing Navigation Bars ( HTML + CSS ) - Example 2 Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Second Navigation Bar</title> <style type="text/css"> body { margin:0px; } div#nav > ul { margin-top:0px; margin-bottom:0px; padding-left:0px; padding-top:5px; list-style-type:none; background-color:gray; } div#nav > ul::after { content:" "; display:block; clear:left; height:5px; background-color:skyblue; } div#nav > ul > li { float:left; } div#nav > ul > li > a { text-decoration:none; background-color:lightgreen; color:white; display:inline-block; margin-left:5px; margin-right:5px; padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; font-family:Verdana; text-shadow:0px 0px 5px black; } div#nav > ul > li > a:hover { background-color:skyblue; color:orange; } div#nav > ul > li:first-child { color:orange; padding-top:5px; font-family:'Monotype Corsiva'; font-size:16pt; text-shadow:0px 0px 5px black; margin-right:5px; } </style> </head> <body> <div id="nav"> <ul> <li>Manjunath Chidre</li> <li><a href="#">Home</a></li> <li><a href="#">Qualification</a></li> <li><a href="#">Hobbies</a></li> <li><a href="#">Contact Me</a></li> </ul> </div> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/EBRCoyV-Nws Follow the link for previous video: https://youtu.be/ChatAAeTEm0 ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
CSS change background color using simple CSS - Cascading Style Sheets Tutorial
 
12:22
Free Tech Courses - Web Design, game development, javascript, wordpress, bootstrap: https://goo.gl/hbnzvG Get our Build an awesome pro eCommerce store for free with WordPress course. https://goo.gl/fQDRMP Get our complete WordPress local install and migration course here : https://goo.gl/MsW8B3 Get Our Full Bootstrap Website Building Course – Learn to build sites fast: https://goo.gl/6tzUxH Simple CSS. In this series of videos we are going to go through the process of adding simple CSS code to websites to manipulate the styling. We will be covering many areas of CSS such as; padding, margins, borders, background colors, background images, and transitions to name but a few. CSS can make the difference, it can turn a good website to a great website and it is not difficult to learn. So follow along with our simple CSS tutorials and learn some of the basics of CSS coding to make your website stand out. Dowload Brackets free text editor here: http://brackets.io/ Download the demo site from here: http://www.system22.net/simple-css.zip Subscribe to our Channel https://goo.gl/Vn3Qu2 More tips at :http://web-design-and-tech-tips.com/ Facebook:https://www.facebook.com/system22.net/ Get us to build Your website: http://www.system22.net/web-design.html
Positions & Z-index in CSS - HTML tutorial for beginner in Hindi, Part-19
 
11:09
Hi, I am Kavita Sharma and welcome to Coding Curry. In our last video we will learn about CSS Positions. The position property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky). Will will also learn about the use of Z-index in html/css. The z-index property specifies the stack order of an element. If you like our video, Please SUBSCRIBE my channel for more videos like this. Facebook page: https://www.facebook.com/coding.curry.1 Google+ : https://plus.google.com/100819193432872556805 HTML/CSS complete web page HTML web page Basic html web page all attribute of body tag attribute of body tag attribute of body tag in html attribute of the body tag background attribute of body tag in html bgcolor attribute of body tag bgcolor is an attribute of body tag explain bgcolor and background attribute of the body tag function of background (attribute of the body tag) basic html tutorial for beginners basic html video tutorial for beginners best html tutorial for beginners best html video tutorial for beginners complete html tutorial for beginners free html tutorial for beginners free online html tutorial for beginners free tutorial on html for beginners free video html tutorial for beginners good html tutorial for beginners html language tutorial for beginners html tutorial for beginner html tutorial for beginners html tutorial for beginners in hindi html tutorial for beginners in urdu html tutorial for beginners online html tutorial for beginners with examples html tutorial for beginners with examples in hindi html tutorial step by step for beginners html video tutorial for beginners in hindi html video tutorial for beginners in urdu tutorial on html for beginners web design html tutorial for beginners learn html html tutorial for beginners learn html5 learn html online learn html and css tutorial html html5 tutorial css tutorial html css tutorial learn css html for beginners learn to code html html coding tutorial html coding for beginners learn html free html5 tutorial for beginners html training learn html css learn basic html html coding for dummies learn html online free html and css tutorial html online tutorial basic html tutorial html tutorial for beginners with examples best way to learn html html tutorial point learn html for beginners html website tutorial
Views: 1921 Coding Curry
Bootstrap 4 Cards
 
23:21
Learn how to create digital cards using Bootstrap 4 card layout component. ▶ Download Exercise Files http://www.3rdelement.com/online_training/html/bootstrap/Bootstrap4-Cards.zip ▶ Digital Cards Digital cards are design containers that provide flexible content with the use of headings, paragraphs, lists, links, images, and more. They are a great tool for communicating quick stories, improve the user experience, encourage users to share content on social media, they represent actions and are great for pulling in information from multiple sources. And so let's go ahead and see how Bootstrap handles the Card Layout Component. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. ▶ Bootstrap 4 Cards A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. Card decks Need a set of equal width and height cards that aren’t attached to one another? Use card decks. Body The building block of a card is the .card-body. Use it whenever you need a padded section within a card. Card Titles, text, and links Card titles are used by adding .card-title to an h tag. In the same way, links are added and placed next to each other by adding .card-link to an a tag. More from Elias Sarantopoulos ❤ Creative tutorials from Elias Sarantopoulos. Helping you develop your skills with Affinity Designer, Adobe Illustrator, After Effects, and Bootstrap tutorials. Website! ▶ Helping You Develop - http://www.pixelias.com/ Flickr! ▶ http://bit.ly/1xx0bBu Instagram! ▶ https://instagram.com/pixeliasdotcom/ Twitter! ▶ http://www.twitter.com/pixEliasdotcom Subscribe! ▶ http://www.youtube.com/channel/UCPq0a0HP6JvculGSNYu-pSQ?sub_confirmation=1
Views: 18893 Elias Sarantopoulos
Making Divs Side by Side using CSS
 
04:24
Make two divs side by side using Float property in CSS Hey guys in this tutorial I will show you how to make two (2) div tags in HTML side by side using the float property in CSS. I will be using Dreamweaver CS6 in this tutorial but you could use any free HTML editor you want including Notepad ++ , Coda or others. Difficulty: Easy Make sure you comment rate and subscribe. link to video : http://www.youtube.com/watch?v=MUApnJ3y-Bs !-------CHANNEL--------------! http://youtube.com/how2cre8webs
Views: 155962 let's code!
Basic CSS - Override Class Declarations with Inline Styles - freeCodeCamp
 
02:16
In today's basic css tutorial we override class declarations with inline styles to gain a deeper understanding of the cascading style sheet technology (CSS). I hope that in these tutorials I propose ideas that help cement the learning you gain from the great tutorials at Free Code Camp.
Views: 220 programCity
Use RGB values to Color Elemets, freeCodeCamp review, html & css, lesson 55
 
01:59
freeCodeCamp tutorial, review and help, in this challenge we learn how to use RGB values instead of hexadecimals. RGB stands for 'red', 'green', and 'blue'. We are able to create the same number of colors with RGB as we can with hexadecimal colors.
Views: 665 We Will Code
Change Background Colors with JavaScript and Input Range Sliders (Part 2)
 
06:50
Use JavaScript and the HTML5 input type range element to make sliders that change the background color of a page dynamically. demo file: http://www.ralphphillips.com/youtube/background-sliders.html
Views: 6243 Ralph Phillips
Sticky Position in CSS - HTML tutorial for beginner in Hindi, Part-20
 
07:12
Hi, I am Kavita Sharma and welcome to Coding Curry. In our last video "Positions & Z-index in CSS", we discussed about all the "Position properties". Some of our viewers asd about "Sticky Position", which we did not included in the video. For our viewers, we have created this video for sticky position. Watch and share and subscribe. Download the code from:- https://drive.google.com/file/d/16e8lrm_MalxqwxySfa2a4wlHliY4yFQW/view SUBSCRIBE MY CHANNEL FOR MORE VIDEOS LIKE THIS. Facebook: https://www.facebook.com/coding.curry.1 Google+ : https://plus.google.com/+CodingCurry HTML/CSS complete web page HTML web page Basic html web page all attribute of body tag attribute of body tag attribute of body tag in html attribute of the body tag background attribute of body tag in html bgcolor attribute of body tag bgcolor is an attribute of body tag explain bgcolor and background attribute of the body tag function of background (attribute of the body tag) basic html tutorial for beginners basic html video tutorial for beginners best html tutorial for beginners best html video tutorial for beginners complete html tutorial for beginners free html tutorial for beginners free online html tutorial for beginners free tutorial on html for beginners free video html tutorial for beginners good html tutorial for beginners html language tutorial for beginners html tutorial for beginner html tutorial for beginners html tutorial for beginners in hindi html tutorial for beginners in urdu html tutorial for beginners online html tutorial for beginners with examples html tutorial for beginners with examples in hindi html tutorial step by step for beginners html video tutorial for beginners in hindi html video tutorial for beginners in urdu tutorial on html for beginners web design html tutorial for beginners learn html html tutorial for beginners learn html5 learn html online learn html and css tutorial html html5 tutorial css tutorial html css tutorial learn css html for beginners learn to code html html coding tutorial html coding for beginners learn html free html5 tutorial for beginners html training learn html css learn basic html html coding for dummies learn html online free html and css tutorial html online tutorial basic html tutorial html tutorial for beginners with examples best way to learn html html tutorial point learn html for beginners html website tutorial
Views: 1536 Coding Curry
HTML Introduction Part 2: TAGS
 
04:35
Well Done! You have covered some basic tags. To find out more on tags and attributes visit W3schools link is 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/tags/ref_byfunc.asp Code: ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body> <h1>Before Applying Paragraph Tag</h1> As the name suggest, if the HTML page contains multiple paragraphs, this tag helps in defining the paragraphs body. It is a type of container tag and, It is a way to structure your text into different paragraphs. Each paragraph of text should go in between an opening and a closing tag. Browsers automatically add some space (margin) before and after each paragraph element <h1>After Applying Multiple Paragraph Tag</h1> <p>As the name suggest, if the HTML page contains multiple paragraphs, this tag helps in defining the paragraphs body. It is a type of container tag and, It is a way to structure your text into different paragraphs.<p></p> Each paragraph of text should go in between an opening and a closing tag. Browsers automatically add some space (margin) before and after each paragraph element</p> </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body> <h1>Before Applying br Tag</h1> This is a sentence. This is another sentence. <h1>After Applying br Tag</h1> This is a sentence.<br> This is another sentence. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body> <h1>Before Applying background attribute</h1> This HTML page has no background image. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body background="background.jpg"> <h1>After Applying background attribute</h1> This HTML page has a background image. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body > <h1>Before Applying text color attribute</h1> This HTML page text has default color. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body text="orange" > <h1>After Applying text color attribute</h1> This HTML page text has ORANGE color. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body bgcolor="purple" text="orange" > <h1>After Applying background color & text color attribute</h1> This HTML page has purple background and text has ORANGE color. </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body > <h1>This is H1 heading and biggest in size.</h1><br> <h2>This is H2 heading.</h2><br> <h3>This is H3 heading.</h3><br> <h4>This is H4 heading.</h4><br> <h5>This is H5 heading.</h5><br> <h6>This is H6 heading and smallest in size.</h6><br> </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body > <font size="3" color="red"><h1>This is H1 heading with color Red.</h1><br></font> <font size="2" color="blue"><h2>This is H2 heading with size 2 therefore smaller than other headings in size and color is blue.</h2><br></font> <font face="verdana" color="green"><h3>This is H3 heading with different font and color green.</h3><br></font> </body> </html> ----------------------------------------- <html> <head> <title>HTML Introduction - Part 2</title> </head> <body > This is normal sentence <br><br> <h3> <b>This is bold sentence</b> </h3> <br> <h3> <i>This is italic sentence</i> </h3> <br> <h3> <u>This is underline sentence </u></h3> <br> </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
Views: 41 LEARNITIUM
CSS Color Property Values
 
06:41
This video covers the 7 different ways that you can create colours in CSS - 6 digit hex, 3 digit hex, named colours, rgb method, rgba method, hsl method, and hsla method. These colours can be used for any property that requires a colour value. Code GIST: https://gist.github.com/prof3ssorSt3v3/84047356066ea57af8249da0334e66dd
Views: 294 Steve Griffith
Inherit Styles from the Body Element, freeCodeCamp review html & css, lesson 46
 
03:18
freeCodeCamp tutorial, review and help, in this challenge we learn about inheritance. When we apply a style to an element, that style will also be applied to the elements within that element. So when we apply a style to the body, all other elements will inherit the style from it as well.
Views: 1932 We Will Code
CSS Tutorial - Two Column Layout - Floating.
 
19:23
זה החלק השני של הסרטון תהנו ושיהיה לכם בהצלחה Style.css: body { font-family: Arial, sans-serif; background-color: #738294; } #container { width: 900px; padding: 30px; margin: 0 auto; background-color: #FFF; border: 2px solid #80aab7 } #header {} #nav { margin: 0; padding: 0; background-color: yellow; } #nav li { list-style: none; float: left; padding: 0 15px 0 0; } #nav li a:link, #nav li a:visited { text-decoration: none; } #body {} #body p { line-height: 1.6em; } .main { width: 600px; float: left; } .main-inner { padding: 0 60px 0 0; } .side { width: 300px; float: left; } #footer { background-color: #4D5B6C; color: #FFF; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* @end */
Views: 655 Ameer Sobihh