Basics of HTML

· HTML stands for hypertext Markup language

· In markup language we use <tags> </tags>

· Tags do come with paired form like (<html>…</html>)

· The well known tags are (<html>, <body>, <p>, <h1>, <h2>, <a>, <img>, <div>, <table>, <ul>, <li>,<form>,<input> )

· The basic structure of html is given below:

<html>

<head>

<title> …content… </title>

</head>

<body>

<h1> …content… </h1>

<p> …content… </p>

</body>

</html>

· The editor which are used for html is Notepad, Notpad++ and dreamweaver

Basics of CSS

· CSS stands for Cascading Style Sheets

· CSS is basically for all the styling of webpage

· CSS file can be added to internally or externally

· If a style is included internally than there are two ways to do it

1. <h1 style=”padding:20px;color:blue;”>..content..</h1>

2. Or <style>

h1{

color:blue;

padding:20px;

}

</style>

· You will create a file of extension .css. You will link this css file to where you want to call the styles. The main syntax of external CSS file is

Selector {

Property: value;

}
the linking syntax is given below: