What is web design?

What is web design?

web design is that which create a platform for a website.The main works of web designer create a template for a site,there have not any application.Such as login system,news later sign up, pagination,saved file on data base by uploading,image manipulation.That's are create by using programing language.So web design is that without any application create a site.

Future as a web designer   

As a web designer you will be create many application.For learning web design you should know HTML,CSS,bootstrap,php,javascript, jquery and others.  

Read More

HTML Iframes

HTML Iframes

HTML Iframes define as a <iframe></iframe> tag. This tag started by the <iframe> and must be end by the </iframe> tag. Every tag must be end by the using "/" sign.

The src attribute are used for URL link.

iframe width and height 

used the special width and height used width and height attribute.The value of width and height you can used pixel(px) or percent(%).

iframe border

You can set border and also you can remove the border by using style attribute and use the CSS border property. 

iframe target

you can used the target frame for a link. By using target you can command which tab's opened your link.

Read More

HTML List

HTML list

HTML list are 2 (two) types. such as:
1. Ordered list
2. Unordered list

Ordered list

The sort characteristic/attribute of the <ol> tag, characterizes the kind of the rundown thing marker:

type="1"     The list things will be numbered with numbers (default)

type="A"     The list things will be numbered with capitalized letters

type="a"     The list things will be numbered with lowercase letters

type="I"     The list things will be numbered with capitalized roman numbers

type="i"     The list things will be numbered with lowercase roman numbers

Unordered list

The CSS list-style-sort property is utilized to characterize the style of the rundown thing marker:

circle     Sets the rundown thing marker to a slug (default)

circle     Sets the rundown thing marker to a circle

square     Sets the rundown thing marker to a square

none     The list things won't be stamped

HTML Description Lists

HTML likewise bolsters portrayal records.

A depiction list is a rundown of terms, with a portrayal of each term.

The <dl> tag characterizes the portrayal list, the <dt> tag characterizes the term (name), and the <dd> tag depicts each term:

Read More

HTML Block

HTML Block

<div> element

<div>  Defines a section in a document(block-level)
The <div> component is regularly utilized as a compartment for other HTML components.
The <div> component has no required properties, yet both style and class are normal.
At the point when utilized together with CSS, the <div> component can be utilized to style squares of substance:

<span> element

<span> Defines a section in a document (inline)
The <span> component is regularly utilized as a compartment for some content.
The <span> component has no required characteristics, yet both style and class are normal.
At the point when utilized together with CSS, the <span> component can be utilized to style parts of the content:

Read More

HTML Table

HTML Table 

A table is a course of action of information in lines and sections, or conceivably in a more unpredictable structure. Tables are generally utilized as a part of correspondence, research, and information investigation. Tables show up in print media, written by hand notes, PC programming, engineering ornamentation, activity signs, and numerous different spots. The exact traditions and wording for depicting tables shift contingent upon the specific circumstance. Further, tables contrast essentially in assortment, structure, adaptability, documentation, portrayal and use.[1][2][3][4][5] In books and specialized articles, tables are ordinarily displayed separated from the fundamental content in numbered and inscribed gliding squares.

A HTML table is characterized with the <table> tag.

Each table column is characterized with the <tr> tag. A table header is characterized with the <th> tag. Of course, table headings are intense and focused. A table information/cell is characterized with the <td> tag. 

Read More

List of elements

List of Elements

Element	Description	Categories	Parents	Children	Attributes	Interface
a	Hyperlink	flow;phrasing;interactive	Phrasing	transparent	globals;href;target;download; rel;hreflang;type	HTML Anchor element
abbr	Abbreviation	flow;phrasing	Phrasing	phrasing	globals	HTML element
address	Contact information for a page or article element	flow	flow	flow	globals	HTML element
area	Hyperlink or dead area on an image map	flow;phrasing	phrasing	empty	globals;alt; coords;shape;href;target; download;rel;hreflang;type	HTML areaelement
article	Self contained syndicatable or reusable composition	flow;sectioning	flow	flow	globals	HTML element
aside	Sidebar for tangentially related content	flow;sectioning	flow	flow	globals	HTML element
audio	Audio player	flow;phrasing;embedded; interactive	phrasing	source; transparent	globals;src;crossorigin;preload; autoplay;mediagrop; loop;muted;controls	HTMLAudioelement
b	Keywords	flow;phrasing	phrasing	phrasing	globals	HTML element
base	Base URL and default target browsing context for hyperlinks and forms	metadata	head;template	empty	globals;href;target	HTMLBaseElement
bdi	Text directionality isolation	flow;phrasing	phrasing	phrasing	globals	HTML element
bdo	Text directionality formatting	flow;phrasing	phrasing	phrasing	globals	HTML element
blockquote	A section quoted from source	flow;sectioning root	flow	flow	globals;cite	HTMLQuoteelement
body	Document body	sectioning root	html	flow	globals;onafterprint; onbeforprint; ononline;onpopstate; onstorage;onunload	HTMLBodyelement
br	Line break	flow;phrasing	phrasing	empty	globals	HTMLBRelement
buttom	Buttom control	flow;phrasing;interactive; listed;labelable;submittable; reassociateable	phrasing	phrasing	globals;autofocus;disabled; form;formtarget; name;type;value	HTMLButtomelement
canvas	Scriptable bitmap canvas	flow;phrasing;embedded	phrasing	transparent	globals;width;height	HTMLCanvaselement
caption	Table caption	none	table;template	flow	globals	HTMLTableCaptionelement
cite	Title of a work	flow;phrasing	phrasing	phrasing	globals	HTMLElement
code	computer code	flow;phrasing	phrasing	phrasing	globals	HTMLElement
col	table column	none	colgroup; template	empty	globals;span	HTMLTablecolelement
colgroup	group of colums in a table	none	table;template	col;script - supporting element	globals;span	HTMLTablecolelement
data	machine readable equivalent	flow;phrasing	phrasing	phrasing	globals;value	HTMLDataelement
datalist	container for option for combo box control	flow;phrasing	phrasing	phrasing;option	globals	HTMLDatalistelement
dd	content for corresponding dd element	none	dl;template	flow	globals;	HTMLElement
del	a removal from the document	flow;phrasing	phrasing	transparent	globals;cite;datetime	HTMLModelement
dfn	defining instace	flow;phrasing	phrasing	phrasing	globals;	HTMLElement
div	generic flow container	flow	flow	flow	globals	HTMLDivelement
dl	association list consisting of zero or more name value groups	flow	flow	dt;dd;script-supporting element	globals	HTMLDlistelement
dt	Legend for corresponding dd element	none	dl;template	flow	yd	yd
em	stress emphasis	flow;phrasing	phrasing	phrasing	yd	yd
embed	plugin	flow;phrasing;embedded; interactive	phrasing	empty	yd	yd
fieldset	group of form controls	flow;sectioning;root;listed;	flow	legent;flow	yd	yd
figcaption	caption for figure	none	figure;template	flow	yd	yd
figure	figure with optical caption	flow;sectioning;root	flow	figcaption;flow	yd	yd
footer	footer for a page or section	flow	flow	flow	yd	yd
form	user-submittable form	flow	flow	flow	yd	yd

Read More

Link of HTML

HTML Links - Hyperlinks

HTML joins are hyperlinks.

You can tap on a connection and hop to another report.

When you move the mouse over a connection, the mouse bolt will transform into a little hand.

The href property indicates the goal address (https://webdesigntutorial17.blogspot.com/) of the connection.

Neighborhood/Local  Links

You can connect any local links on your browser using this:

HTML Link Colors

Of course, a connection will seem this way (in all programs):

An unvisited interface is underlined and blue

A went by interface is underlined and purple

A dynamic connection is underlined and red

You can change the default hues, by utilizing styles:

HTML Links - The objective Attribute

The objective ascribe indicates where to open the connected record.

The objective quality can have one of the accompanying esteems:

_blank - Opens the connected record in another window or tab

_self - Opens the connected record in a similar window/tab as it was clicked (this is default)

_parent - Opens the connected archive in the parent outline

_top - Opens the connected archive in the full body of the window

framename - Opens the connected archive in a named outline

Summary

Utilize the <a> component to characterize a connection

Utilize the href credit to characterize the connection address

Utilize the objective credit to characterize where to open the connected archive

Utilize the <img> component (inside <a>) to utilize a picture as a connection

Utilize the id property (id="value") to characterize bookmarks in a page

Utilize the href property (href="#value") to connection to the bookmark

Read More