HTML 5 AND CSS
HTML stands for Hyper Text Markup Language.
CSS stands for Cascading Style Sheets.
Style- How to display HTML elements.
A Website is 1)Presentation tool 2)Learning
tool 3)Teaching tool 4)Marketing tool.
Some more tags on HTML5
:section,article,aside,header,footer,nav,dialog,figure.
CSS uses
three references:
1)INLINE
2)INTERNAL
3)EXTERNAL
Program
by using the above references
<link href=”style.css” rel=”stylesheet”> /* this is EXTERENAL*/
<html>
<head><style
type=”text/css”>p{margin:20px;}</style> /* this is INTERNAL*/
</head>
<body>
<p
style=”margin:10px;”>sometext</p>
/* this is INLINE*/
</body>
</html>
BOX Model
DIV-division –It is nothing but a container
Some text
|
A
PROGRAM USING CSS
H1{coloer:green;font-weight:bold;}
Body(background-color:yellow;}
P{color:blue;)
A program
by using link to the above CSS program.
<!DOCTYPE HTML>
<LINK
HREF=”C:\USERS\LIB\DESKTOP\WEBDESIGN\CAS1.CSS” REL =”STYLESHEET”>
<HTML>
<HEAD>
<TITLE>COMPUTER</TITLE>
</HEAD>
<BODY>
<H1>INTRODUCTION TO
COMPUTERS</H1>
<P>COMPUTER</P>
</BODY>
</HTML>
A
program using DIV
H1{COLOR:GREEN;}
DIV{BACKGROUND-COLOR:RED;HEIGHT:200PX;WIDTH:200PX;BORDER:2PX;}
A program using above DIV program.
<!DOCTYPE HTML>
<LINK HREF=”C:\DESKTOP\WEBDESIGN\CAS1.CSS”
REL=”STYLESHEET”>
<HTML>
<HEAD>
<TITLE>COMPUTER</TITLE>
</HEAD>
<BODY>
<H1>INTRODUCTION</H1>
<DIV>HAI</DIV>
<BODY>
<HTML>
BOOTSTRAP is a framework to readily produce
webpages. A tool for creating responsive web pages.
For COLOR
combinations KULER ADOBE.
VIDEO FORMATS:MPEG-4,WMV,QUICKTIME,REAL
VIDEO.
Program
for video
<!DOCTYPE HTML>
<HTML>
<BODY>
<VIDEO WIDTH=”400” CONTROLS>
<SOURCE SRC=”MOV_BBB.MP4”
TYPE=”VIDEO/MP4”>
<SOURCE SRC=”MOV_ BBB.OGG”
TYPE=”VIDEO/OGG”>
YOUR BROWSER DOESNOT SUPPORT HTML5 VIDEO
</VIDEO>
<P>
VIDEO COURTESY OF
<A HREF=HTTP://WWW.BIGBUCKBUNNY.ORG/TARGET=”_BLANK”>
BIGBUCKBUNNY</A>
</P>
</BODY>
</HTML>
CANSVAS:A medium for drawing
,painting,graphics via javascript.
A
program using CANVAS
<!DOCTYPE HTML>
<HTML>
<BODY>
<CANVAS
ID=”MYCANVAS” WIDTH=”200” HEIGHT=”100” ></CANVAS>
<SCRIPT>
Var c=document.getElementById(“mycanvas”);
Var ctx=c.getcontext(“2d”);
Ctx.moveTo(0,0);
Ctx.lineTo(200,100);
Ctx.stroke();
</script>
</body>
</html>
Site reference:www.w3schools.com
Compiled
by Y.Kiriti babu L/CME after attending the course at NITTTR Chennai from 23 Jan
to 17 Jan 2017.
I have read your blog its very attractive and impressive. I like it your blog.
ReplyDeleteJavascript Training in Chennai | HTML5 Online Training
JavaScript Training Courses | Javascript Online Training | Angular 2 Training in Chennai
Great Article IoT Projects for Students
DeleteDeep Learning Projects for Final Year
JavaScript Training in Chennai
JavaScript Training in Chennai
The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training
Great.. Tutorial is just awesome..It is really helpful for a newbie like me...
ReplyDeleteJavaScript Online Training JavaScript Online Training JQuery Online Training JQuery Online Training
JavaScript Course | HTML5 Online Training
JavaScript Training in CHennai HTML5 Training in Chennai HTML5 Training in Chennai JQuery Training in Chennai JQuery Training in Chennai JavaScript Training in Chennai JavaScript Training in Chennai
ReplyDeletesimple explantion about html5 and css
ReplyDeletedental website
webdesigning in chennai
Read more at Toto vietnam
ReplyDeleteRead more at 7m cn
ReplyDeleteđọc thêm tại : https://kimquoctien.com/bon-tieu-inax
ReplyDeletegreat
ReplyDeleteđèn led ốp trần
đèn led thanh
great
ReplyDeletenhunghuoushop
Read more at may hut mui canzy
ReplyDeleteRead more at may hut mui malloca
Read more at 57cbf
ReplyDeleteRead more at 먹튀
ReplyDeleteread continue https://vesinhnhasaigon.net/giat-ghe-sofa/
ReplyDeleteThis comment has been removed by the author.
ReplyDeletexem thêm: son mykolor
ReplyDeletenhung hươu Hương Sơn enhances health, improves physiology
ReplyDeleteIt’s very easy to find out any matter on web as compared to textbooks, as I found this piece of writing on this site.
ReplyDeletesingapore web design
web design singapore
ecommerce web design singapore
magento web design company
uống tinh bột nghệ giảm cân
ReplyDeleteThe blog is totally awesome to read and the writer gives information in a very unique manner.
ReplyDeleteaccounting services singapore
accounting firms in singapore
audit firm in singapore
audit firm singapore
secretarial services singapore
outsourced accounting services singapore
business tax advisory
company incorporation singapore
corporate secretarial services singapore
transaction structuring advice
Thanks for the information. It's very useful. If any one is looking for cardiologist singapore or heart specialist sinapore, check out Dr. Lim Ing Haan, heart specialist clinic singapore best place for cholesterol test, check heart palpitation.
ReplyDeletecardiology clinic
cardiology clinic singapore
singapore cardiologist
singapore heart & vascular clinic
heart specialist
heart doctor singapore
interventional cardiologist singapore
interventional cardiology singapore
heart specialist clinic