Basic syntax and meta tags
<!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>
body tag attributes
<body bgcolor="red">
<body background="abc.jpg">
<body text="blue">
vlinks for visited links
alinks for active links on page <body vlink="red" alink="green">
<body leftmargin="50" topmargin="50">
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
<menu> organizes info
<nav> navigation area of menu
<div> container for large block of code
<span>
<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
<acronym title="internet information services">IIS</acronym> when curson points
it , it pops up the title message
<details open>
<summary>
<details open>
<summary>HTML</summary>
HTML is used to create websites
</details> Display details
Datalist with terms and definitions
<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
<b> <strong> Bold
<i> <em> italic and emphasize tag
<u> underline <ins> inserted (same purpose)
<strike> strikeout <del> deleted (same purpose)
<sup> superscript for upper representation like x square
<sub> subscript for H2O 2 is small and down
<img src="" alt="please reload again" border="" width="" height="" vspace=""
hspace="" align="">
alt - alternate text if image is not loaded
border - border radius
align - left or right
vspace - vertical space between text and image and hspace is horizontal space
<hr> horizontal split
elements
size, width, align, noshade, color
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>
<progress min="1" value="60" max="100"></progress><br>
<meter min="1" max="100" value="80"></meter>
<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;
}
