You are on page 1of 9

Ÿ web designing is creating responsive web

pages
Ÿ website is a collection of web pages under
same domain
Ÿ domain is the address of a website
Ÿ web page is the hypertext document on
the www
Ÿ URL called as uniform resource locator
which specifies a particular web page
-------------------------------------------
HTML 5
Ÿ A hyper text markup language for creating
webpages or web applications
Ÿ Markup/HTML tags - The keywords for
defining that how the web browser will
display the content
Ÿ <! DOCTYPE html>
<html>
<head>
</head>
<title></title>
<body>
<p></p>
</body>
</html>
Ÿ Hyper text - text which contains links to
other texts
Ÿ Markup - it is a computer language that
uses tags to define elements within a
document and human readable

<meta charset = "UTF-8"> //you are telling


the browser to use the utf-8 character
encoding, which is a method of converting
your typed characters into machine-
readable code

h1 to h6 - heading tags
<p></p> - paragraph tags

Ÿ if we use h7 or h8 tags, the text will be


printed acc to paragraphs tags
automatically

<br> //line break


<hr> //horizontal line break - self closing
tags
Ÿ elements are the text inside opening and
closing tags
Ÿ attributes gives us the additional info
about the element
Ÿ formatting tags - bold, italic, underline,
superscript, subscript, mark, ins, del

<mark> //highlighting particular text with


yellow colour

<ins> //used to specify a block of inserted


text

<del> //identify text that has been deleted


from a document but retained to show the
history of modifications made to that
document. Pair a <del> element with <ins>
to identify the inserted text that replaced
the deleted text

<img src="address of the image" height=" "


width=" " alt="text represents the
image"> //prints the image
<a href="link" target="_self">text like click
me</a> //opens in the same page

<a href="link" target="_blank">text</a>


//opens in a new page

<table border="3(size)">
<tr>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td colspan="2"></td> //merging a
column
</tr>
<tr>
<td></td>
<td></td>
<td rowspan="2"></td> //merging a row
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table> //to print tabular info

Ÿ lists- ordered lists, unordered lists,


definition/description list

<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul> //unorderd lists(bullet points)

<ol>
<li></li>
<li></li>
<li></li>
<li></li>
</ol> //orderd lists(numbers)
<ol type="i/a/A" start="7"> //list will start
from g
<li></li>
<li></li>
<li></li>
<li></li>
</ol>

<ul type="square/circle/none">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

<dl>
<dt></dt> //data term
<dd></dd> //definition of the data term
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl> //definition or description
lists
<ol type="i/a/A" reversed> //points are
downwards
<li></li>
<li></li>
<li></li>
<li></li>
</ol>

Ÿ Forms- used to collect the data or


information from the end user

<form>
<label>username: or Password:</label>
<input type="textbox" or "password"
placeholder="Enter here">
<input type="radio" or "checkbox"
name="gender">Male
<input type="radio" or "checkbox"
name="gender">Female
<input type="submit">
<button>Submit</button>
<input type="file"> //to upload a file
<textarea cols="S" rows="2"> //limit
</textarea>
</form>
-------------------------------------------

You might also like