Home
Search results “Html td style font family”
HTML video tutorial - 19 - html font tag
 
09:14
HTML video tutorial - 19 - html font tag HTML font tag: html font tag is used to change the font face, font color and font size. html font tag is a paired tag. font tag has three important attributes: size: used to change the size of the font (min =1 and max =7). color: used to change the color of the text. face: used to change the font style or font face of the text. Fonts can be broadly categorized as: Serif and Sans-Serif Serif fonts: Serif fonts contain extra arms and base at the end of the line strokes. Ex: Times New Roman Sans serif fonts: without serif. Ex: Arial Use serif fonts for heading. Use sans serif fonts for paragraphs. Font family: Arial Font face: Arial black, Arial narrow etc Example Code: <html> <head> <title>HTML attributes</title> </head> <body> Hello <font size="5">HTML!</font> <br/> Hello <font size="5" color="red">HTML!</font> <br/> Hello <font size="5" color="red" face="arial">HTML!</font> <br/> </body> </html> ========================================= Follow the link for next video: HTML video tutorial - 20 - color names vs hexadecimal color values https://youtu.be/FNe2vmUsLiQ Follow the link for previous video: HTML video tutorial - 18 - html attributes - html align attribute https://youtu.be/MqBB5FX3VXw ======= HTML Questions & Answers ======== 1. Which of the following HTML code is valid code? a. colour=’red” b. color=”red’ c. color="red" d. colour="red" Answer: c 2. Which of the following attribute(s) we can use with font tag? a. size b. face c. color d. All of above Answer: d =========================================
Views: 18857 Chidre'sTechTutorials
Styling angular 2 components
 
11:18
Text version of the video http://csharp-video-tutorials.blogspot.com/2017/06/styling-angular-2-components.html Slides http://csharp-video-tutorials.blogspot.com/2017/06/styling-angular-2-components_13.html Angular 2 Tutorial playlist https://www.youtube.com/playlist?list=PL6n9fhu94yhWqGD8BuKuX-VTKqlNBj-m6 Angular 2 Text articles and slides http://csharp-video-tutorials.blogspot.com/2017/06/angular-2-tutorial-for-beginners_12.html All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd All Dot Net and SQL Server Tutorials in Arabic https://www.youtube.com/c/KudvenkatArabic/playlists In this video we will discuss the different options available to apply styles to Angular Components. The following are the different options available to style this "employee component" Option 1: Specify the following table and td styles in external stylesheet - styles.css table { color: #369; font-family: Arial, Helvetica, sans-serif; font-size: large; border-collapse: collapse; } td { border: 1px solid black; } Advantages : 1. Visual Studio editor features (Intellisense, Code completion & formatting) are available. 2. Application maintenance is also easy as we only have to change the styles in one place if we need to change them for any reason. Disadvantages : 1. The Stylesheet that contains the styles must be referenced for the component to be reused. 2. Since styles.css is referenced in index.html page, these styles may affect the table and td elements in other components, and you may or may not want this behaviour. Option 2 : Specify the styles inline in the component HTML file as shown below. [table style="color: #369;font-family: Arial, Helvetica, sans-serif; font-size:large;border-collapse: collapse;"] [tr] [td style="border: 1px solid black;"]First Name[/td] [td style="border: 1px solid black;"]{{firstName}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Last Name[/td] [td style="border: 1px solid black;"]{{lastName}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Gender[/td] [td style="border: 1px solid black;"]{{gender}}[/td] [/tr] [tr] [td style="border: 1px solid black;"]Age[/td] [td style="border: 1px solid black;"]{{age}}[/td] [/tr] [/table] Advantages : 1. Visual Studio editor features (Intellisense, Code completion & formatting) are available. 2. Component can be easily reused as the styles are defined inline 3. Styles specified using this approach are local to the component and don't collide with styles used elsewhere in the application. Disadvantages : 1. Application maintenance is difficult. For example, if we want to change the [td] border colour to red we have to change it in several places. Option 3 : Specify the styles in the component html file using [style] tag as shown below [style] table { color: #369; font-family: Arial, Helvetica, sans-serif; font-size: large; border-collapse: collapse; } td { border: 1px solid black; } [/style] [table] [tr] [td]First Name[/td] [td]{{firstName}}[/td] [/tr] [tr] [td]Last Name[/td] [td]{{lastName}}[/td] [/tr] [tr] [td]Gender[/td] [td]{{gender}}[/td] [/tr] [tr] [td]Age[/td] [td]{{age}}[/td] [/tr] [/table] Advantages : 1. Component can be easily reused as the styles are defined inline with in the component itself 2. Application maintenance is also easy as we only have to change the styles in one place 3. Visual Studio editor features (Intellisense, Code completion & formatting) are available 4. Styles specified using this approach are local to the component and don't collide with styles used elsewhere in the application. Option 4 : Specify the styles in the component TypeScript file using the @component decorator styles property as shown below. Notice the styles property takes an array of strings containing your styles.
Views: 138972 kudvenkat
HTML and CSS Tutorial 12 : Stylizing Text font face, family, style, and size
 
07:41
. Visit Our Friends @ Stone River E-Learning for Additional Tutorials - http://bit.ly/1fjsXTn Coupon 20% Off HTML & CSS for Beginners - http://bit.ly/1MmuYfw
Views: 2794 mybringback
Using style of Font-Family in HTML
 
03:43
use font-family, font-size on HTML. E-mail: [email protected] Site: dev.sombochea.com Create more, Develop more, and get more knowledge.
Views: 197 CHEA SAMBO
Set the Font Family of an Element, freeCodeCamp review html & css
 
01:48
In this challenge we learn how to add a 'font-family' style to our 'p' element. This can be done through the style tag.
Views: 1275 We Will Code
Class - 6 || Change Text Colour , Font , Size , Align , Style || Learn HTML || Tamil || JA Tech
 
11:59
Class - 6 || Change Text Colour , Font , Size , Align , Style || Learn HTML || Tamil || JA Tech Program File:- https://drive.google.com/file/d/1bXlzDjNLbrPvOBqvpBZomwHr-upSgoBa/view?usp=sharing Style Keyword:- https://drive.google.com/file/d/1Tq6Weqgn__xa_2iBRQxRbp6muiPpTiOE/view?usp=sharing html style, html style tag, html style attribute, html style sheets, html style in hindi, html style css, html style tutorial, html style background image, html style guide, html style class id, html style form, html style alert, html style and css, html style background color, html button style, html border style, html style commands, div style html, html external style sheet, style en html, html style font, how to style html, html list style, html styles, html styles tutorial, html style selector, html style select dropdown, html style sheets tutorial, html style tag tutorial, html style tag inline, html style table without css, html table style, text style html Please watch the FULL VIDEO to know , How it Works . ********************************************************************* Don't forgot to LIKE||SHARE||SUBSCRIB ******************************************************************** Friends, Please Subscribe for More Videos.. YouTube : https://www.youtube.com/channel/UCzH_6XoIH9TNG6ycXNAy4uQ ********************************************************************* If you have any questions feel free to ask them in the comment box below! ********************************************************************* Follow Me: Twitter : https://twitter.com/ja_tech_ Google+ : https://plus.google.com/112577724118244711769 Facebook Page : https://www.facebook.com/JA-Technology-688659557982458/ instagram : https://www.instagram.com/java_asan/ ********************************************************************* More Tutorials of JA Technology Java Tutorial : https://www.youtube.com/playlist?list=PL0ouYaBPM7W2n3QmhUkVydb9z7ARmQEbI Mobile Tricks And Tips : https://www.youtube.com/playlist?list=PL0ouYaBPM7W2kr6KO1tmLHIiIZoGnGzrZ Pc Trick And Tips : https://www.youtube.com/playlist?list=PL0ouYaBPM7W08yiOOHwYM02030YJNMNKx Internet Tricks And Tips : https://www.youtube.com/playlist?list=PL0ouYaBPM7W2fa-WpqbVseFrsHbKva-47 Html Tutorial : https://www.youtube.com/playlist?list=PL0ouYaBPM7W3Fk25RW0nGmNaaXcLlFk2b Photoshop Tutorial : https://www.youtube.com/playlist?list=PL0ouYaBPM7W3sTbBQbRKuS6LBunlo77GC Top 10 And 5 : https://www.youtube.com/playlist?list=PL0ouYaBPM7W13-FqP-lxg2wvQZ0zAyTzr
Views: 1158 JA Technology
(Introductory Video-4)font integration at HTML-CSS by google fonts,dafont.com,kirsle.net,@font-face
 
10:19
How to integrate fonts at HTML & CSS using net beans IDE :::::::::::::::::: USING: 1. https://www.google.com/fonts 2. http://www.dafont.com/ (download ttf fonts) 3. https://www.kirsle.net/wizards/ttf2eot.cgi (ttf to eot converter) @font-face{ font-family: Delhi; src: url("../fonts/beyond_the_mountains.ttf"); } @font-face{ font-family: Delhi; src: url("../fonts/beyond_the_mountains.eot"); } By Minhazul asif http://minhazulasif.com email: [email protected] Cell: +880856-494805
Views: 2035 Minhazul Asif
html fonts family
 
02:15
My name is Hamza and I made a html ,css web tutorials for you
how to change font style in html | by bhanu priya
 
04:32
html change font style
Views: 1067 Education 4u
Font Type, Font Size changing in HTML - Lesson 2
 
09:38
Hi friends , In this video you can learn how to changing Font Type and Font Size in HTML .So I showing you for changing the Font using Font tag and changing the Font Size using Font Size tag . In every paragraph or heading you can replaced by using Font Tag.You have the liberty to load any number of Fonts in your system. Suppose type less than sign FONT FACE equal double quatation ARIAL double quatation less than sign , where Arial is the Font Name, before the text whose font you want to change, Remember: you have to type the complete name of the font as it appears in the windows .
Views: 514 MCi Tech
HTML Tutorial 16 - CSS Font and Text Properties
 
15:24
This tutorial teaches the following properties: font-family, line-height, letter-spacing, font-weight, font-style, word-spacing Moreover talks about how to list several fonts in the font-family. Morever, talks about the units of measurement in CSS including inch, cm, pt (points), pc (pica), px (pixels), ex and em. Talks about the differences between relative and absolute fonts.
Views: 792 Professor Saad
HTML & CSS | TUTORIAL #3 - Font Style [HD 2016]
 
05:03
Naziv klipa : HTML & CSS | TUTORIAL #3 - Font Style [HD 2016] ►Oficijalni web sajt◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Project HTML Code ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → u pripremi ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Svi download linkovi ovde ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/Download/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Kontakt ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Business Inquiries: [email protected] FB Page: https://www.facebook.com/official.hdpc FB Profil: https://www.facebook.com/profile.php?id=100011401301642 Instagram: https://www.instagram.com/hdpc_computers ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ POGLEDAJTE OSTALE KLIPOVE HTML | TUTORIAL #1 - Download HTML Editor [HD 2016] https://youtu.be/_Cg0PbsC6mk VISUAL BASIC | TUTORIAL #11 - Combo Box [HD 2016] https://youtu.be/DntgFYHIxwk VISUAL BASIC | TUTORIAL #12 - Copy File [HD 2016] https://youtu.be/eHmPnieSYFc VISUAL BASIC | PROJECT #02 - Licence System https://youtu.be/ujrVueageG8 COPYRIGHT © HDPC SYBER Keyword Tags: css,css html,html style,what is css,css templates,css table,css colors,css tutorial,css filter,css width,css image,css center,counter strike source download,css menu,style css,css style,css position,css code,css tags,page css,css course,learn css,css wiki,css full form,download counter strike source,external css,css style guide,html stylesheet,css version,external style sheet,free css,css documentation,css properties,css1,css application,css div,css school,inline style html,html css tutorial,css input,css nowrap,css height,css a,html and css tutorial,css examples,www w3schools com css,how to use css,html inline style,html inline,css list,css w3c,html p style,w3c css,css syntax,css website,css reference,css file,css language,css format,css header styles,tutorial css,stylesheet,html css style,css 3,css definition,css text style,css coding,style sheet,css tools, syber, hdpc
Views: 3046 HDPC
3. (Speak Khmer) Basic HTML - Styles HTML #3 - BasicCodingKH
 
13:36
HTML Lesson 3: You will learn : - 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 - Use text-align for text alignment - Basic HTML of Styles HTML by Basic Coding KH #BasicCodingKH *** សូមជួយ Subscribe and Share ម្នាក់មួយផង *** --------------------------------------------------------------- My Official Page : https://fb.me/BasicCodingKH Contact me : https://m.me/BasicCodingKH
Views: 399 BasicCodingKH
[Part 10] HTML and CSS for Beginners - Font-Weight and Font-Style
 
05:28
Hello and welcome to my HTML and CSS tutorial for beginners! In this video, I show you how to make text bold and italic in CSS. Please comment down below if you are having any issues or have any questions! See you in the next one!
Views: 153 Everything Coding
Basics of HTML - Tutorial 9 - How to Change the Font for a Webpage (font-family)
 
05:22
check out my website for all my tutorials: http://carlsapty.com/ to see all my tutorials, check out my tutorials at http://carlsapty.com/tutorials-2/ this video is to show you how to change the font styling on a Webpage using HTML. if you would like me to make a video about something specific, drop me an email, or if you have only a small question then i should be able to help as soon as possible! if you have any questions, email me on my website or leave a comment!
Views: 1850 Carl Saptarshi
CSS - 08. Styling fonts: font-family and font-style
 
06:21
In this video, I talk about ways in which you can style fonts in CSS, using font-family and font-style.
Views: 279 Loot Tutorial
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: 118 LEARNITIUM
HTML Tutorial For Beginners Tutorial 12 Font Style And Size
 
03:37
HTML FONT NAMES Arial, Helvetica, sans-serif "Arial Black", Gadget, "Comic Sans MS", Impact, Charcoal, Tahoma, Geneva Verdana,
Views: 206 Programming Worm
CSS Basics Part 11 Font Family
 
01:02
This screencast demonstrates the visual effects of using the CSS font-family property. Please visit http://istylr.com/css_font_family.php for more information
Views: 243 iStylr
Html Style Attributes | Part - 07 | Html  tutorial for beginners | Tech Talk Tricks
 
05:57
Welcome to tech talk tricks and in this video, we'll learn about Html Text Formatting .So stay tuned and watch html style attributes. #TechTalkTricks #RanaSingh #Tech #Technology #hindi #tutorial #TutorialForBeginners #Html #HtmlTutorialForBeginners #MySmartSupport #Style So Watch: https://www.youtube.com/watch?v=EopTYckcgp4 At tech talk trick channel you will learn all kind of technology like language,tutorials and amazing computer tips and tricks. html style attribute list html style tag html inline style html style tag in body html font style text color html html font family html style class ************************************************** Follow Tech Talk Trick on Facebook https://www.facebook.com/techtalktricks ************************************************** Follow tech talk trick on Twitter https://twitter.com/tecktalktrick ************************************************** Follow Tech Talk Tricks on Instagram https://www.instagram.com/techtalktricks ************************************************** Subscribe tech talk tricks on YouTube https://www.youtube.com/techtalktricks *************************************************** 1.How to make your computer start up & shut down faster https://www.youtube.com/watch?v=3kSjizTn7MM 2.How To Trace Name/Address/Location Of UnKnown Number Easily https://www.youtube.com/watch?v=kyYfOP66l1Y 3.How to make webpage print friendly https://www.youtube.com/watch?v=YPR7JHA0Apk 4.How to Lock Folder Without any software https://www.youtube.com/watch?v=BhEduEM9pws 5.How to enable undo in gmail https://www.youtube.com/watch?v=g1fOwTQ3zJg 6.How To Recover All Deleted, Formatted, Damaged Files https://www.youtube.com/watch?v=fl3DX6RBoqo 7.How to make Bootable USB pendrive for Windows https://www.youtube.com/watch?v=IXJE859pxWg 8.How to Unlock Android Pattern or Pin Lock without losing data https://www.youtube.com/watch?v=yN4JnAo7SvU 9.how to track a cell phone location for free https://www.youtube.com/watch?v=0kCLyPJ8cM0 10.How to fix or repair pendrive using cmd https://www.youtube.com/watch?v=ny4VhM2TsWM 11.how to get wifi password of neighbour https://www.youtube.com/watch?v=LCFn6IjvnMM 12.How to Send an Email In Future https://www.youtube.com/watch?v=oo84GRHe5Vg 13.How To Setup Wifi Hotspot Without Any Software in Windows 10 https://www.youtube.com/watch?v=6Bzyvs44G50 14.how to download YouTube video without any software https://www.youtube.com/watch?v=RDfDGY3Be9Y 15.HOW TO SET SHUTDOWN TIMER IN WINDOWS OS (HINDI) https://www.youtube.com/watch?v=Vb5Ou7sc4uk 16.How To convert Word File (Any File Format) to PDF file (Any File Format) https://www.youtube.com/watch?v=Nd0YtV9MwqQ 17.How To Hide Drive of Computer Using Command Prompt (Hindi) https://www.youtube.com/watch?v=AddrPKRGdSk
Views: 2624 TechTalkTricks
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: 468036 EJ Media
HTML Font Color, Font Face and Font Size| HTML 5 Bangla| Part 08
 
08:23
Learning Outcome: -HTML Font -Font Color -Font Size -Font Face
Views: 684 ICTonlineSchool
CSS Tutorial — How to use Fonts  (12/13)
 
04:41
CSS Tutorial — How to use Fonts (12/13) All you gotta do to change the font of your page is decide what font you wanna use, say Roboto and write font-family: Roboto… Really? No... not really, it’s more complicated than that. Typography is a gigantic topic in web design and of course you have a ton of options in CSS to better your font styles and its readability. Now this isn’t a design course, so I won’t be covering design theory, I’m not gonna tell you what looks good and what doesn’t, but I will show you how to manage your fonts in HTML/CSS. You can use fonts that already exist on your computer and everybody else’s computers like “Times New Roman” or “Arial”, these are generic “WEB SAFE” fonts, but they’re limited and honestly kinda boring. Or you can use what’s called a custom font. There are a ton of custom fonts out there. If you’re a designer you have definitely worked with custom fonts so you know what I’m talking, you’re also not gonna like what I’m about to say. I am not a huge fan using custom fonts for websites Not because they’re not cool or pretty. But for one thing, not all browsers render custom fonts the same way or even correctly, so you potentially run that risk. Also, using custom fonts means anybody going to your site has to wait for the browser to download the custom font first, then render the site. Where as with generic fonts it doesn’t. And that’s costly, it takes time and bandwidth. Lastly, a huge proportion of custom fonts are great for banners and flyers and quotes (SHOW INSTAGRAM QUOTE, SHAKE HEAD), but they are absolutely awful for long body text like articles. Their readability is not always the best. With all that said, a lot of people still use them for many different reasons. Trust me, I understand the importance of uniqueness and personality when it comes to design, in fact ColorCode’s website uses a custom font on the hero page, but it comes at a cost. Custom fonts are like a chocolate milkshake. They’re sooo amazing but you really shouldn’t be doing it, unless you are willing to pay the price… Anyway,...I still want you to know how to change fonts. There are 2 things you need to do. Load or “EMBED” the font into the page (assuming it’s a custom font, for generic fonts you can skip this step), THEN change the font-family property in your CSS. How do you load fonts? Using a LINK tag in your HTML… OR…. an @import or @Font-Face statement in your CSS to point to the location of that font. It could be loaded from anywhere on the internet and I’ll show you an example in a second. Again, if you’re using a default font, you don’t need to load anything, because Arial is already available on everybody’s computer/phone/iPad, etc... So,...we’re gonna get some help from our friends over at google fonts to demo this. So head over to fonts.google.com and I’ll show you how. So here it is, a long list of custom fonts for you, pick one and look at the instructions. So I’m gonna pick Roboto and look, it even generates the code for you to embed and then set the font-family. Notice the embed part can be done in a couple of different ways, also the CSS font-family statement can take multiple values separated by a comma. This means hey, Mr. Browser, if you can’t find the first one for whatever reason, cuz it’s a fancy one, go to the next one, if you can’t find that one either, keep going until you get to one that you CAN render. You always wanna have backups in case your custom font can’t be loaded. So, in the next video I’m gonna update our Profile page to use Google Fonts. It’ll be our last demo in this course and it’ll instantly make our page look much more professional, see you there.
Views: 478 ColorCode
03-style attribute,background-color,color,font-family,font-size,text-align in HTML DoCumente
 
19:14
subscribe 1-lesson code: http://dataurbia.com/16wJ 2-lesson explain in text: http://dataurbia.com/16wc
Criando seu primeiro site simples
 
08:20
Aprenda a criar seu primeiro site simples. O resultado final é esse: -!DOCTYPE html PUBLIC ----W3C--DTD XHTML 1.0 Transitional--EN- -http:--www.w3.org-TR-xhtml1-DTD-xhtml1-transitional.dtd-- -html xmlns=-http:--www.w3.org-1999-xhtml-- -head- -meta http-equiv=-Content-Type- content=-text-html; charset=utf-8- -- -title-Criando seu primeiro site HTML-CSS--title- -style type=-text-css-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; } body { background-color: #999; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } h1 { font-size: 14px; } h2 { font-size: 16px; } h3 { font-size: 18px; } h4 { font-size: 20px; } h5 { font-size: 24px; } h6 { font-size: 26px; } a:link { color: #333; text-decoration: none; } a:visited { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #666; } a:active { text-decoration: none; color: #666; } --style- --head- -body- -table width=-900- border=-0- align=-center- cellpadding=-3- cellspacing=-0-- -tr- -td height=-100- colspan=-2- align=-left- valign=-middle- bgcolor=-#FFFFFF- style=- border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; border-top-right-radius: 5px; ---h3-» -a href=-#--SEU LOGO--a---h3---td- --tr- -tr- -td width=-166- valign=-top- bgcolor=-#FFFFFF- style=- border-left: 1px solid #CCC; border-right: 1px solid #CCC; --Aqui você coloca algumas coisas tipo, ultimas notícias sei la... Você decide.--td- -td width=-722- valign=-top- bgcolor=-#FFFFFF- style=- border-right: 1px solid #CCC; ---h1-NOME DA PÁGINA--h1--br -- Aqui você coloca o conteúdo da página-br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br -- -br ----td- --tr- -tr- -td colspan=-2- bgcolor=-#FFFFFF- style=- border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; --Copyright 2011 - Todos os direitos reservados para SEU SITE, a cópia parcial ou total deste site é crime.--td- --tr- --table- --body- --html-
Views: 1093 HABBOGuU789
Angular layout template
 
04:33
angularjs routing layout In this video we will discuss creating the angular layout template. This is continuation to Part 23, please watch Part 23 from AngularJS tutorial before proceeding. Here are the steps Step 1. Copy and paste the following HTML in the body section of the page. [table style="font-family: Arial"] [tr] [td colspan="2" class="header"] [h1] WebSite Header [/h1] [/td] [/tr] [tr] [td class="leftMenu"] [a href="#/home"]Home[/a] [a href="#/courses"]Courses[/a] [a href="#/students"]Students[/a] [/td] [td class="mainContent"] [ng-view][/ng-view] [/td] [/tr] [tr] [td colspan="2" class="footer"] [b]Website Footer[/b] [/td] [/tr] [/table] Please note : 1. The partial templates (home.html, courses.html & students.html) will be injected into the location where we have ng-view directive. 2. For linking to partial templates we are using # symbol in the href attribute. This tells the browser not to navigate away from index.html. In a later video we will discuss how to get rid of the # symbol. Step 2. Add a stylesheet to your project. Name it styles.css. Copy and paste the following. .header { width: 800px; height: 80px; text-align: center; background-color: #BDBDBD; } .footer { background-color: #BDBDBD; text-align: center; } .leftMenu { height: 500px; background-color: #D8D8D8; width: 150px; } .mainContent { height: 500px; background-color: #E6E6E6; width: 650px; } a{ display:block; padding:5px } Step 3 : Finally add a reference to styles.css in index.html page. At this point the HTML in the layout page (index.html) should be as shown below. [!DOCTYPE html] [html xmlns="http://www.w3.org/1999/xhtml" ng-app="Demo"] [head] [title][/title] [script src="Scripts/angular.min.js"][/script] [script src="Scripts/angular-route.min.js"][/script] [link href="Styles.css" rel="stylesheet" /] [/head] [body] [table style="font-family: Arial"] [tr] [td colspan="2" class="header"] [h1] WebSite Header [/h1] [/td] [/tr] [tr] [td class="leftMenu"] [a href="#/home"]Home[/a] [a href="#/courses"]Courses[/a] [a href="#/students"]Students[/a] [/td] [td class="mainContent"] [ng-view][/ng-view] [/td] [/tr] [tr] [td colspan="2" class="footer"] [b]Website Footer[/b] [/td] [/tr] [/table] [/body] [/html] In our next video, we will discuss creating the partial templates i.e home.html, courses.html and students.html 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/2016/02/angular-layout-template.html
Views: 175089 kudvenkat
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: 295833 Alphixia
CSS Tutorials - 18 - Font Style
 
02:40
HTML Tutorials: https://www.youtube.com/playlist?list=PLwPDdNxG2EFcU85DtejxG0zGYuO3ivLdR Follow me: ------------------ https://www.facebook.com/imrohit46 https://www.twitter.com/imrohit46 https://plus.google.com/+Imrohit46Blogspot/posts/
Views: 50 imRohit46
jQuery disabled selector
 
04:29
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-disabled-selector.html In this video we will discuss 1. jQuery disabled selector 2. jQuery enabled selector 3. Where you can find jquery selectors documentation Selects all disabled elements $(':disabled') Selects all disabled elements and sets a 3px solid red border [html] [head] [title][/title] [script src="jquery-1.11.2.js"][/script] [script type="text/javascript"] $(document).ready(function () { $(':disabled').css('border', '3px solid red'); }); [/script] [/head] [body style="font-family:Arial"] [table] [tr] [td]First Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Last Name [/td] [td][input type="text" disabled="disabled" /][/td] [/tr] [tr] [td]Email [/td] [td][input type="text" /][/td] [/tr] [tr] [td]Gender [/td] [td] [select id="selectGender" disabled="disabled"] [option value="Male"]Male[/option] [option value="Female"]Female[/option] [/select] [/td] [/tr] [tr] [td]Comments[/td] [td][textarea][/textarea][/td] [/tr] [tr] [td colspan="2"] [input type="submit" value="Submit" disabled="disabled"/] [/td] [/tr] [/table] [/body] [/html] Selects all input elements that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input:disabled').css('border', '3px solid red'); }); [/script] Selects all input elements with type=text that are disabled and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('input[type="text"]:disabled').css('border', '3px solid red'); }); [/script] Selects all enabled elements $(':enabled') Selects all enabled textarea elements and sets a 3px solid red border [script type="text/javascript"] $(document).ready(function () { $('textarea:enabled').css('border', '3px solid red'); }); [/script] Where can you find jquery selectors documentation https://api.jquery.com/category/selectors
Views: 60209 kudvenkat
CSS video tutorial - 54 - CSS font size property vs (HTML big, small tag)
 
08:13
CSS video tutorial - 54 - CSS font size property vs (HTML big, small tag) CSS font-size property: It is used to specify the size of the font Values: xx-small | x-small | smaller | small | medium | large | larger | x-large | xx-large | length (pt, px , em, %) ========================================= Follow the link for next video: CSS video tutorial - 55 - CSS text align property vs HTML heading, p tag https://youtu.be/nTgbFjyZyYc Follow the link for previous video: CSS video tutorial - 53 - CSS background color property vs (HTML mark) https://youtu.be/7QXuOJkDnVI ======= CSS Questions & Answers ============ =========================================
how to change the font color,font size,font style in html
 
07:56
this video is to help you guys that how to change the 1. font color.. 2. font size.. 3. font style
Views: 872 Awais Arshad
CSS basic (2) - font, table and links
 
05:00
CSS Font p {font-size:12px;} the same as p {font-size:0.75em;} Font family p{font-family:"Times";} CSS Table table,th,td,tr { border:2px solid Red; } table { width:50%; } td { text-align:right; height:20px; } CSS link, order matter unvisited link a:link {color:Black;} visited link a:visited {color:Blue;} mouse over link a:hover {color:Red;} My blog: http://jiansenlu.bloogspot.com
Views: 221 Jiansen Lu
Chapter 13 How to change font of text using CSS Hindi
 
07:10
Like, Comments, Share and SUBSCRIBE
ЧТО ТАКОЕ ШРИФТ ??? Font-family, font-size, font-weight, font-style. УРОКИ HTML и CSS. УРОК 14.
 
05:46
В этом уроке от ukrop-studio каждый желающий узнает, что такое шрифт. Привет всем Ютуберам !!! Вас приветствует канал "Веселая Семейка". Каждый день мы стараемся снимать и показывать интересное видео на различные темы. Каждый желающий на нашем канале найдет для себя свое интересное видео. Спорт, игрушки, прогулка и отдых, уроки веб-мастерства и другие, вот лишь небольшой список тем наших видео. Особая благодарность нашим главным героям - Полине Романовне, Александре Романовне и Мирославу Романовичу!!!! Hello everyone !!! Yutuberam Welcome Channel "Funny family". Every day we are trying to shoot and show interesting videos on various topics. Everyone on our channel will find themselves the interesting video. Sports, toys, walk and rest, learned web skills, and others are just a small list of topics of our video. Special thanks to our heroes - Polina Romanovna, Alexandra Romanovna and Miroslav Romanovich. Наши интересные видео - Большой теннис - https://www.youtube.com/playlist?list... - Игрушки - https://www.youtube.com/playlist?list... - Погулка и отдых - https://www.youtube.com/playlist?list... - Покупки в США - https://www.youtube.com/playlist?list... - Музыка - https://www.youtube.com/playlist?list... - Уроки CSS и HTML - https://www.youtube.com/playlist?list... - Готовим вместе - https://www.youtube.com/playlist?list... - Обучающее видео - https://www.youtube.com/playlist?list... - Все о девочках - https://www.youtube.com/playlist?list... - Детский сад - https://www.youtube.com/playlist?list... - Школа - https://www.youtube.com/playlist?list... - Сказки для детей - https://www.youtube.com/playlist?list... - Играем на планшете - https://www.youtube.com/playlist?list... - Мультфильмы для детей - https://www.youtube.com/playlist?list... Мы ВКонтакте - http://vk.com/id40740403 Мы в Faсebook - https://www.facebook.com/profile.php?... Мы в Одноклассниках - http://ok.ru/profile/105593072014 Моя партнерская программа : https://youpartnerwsp.com/ru/join?83636
jquery background color animate
 
06:58
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/07/jquery-background-color-animate.html In this video we will discuss animating colors using jquery. With the basic jQuery functionality, animate() method cannot animate non-numeric style properties like color, background-color, and border-color. jQuery UI adds the ability to animate color properties. In the example below a reference to jQuery UI is included, hence the color animations work. If we remove the reference, color animations will not work, but other numeric style properties (font-size, border-width) continue to work. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="jquery-1.11.2.js"></script> <script src="jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function () { var toggleColor = false; $('#btnAnimate').click(function () { var divElement = $('#myDiv'); if (toggleColor) { divElement.animate({ 'font-size': '15', 'border-width': '1', 'background-color': 'red', 'color': 'white', 'border-color': 'green' }, 2000); } else { divElement.animate({ 'font-size': '20', 'border-width': '10', 'background-color': 'green', 'color': 'white', 'border-color': 'red' }, 2000); } toggleColor = !toggleColor; }); }); </script> <style> </style> </head> <body style="font-family: Arial"> <form id="form1" runat="server"> <div id="myDiv" style="width: 500px; border: 1px solid black; padding: 5px; font-size: 15px"> At Pragim Technologies, training is delivered by real time software experts having more than 10 years of experience. Interview questions and real time scenarios discussion on topics covered for the day. Realtime projects discussion relating to the possible interview questions. Trainees can attend training and use lab untill you get a job. Resume preperation and mock up interviews. 100% placement assistance. 24 hours lab facility. </div> <br /> <input type="button" id="btnAnimate" value="Animate" /> </form> </body> </html>
Views: 16412 kudvenkat
Class 03 || Changing font type, color, background and size || Learn CSS Tutorial || Tamil || JA Tech
 
09:48
Class 03 || Changing font type, color, background and size || Learn CSS Tutorial || Tamil || JA Tech Program File:- https://goo.gl/FEB6gu This document contains instructions on how to change a font and its color on a web page. The proper syntax moving forward is to use Cascading Style Sheets along with the class or ID selectors rather than an inline style attribute or font tag, which are deprecated. Although, it is worth noting that these two methods still work with most Internet browsers. To proceed, select the method you would like to learn from or read every section. Using CSS for a single application Using CSS for one or more pages The Font tag Using CSS for a single application If you plan on changing the font face and its color only once on a web page, you need to change its attributes within the element tag. Using the style attribute, you may specify the font face and color with font-family, color, and the font size with font-size, as shown in the example below. Using CSS for one or more pages Custom font for one page In the head portion of your web page, you may insert code between the style /style tabs to change the appearance of your text in various elements. The next blue box contains example code that, once called, would change your font face to Courier and color it red. As you can see, we have defined the class name as "custom." Once defined, this styling can be applied to most elements in your page by attaching the class "custom" to them. The following box shows two lines of code and their respective results. Custom font for many pages Importing an external CSS file can be very beneficial in that it allows users to change rules for multiple pages at the same time. The following section shows an example for creating a basic CSS file that changes the font and it's color for most elements. This file may be loaded into more than one web page, even an entire site. Using any basic text editor, saving the following text as a .css file will prepare it for import. Once the preceding text has been placed into a .css file (we have named ours basic.css), you can link to it from any other page using a line similar to the following example. Font tag solution Although deprecated, the HTML font tag can still be used and may be necessary to be used with some online services. When using the FONT tag, you must include the face attribute, which describes the font to be used. In the example below, we are using the Courier font and the hexadecimal color code #005CB9, which is a dark blue. Additional information See the color codes page for a complete listing of HTML color codes and examples. How to change the background and text color of a web page. How to center text in HTML. How to get started in HTML and web design. See our font and font size definitions for further information and related links. HTML help and support. CSS and HTML color help and support. Please watch the FULL VIDEO to know , How it Works . ********************************************************************* Don't forgot to LIKE||SHARE||SUBSCRIB #Tech #Technology #Tricks #Tips #Hacks #Edits #How #To #Android #Iphone #Ios #Mobile #Laptop #Computer #Youtube #Google #Facebook #Instagaram #Twitter #Tamil #English #Videos #Review #Unboxing #New #Multimedia ******************************************************************** Friends, Please Subscribe for More Videos.. YouTube : https://goo.gl/8dwdxF ********************************************************************* If you have any questions feel free to ask them in the comment box below! ********************************************************************* Follow Me: Twitter : https://goo.gl/GuczEX Google+ : https://goo.gl/Z77i1t Facebook Page : https://goo.gl/VoCXEU instagram : https://goo.gl/wvU9uL ********************************************************************* More Tutorials of JA Technology HTML Tutorial : https://goo.gl/2yj8cf Java Tutorial : https://goo.gl/gbeYGz Mobile Tricks And Tips : https://goo.gl/4JB1tL Pc Trick And Tips :https://goo.gl/fJSgnM Internet Tricks And Tips : https://goo.gl/ZsEG2L Photoshop Tutorial : https://goo.gl/czSzob Top 10 And 5 : https://goo.gl/Jw8XG5
Views: 353 JA Technology
HTML | Span tag font size font weight
 
00:59
HTML Code Example: Span tag font size font weight http://html-css.happycodings.com/span-tag-font-size-font-weight.html
Views: 117 HappyCodings
CSS Tutorials - 16 - Font Size
 
03:41
HTML Tutorials: https://www.youtube.com/playlist?list=PLwPDdNxG2EFcU85DtejxG0zGYuO3ivLdR Follow me: ------------------ https://www.facebook.com/imrohit46 https://www.twitter.com/imrohit46 https://plus.google.com/+Imrohit46Blogspot/posts/
Views: 104 imRohit46
How To Change Font Size , Font colour & Font Style In HTML File|By-Nimish
 
07:36
Hope You Like It.Plssss Subscribe My Channel And Like It.
Views: 106 Nimish Gigras
styliser un tableau html css
 
15:39
ixar:https://www.youtube.com/channel/UC4vD_Spv_zjcmyfHpnAwBNA Voici le code css: Le fichier style.css le dossier page18 dans qui est dans le dossier css : table{ border-collapse: collapse; } th, td{ border: 2px solid #000000; width: 200px; height: 60px; text-align: center; transition: 2s; } .recre{ background-color: rgba(80, 80, 80, 0.7); } .non{ background-color: #FF0000; } th:hover{ background-color: #9966FF; text-decoration: underline; font-family: Arial black; } td:hover{ background-color: #19EAFF; text-decoration: underline; font-family: Arial black; } th:active{ text-decoration: none; font-size: 10px; } Modifie les couleurs!!!!!!!!!!!!!
Part 59   Layout view in mvc
 
16:36
Link for code samples used in the demo http://csharp-video-tutorials.blogspot.com/2013/07/part-59-layout-view-in-mvc.html Link for csharp, asp.net, ado.net, dotnet basics, mvc and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Make sure to replace [ with LESSTHAN and ] with GREATERTHAN symbol. What is the advantage of using _Layout.cshtml view? Layout views provide the advantage of maintaining consistent look and feel across all the views in an mvc application. A typical layout view consists of 1. Header 2. Footer 3. Navigation menu 4. View specific content Rather than having all of these sections, in each and every view, we can define them in a layout view and then inherit that look and feel in all the views. With layout views, maintaining the consistent look and feel across all the views becomes much easier, as we have only one layout file to modify, should there be any change. The change will then be immediately reflected across all the views in entire application. Let us now create a layout view with 1. Header 2. Footer 3. Navigation menu and 4. a place to plugin view specific content Step 1: Create an empty asp.net mvc4 application. Step 2: Right click on "Views" folder and add "Shared" folder. Step 3: Right click on "Shared" folder and add "_Layout.cshtml" view. This is our layout view, where we will define the site wide look and feel. The layout file can have any name, and will have .cshtml file extension. Copy and paste the following html [html] [head] [title]@ViewBag.Title[/title] @*All the javascript and css files that are required by the application can be referenced here so that there is no need to reference them in each and every view*@ [/head] [body] [table border="1" style="width:800px; font-family:Arial"] [tr] [td colspan="2" style="text-align:center"] [h3]Website Header[/h3] [/td] [/tr] [tr] [td style="width:200px"] [h3]Menu[/h3] [/td] [td style="width:600px"] @RenderBody() [/td] [/tr] [tr] [td colspan="2" style="text-align:center; font-size:x-small"] [h3]Website Footer[/h3] [/td] [/tr] [/table] [/body] [/html] Points to note: 1. View specific title is retrieved using @ViewBag.Title. 2. View specific content will be plugged-in at the location, where RenderBody() function is called. Step 4: Let us use the following table tblEmployee, and generate a few views that can be used with our layout view. Create table tblEmployee ( Id int identity primary key, FirstName nvarchar(50), LastName nvarchar(50), Salary int ) Insert into tblEmployee values('Tom', 'S', 5000) Insert into tblEmployee values('Mary', 'P', 8000) Insert into tblEmployee values('Ben', 'K', 3000) Step 5: Add ADO.NET entity data model based on the above table. Build the solution, so that Employee model class is compiled. Step 6: Add a HomeController, with the following settings, so that Index, Details, Create, Edit and Delete views are auto-generated. 1. Controller name - HomeController 2. Template - MVC controller with read/write actions and views, using Entity Framework 3. Model class - Employee 4. Data context class - SampleDBContext 5. Views - Razor Step 7: Now, we need to make modifications to Index.cshtml view, to use _Layout.cshtml layout view. Copy and paste the following code just below, @model declaration. Notice that, we are storing title in ViewBag object. The layout view is going to retrieve it from viewbag and use it as the title. The next statement, specifies the layout file to use. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } At this point navigate to Index view and notice that, it uses the layout file that we have defined. Step 8: Make the following modifications to layout view. Replace 1. Website Header with Employee Portal 2. [h3]Website Footer[/h3] with © 2013 Pragim Technologes 3. [h3]Menu[/h3] with @Html.ActionLink("Employee List", "Index") Save changes and navigate to Index view. Now click on "Edit" link. The page crashes. To fix it, delete "Scripts" section that is at the bottom of the Edit view. Refresh the page. Notice that, we don't have error now, but this view is not using the layout view. To fix it, we need to include the following code, as we did on index view. @{ ViewBag.Title = "Employee List Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } In our next video, we will discuss - How to specify layout view setting for all the views at one place.
Views: 140362 kudvenkat
Part 64   Implement sorting in asp net mvc
 
16:34
C#, SQL Server, WCF, MVC and ASP .NET video tutorials for beginners http://www.youtube.com/user/kudvenkat/playlists In this video, we will discuss, implementing sort functionality in an asp.net mvc application. We will be working with the same example that we started in Part 62. So, please watch Parts 62 and 63 before proceeding with this video. We want to support bi-directional sorting by Name and Gender columns. Here's the requirement 1. Name & Gender columns must be clickable hyperlinks 2. Clicking on the column headers should sort the data. If the data is not already sorted by the column on which you have clicked, the data should be sorted in ascending order. Clicking again on the same column should sort the data in descending order. 3. By default, the data should be sorted by "Name" in ascending order. By the end of this video, the output should be as shown below. Notice that "Name" and "Gender" columns are rendered as hyperlinks, which the user can click to sort data. Step 1: Modify the "Index()" action method in HomeController as shown below. public ActionResult Index(string searchBy, string search, int? page, string sortBy) { ViewBag.NameSort = String.IsNullOrEmpty(sortBy) ? "Name desc" : ""; ViewBag.GenderSort = sortBy == "Gender" ? "Gender desc" : "Gender"; var employees = db.Employees.AsQueryable(); if (searchBy == "Gender") { employees = employees.Where(x =] x.Gender == search || search == null); } else { employees = employees.Where(x =] x.Name.StartsWith(search) || search == null); } switch (sortBy) { case "Name desc": employees = employees.OrderByDescending(x =] x.Name); break; case "Gender desc": employees = employees.OrderByDescending(x =] x.Gender); break; case "Gender": employees = employees.OrderBy(x =] x.Gender); break; default: employees = employees.OrderBy(x =] x.Name); break; } return View(employees.ToPagedList(page ?? 1, 3)); } Step 2: Modify the code in Index.cshtml view as shown below. Please pay attention to the code highlighted with Grey colour. @using PagedList; @using PagedList.Mvc; @model PagedList.IPagedList[MVCDemo.Models.Employee] @{ ViewBag.Title = "Index"; } [link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" /] [div style="font-family:Arial"] [h2]Employee List[/h2] [p] @using (@Html.BeginForm("Index", "Home", FormMethod.Get)) { [b]Search By:[/b] @Html.RadioButton("searchBy", "Name", true) [text]Name[/text] @Html.RadioButton("searchBy", "Gender") [text]Gender[/text][br /] @Html.TextBox("search") [input type="submit" value="search" /] } [/p] [table border="1"] [tr] [th] @Html.ActionLink("Name", "Index", new { sortBy = ViewBag.NameSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.ActionLink("Gender", "Index", new { sortBy = ViewBag.GenderSort, searchBy = Request["searchBy"], search = Request["search"] }) [/th] [th] @Html.DisplayNameFor(model =] model.First().Email) [/th] [th]Action[/th] [/tr] @if (Model.Count() == 0) { [tr] [td colspan="4"] No records match search criteria [/td] [/tr] } else { foreach (var item in Model) { [tr] [td] @Html.DisplayFor(modelItem =] item.Name) [/td] [td] @Html.DisplayFor(modelItem =] item.Gender) [/td] [td] @Html.DisplayFor(modelItem =] item.Email) [/td] [td] @Html.ActionLink("Edit", "Edit", new { id = item.ID }) | @Html.ActionLink("Details", "Details", new { id = item.ID }) | @Html.ActionLink("Delete", "Delete", new { id = item.ID }) [/td] [/tr] } } [/table] @Html.PagedListPager(Model, page =] Url.Action("Index", new { page, searchBy = Request.QueryString["searchBy"], search = Request.QueryString["search"], sortBy = Request["sortBy"] }), new PagedListRenderOptions() { Display = PagedListDisplayMode.IfNeeded }) [/div]
Views: 66292 kudvenkat
how to use font tag in html in telugu
 
09:27
#KOTHA_ABHISHEK HTML: http://htmlintelugu1.blogspot.in/ CSS: http://cssintelugu1.blogspot.in/ JavaScript: http://javascriptintelugu1.blogspot.in/ SQL: http://sqlintelugu1.blogspot.in/ Java: http://javaintelugu1.blogspot.in/
Views: 2260 KOTHA ABHISHEK
CSS video tutorial - 46 - CSS font weight vs  (html b, strong)
 
06:20
CSS video tutorial - 46 - CSS font weight vs (html b, strong) CSS font-weight property: It used to specify the boldness of the font Values: lighter | normal | bold | bolder | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ========================================= Follow the link for next video: CSS video tutorial - 47 - CSS font style vs (html i, em) https://youtu.be/_tWQmRKAW2w Follow the link for previous video: CSS video tutorial - 45 - CSS Specificity - Part 2 https://youtu.be/cyVnaD4pGLs ======= CSS Questions & Answers ============ =========================================
HTML &  HTML5 Basic Examples Tutorial Bangla 2
 
02:59
html tutorial in bangla HTML & HTML5 html basic element example with html tag ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 49 Answer BD
2. Creating Website Navigation Bars using HTML & CSS
 
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 ========================================================
11 | HTML Tutorial In Hindi For Beginners | How To Change Font Face Style
 
04:25
01 | HTML Tutorial In Hindi For Beginners | Intro & How To Create Page https://youtu.be/Hss_82KpxiI 02 | HTML Tutorial In Hindi For Beginners | How To Create Paragraph https://youtu.be/_ftKgIial0s 03 | HTML Tutorial In Hindi For Beginners | Bold Italic Underline Strike-through Style In Paragraph https://youtu.be/SVScCxkj4Vc 04 | HTML Tutorial In Hindi For Beginners | How To Set background Image https://youtu.be/ltNYwrahaJI 05 | HTML Tutorial In Hindi For Beginners | How To Create Background Color https://youtu.be/h4YJamInQhI 06 | HTML Tutorial In Hindi For Beginners | How To Create Heading Style https://youtu.be/VLF8x0YTk20 07 | HTML Tutorial In Hindi For Beginners | How To Change Paragraph Font Size https://youtu.be/NNzNsv0TNHI 08 | HTML Tutorial In Hindi For Beginners | How To Set background Color https://youtu.be/n5v6NHhunGg 09 | HTML Tutorial In Hindi For Beginners | How To Change Background & Font Color https://youtu.be/coRd-R5GG90 10 | HTML Tutorial In Hindi For Beginners | How To Change Font Color https://youtu.be/Q3lP9q3OOz4 11 | HTML Tutorial In Hindi For Beginners | How To Change Font Face Style https://youtu.be/4zKqHW_QKtw
HTML & HTML5 Introduction Tutorial Bangla 1
 
06:44
html tutorial in bangla HTML & HTML5 HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 140 Answer BD