Scribd
Upload
16 views2 pages

HTML Notes

HTML is the markup language used to structure and present content on the web, it uses tags to define headings, paragraphs, lists, links, images and other elements; common tags include <html>, <head>, <body>, <h1>-<h6>, <p>, <a>, <img>, <ul>, <ol>, <li> and more; HTML documents also use semantic markup tags like <strong>, <em> and containers like <div> and <form> to further structure content.

Uploaded by

vikashkumarasijani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views2 pages

HTML Notes

HTML is the markup language used to structure and present content on the web, it uses tags to define headings, paragraphs, lists, links, images and other elements; common tags include <html>, <head>, <body>, <h1>-<h6>, <p>, <a>, <img>, <ul>, <ol>, <li> and more; HTML documents also use semantic markup tags like <strong>, <em> and containers like <div> and <form> to further structure content.

Uploaded by

vikashkumarasijani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

what is html?

html is hypertext markup language, create the mark on the webpage


we can write heading paragraph make lists forms images genrate the links make
search bar ad much more
html is the combination of tag
<html> this is opening tag
</html> this is closing tag
tags are combination os two tags, one is opening and secod is closing
< > these are angles
<!DOCTYPE html> this means we are using lateast version of html and that is 5th
version
<html lang=:"en"> this shows language
<head> to genrate extra information
any tag that we open so that we have to close also, this is cumpolsary
how to comment any paragraph
<!-- <tags></tags> --> short key of comment is ctrl + ? and for uncomment also we
can use this shortcut and this is not be shown on web browser
<body>
there are six types of heading
h1 main heading <h1></h1>
h2 <h2> h1 se choti</h2>
h3 <h3> h2 se choti</h3>
h4 <h4> h3 se choti</h4>
h5 <h5> h4 se choti</h5>
h6 smallest heading <h6></h6>
p means paragraph <p> </p>
i means italic <i> </i>
u means underline <u> </u>
b means bold <b> </b>
br is used to line break <br> self closing tag
hr horizental line <hr></hr> self closing tag
<!-- coment start coment end--> coment and done with controll plus question
mark
sub to make word subscipt means down <sub></sub?
sup to make word superscript means up <sup></sup>
list
three types of list
order list ol
means that will show list topics means number till the end means u can count list
is called ordered list
<ol>
<li>aleesha</li> ordered list numbering list
</ol>
unordred list il
cannt count list called un ordereed list starts
<ul>
<li>aleesha</li
</ul>
definition list df
definition of any word
<dl>
<dt>science</dt> this is topic or question <dt> means definition term
<dd> study of living things</dd> this is answer <dd> definition data
</dl>
nested list
its cannt count
means there is lisit inside the list
<ul>
<li>aleesha</li>
<ol>
<li>qadir</li>
</ol>
</ul>
symentic markup
its like bold italic
bold (strong) strong
italic (emphasis) em
link
created by anchor tag a
from one page to another or on website to another
<a href=""></a>
anchor tag is to link any page
<a href="https://google.com">link text</a>
<a href="https://google.com" target="_blank">go to google</a>
target is used for new windows page
spurce.unsplash.com this is a website for random pics by refreshing
images
we save images in two forms
jpeg if there is background behind the pic its called jpeg pic
full form of jpeg is joint photographic expert
png if there is no background behind the pic its called png, means transparent
background
full form of png is portable network graphics
<img src="" alt="">
table
tr means table row
td mean table data
th means table head
colspan to combine columm
rowspan to combile row
form
<form action="">
<legend>this is my personal information</legend>
<label> for="">name</label>
<input type="text" name="name" placeholder="enter your name">
</form>
forms
form action
fieldset is used for making our data in container or in group

div
div is a container, span is also container but can take one item, but div can add
many items
we use for border radius , with help of class and id
class
class used with div
class can use many times but id is unique can be used for one time only

You might also like