HTML Notes
HTML Notes
<!DOCTYPE html>
<html>
<head>
<title> Kowsik </title>
<link rel="icon" href="Kimg.ico">
<meta charset="UTF-8"> // character set
<meta name="keywords" description="Kowsik,Great,God"> // keywords used to
search the website when uploaded
<meta name="description" context="Kowsik is very great , and assumed as God
in multiverse"> //Description of website
<meta http-equiv="refresh" content="60"> //refresh rate for 60 sec
</head>
<body>
</body>
</html>
Elements of body
<aside> advertisements
<article> required for publishing
<dialog>
<figure> image with caption
<figcaption> caption for image
<header> & <footer>
<section> area between header and footer
<headings>
h1,h2,. ..... h6
larger size to smaller....
<h1 align="center"></h1>
<p align="justify">
<blockquote> Hello </bl> gives space before and after the word
List
<li>
Ordered List
<ol type="1">
<ol type="a">
<ol type="A">
<ol type="A" start="5">
Unordered list
<ul>
<ul type="square"> square list
<br>
<pre></pre> as it is written format, with given spacing and lines
<details open>
<summary>
<details open>
<summary>HTML</summary>
HTML is used to create websites
</details> Display details
<dl>
<dt>your term</dt> data term
<dd> your definition</dd> data definition
</dl>
<font>
elements
<font face="arial">
<font size="7"> 1 to 7 only there
<font color="pink"> or write all elements in one font tag
intralink
<a href="#id"> HTML </a> when clicked on the link, it will go to that id content in
the same page
interlink
<a href="" target="_blank"> opens the link in a new tab
<a href="javascript:window.open('HTML Notes.txt','page','width=500 height=600')"
opens HTML Notes.txt in a new window of length and height
Table
<table>
<caption>
<thead> top row of table
<tfoot> bottom row
<tbody> remaining rows
<th> column head / field name
<tr>
<td> table data
<colgroup> groups a set of columns to define a style.
input
<input > elements
type, name, value, placeholder, autofocus, required, disable , readonly, maxlength,
min & max,size, pattern ,
list
<input type="text" list="cities" placeholder="Vijayawada">
<datalist id="cities">
<option>Vijayawada</option>
<option>Hyderabad</option>
<option>Vizag</option>
</datalist>
Dropdown
<select>
<option>a</option>
<option>b</option>
</select>
List
<select size="2" multiple>
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
</select>
<textarea rows="4" cols="40" readonly>THis is the home page of the html page which
is format of html</textarea><br>
css
input[type=button]{
color=red;
}