html notes
html notes
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