topic =coding
under coding topic html topic
chapter no 2
chapter name =html basic
in this chapter we will show some basic html example
dont worry if use tag you have not learn a yet
html document
-all html document must stand with a document type declaraaton <doctype html>
-the html document itself begin with <html>and end with <html>
-the visible part o body the html document
opening tag and clossing
<body> </body>
<html > <html>
the doctyoe declaration
>the<doctype declaration represent the document type and help broswer to display web page
>it must only appear once at top at the page {before any html page }
<the <doctype>decllaration not case sensitive
html heading
*html heading are formed define with <h1>to<h6>
*<h1>define the most important heading
*<h6>define th least important the ading
example
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
html paragraph
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
html link
html link are defined with the <a> tag
example
<!DOCTYPE html>
<html>
<body>
<h2>HTML Links</h2>
<p>HTML links are defined with the a tag:</p>
<a href="https://www.w3schools.com">This is a link</a>
</body>
</html>
the link destination is html attribute is specified in the href attribute
attribute
attribute are used to provide additional information about html elementg
you will leaarn more about attribute in a later chapter
html image are defined with the ,img> tag
the sources file {scr} a alternative <{alt} width and height are provie as attribute
example
<!DOCTYPE html>
<html>
<body>
<h2>HTML Images</h2>
<p>HTML images are defined with the img tag:</p>
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
</body>
</html>
hwo to view html resources ?
ans= have you ever seen a webpage and wondered they how did they download?
* view html source code
righth click in a html page and select view page source in chrome ion edge or in similar other browser this will open a window contain the html souce code of web page
*insecp and html element
*righth click on a element {or blank area} and choose insecpt or inspect element to see and what element are made up of {you will see both the html and the css }you can also edit the html and the css you can also edit the html or css the fly in element or style panel that open
please like and subuscribe my youtuv=be channel please share my webiste and learn all coding syllabus for free and joinj test seriess for this channel fo publisher telegram channel name is technical and ethical hacking you search the telegram and join my telegram channel and without any premium you make a app developer and website developer and many app you share ny webiwste on whatsapp please thankyou byee i will be coming soon of the following coming on next video guys please support me
