0% found this document useful (0 votes)
15 views

html notes

Uploaded by

nargisimran73
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
0% found this document useful (0 votes)
15 views

html notes

Uploaded by

nargisimran73
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/ 3

_________________________________________________________________________________ht

ml tags
---------------------------------------------------------------------------------
<P>
paragraph
<a href""
anchor tag....used to add links or other pages.
-> <a href="https://google.com"target="_main"> {for opening in new homepage}
-> <a href="https://google.com"><img scr="link"> {for opening pics}
<h1>.....<h6>
heading tags......different sizes, used for most important headings
<img scr="image.png" alt="Random Image"
image addition.....image.png is the link of image.alt helps user to know what
was the picture of in caseof no internet.
<video src="link"
used to link video
<br>
next line
<b>
bold
<u>
underline
<i>
italic
<big>
big text size
<small>
small text size
<hr>
horizontal line
<sub>
subscript
<sup>
superscript
lorem
sample test
---->html doesn't count free spaces for this purpose <P> tag is changed to <pre>
_________________________________________________________________________________
html layout:
---------------------------------------------------------------------------------
<header>
header
<footer>
footer
<main>
main function.inner 3 tags
<section tag>.....section on page
<article>.......article
<aside>.......content aside main content for ex: adds
<div>
contains other tags.div covers whole line instead of inline context

<span>
contains the width as per size.Is a inline element
color_
height and width
_________________________________________________________________________________
list making in HTML
---------------------------------------------------------------------------------
<ul><li>
unordered list
<ol><li>
ordered list
_________________________________________________________________________________
tables in HTML
<table>
<tr>
display table row
<td>
display table data
<th>
display table header
<caption>
used for adding caption or heading of table
<thead>
header of the table
<tbody>
data of the table
"colspan="
used to adjust the heading according to the user entered value
_________________________________________________________________________________
Forms in HTML
---------------------------------------------------------------------------------
<form>
used to add form content
<form action="/action.php">
action needed to performed when the form is submitted
<input type="text" placeholder:"______">
used to input data in place of _____
----> if the type is set to password...the text will be shown in dots.
----> if the type is set to radio we can input value for selection
----> if the type is set to checkbox we can input value for selection

_________________________________________________________________________________
labels in html:
---------------------------------------------------------------------------------
<label for="id1">
it helps user in selection of radio buttons
<textarea name="_">
used to write feedback
<select>
<option value="_">
select option in form of dropdown

You might also like