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

HTML Notes

Uploaded by

medamkowsik2004
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
22 views

HTML Notes

Uploaded by

medamkowsik2004
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

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>
&nbsp;
<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;
}

You might also like