Scribd
Upload
25 views

HTML Notes

Uploaded by

medamkowsik2004
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
25 views

HTML Notes

Uploaded by

medamkowsik2004
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

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