Free Web designing and developing class

Free Web designing and developing class We provide free web education.
(19)

HTML Links*******Linking, using an absolute URL*********HTML LinksVisit our HTML tutorial**********Linking, using a rela...
05/26/2018
HTML Tutorial

HTML Links

*******Linking, using an absolute URL*********




HTML Links
Visit our HTML tutorial




**********Linking, using a relative URL***********





Local Links

HTML Images is a link to a page on this website.

W3C is a link to a website on the World Wide Web.




**********Changing the color of links**********




a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}




Link Colors

You can change the default colors of links

HTML Images




********Removing the underline from links********





HTML Images


Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, and XML.

03/27/2018

HTML CSS

*************HTML with inline CSS************




This is a Blue Heading



************HTML with internal CSS***********




body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}




This is a heading
This is a paragraph.



*************HTML with external CSS*********







This is a heading
This is a paragraph.



for external css file save the file into style.css
and write down the code
ex:-
h1 {
color: blue;
font-family: verdana;
font-size: 300%;

}
p {
color: red;
font-family: courier;
font-size: 160%;
}

03/23/2018

HTML Comments

**********Hidden comments************




This is a paragraph.





***********Conditional comments*************












**********Comments for debugging**********







HTML Quotations and CitationsBrowsers usually insert quotation marks around the q element.WWF's goal is to: Build a futu...
03/07/2018
About Us | WWF

HTML Quotations and Citations





Browsers usually insert quotation marks around the q element.

WWF's goal is to: Build a future where people live in harmony with nature.








Browsers usually indent blockquote elements.


For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.









The HTML address element defines contact information (author/owner) of a document or article.


Written by John Doe.
Visit us at:
Example.com
Box 564, Disneyland
USA









The WHO was founded in 1948.

Marking up abbreviations can give useful information to browsers, translation systems and search-engines.








The HTML cite element defines the title of a work.
Browsers usually display cite elements in italic.


The Scream by Edvard Munch. Painted in 1893.








If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):

This line will be written from right to left


Known worldwide by its panda logo, World Wildlife Fund (WWF) leads international efforts to protect endangered species and their habitats and address global threats such as pollution, over-fishing and climate change.

02/25/2018

HTML Text Formatting





This text is normal.

This text is bold.

This text is normal.

This text is strong.

This text is normal.

This text is italic.

This text is normal.

This text is emphasized.

HTML Small Formatting

HTML Marked Formatting

The del element represents deleted (removed) text.

My favorite color is blue red.

The ins element represent inserted (added) text.

My favorite color is red.

The del element represent deleted (removed) text.
The ins element represent inserted (added) text.

My favorite color is blue red.

This is subscripted text.

This is superscripted text.


02/19/2018

HTML style





I am normal
I am red
I am blue
I am big




############ HTML background color ########





This is a heading
This is a paragraph.




############ HTML text color #########





This is a heading
This is a paragraph.




########## HTML text font ########





This is a heading
This is a paragraph.




############ HTML text size ############





This is a heading
This is a paragraph.




########## HTML text alignment ###########





Centered Heading
Centered paragraph.


02/14/2018

HTML Paragraphs





This isa paragraphwith line breaks








The pre tag preserves both spaces and line breaks:


My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.



02/04/2018

/*********HTML heading*******/





Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6




/***********HTML Horizontal rule****************/




This is heading 1
This is some text.


This is heading 2
This is some other text.


This is heading 2
This is some other text.




/******HTML head *****/



My First HTML




The HTML head element contains meta data.
Meta data is data about the HTML document.


01/13/2018

HTML image width and height








01/07/2018

HTML Attributes





The title attribute


Mouse over this paragraph, to display the title attribute as a tooltip.



12/09/2017
car design using HTML & CSS




Design car


.rec1
{
height: 100px;
width: 200px;
background: #a75050;
position: relative;
top: 200px;
border-radius: 20px 0px 0px 16px;

}
.rec2
{
height: 30px;
width: 80px;
background: #a75050;
position: relative;
top: 40px;
left: 140px;
border-radius: 0px;

}
.recw1
{
height: 30px;
width: 30px;
background: #3bb533;
position: relative;
top: 122px;
left: -50px;
border-radius: 0px;
}
.recw2
{
height: 30px;
width: 30px;
background: #ab4aad;
position: relative;
top: 92px;
left: 45px;
border-radius: 0px;
}

#triangle-bottomleft
{
width: 0;
height: 0;
border-bottom: 70px solid #a75050;
border-right: 80px solid transparent;
position: relative;
left: 140px;
top: 40px;
}
#circleleft
{
width: 60px;
height: 60px;
background: #4c4040;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
position: relative;
top: 5px;
right: 35px;
}
#circleright
{
width: 60px;
height: 60px;
background: #4c4040;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
position: relative;
top: -55px;
left: 80px;
}










my car
my name is chandra


12/05/2017

If you have any questions about HTML & CSS . Leave the questions here.

11/18/2017

HTML Formatting Elements

In the previous chapter, you learned about the HTML style attribute.

HTML also defines special elements for defining text with a special meaning.

HTML uses elements like and for formatting output, like bold or italic text.

Formatting elements were designed to display special types of text:

- Bold text
- Important text
- Italic text
- Emphasized text
- Marked text
- Small text
- Deleted text
- Inserted text
- Subscript text
- Superscript text

Free Web designing and developing class's cover photo
11/08/2017

Free Web designing and developing class's cover photo

11/08/2017

HTML Tag vs. Element

An HTML element is defined by a starting tag. If the element contains other content, it ends with a closing tag.

For example, is starting tag of a paragraph and is closing tag of the same paragraph but This is paragraph is a paragraph element.

Nested HTML Elements
It is very much allowed to keep one HTML element inside another HTML element −

Example





Nested Elements Example



This is italic heading
This is underlined paragraph


11/07/2017

Heading Tags

Any document starts with a heading. You can use different sizes for your headings. HTML also has six levels of headings, which use the elements , , , , , and . While displaying any heading, browser adds one line before and one line after that heading.

11/07/2017

The Declaration

The declaration tag is used by the web browser to understand the version of the HTML used in the document. Current version of HTML is 5 and it makes use of the following declaration −


There are many other declaration types which can be used in HTML document depending on what version of HTML is being used. We will see more details on this while discussing tag along with other HTML tags.

11/07/2017

html tag and description

1
This tag defines the document type and HTML version.

2
This tag encloses the complete HTML document and mainly comprises of document header which is represented by ... and document body which is represented by ... tags.

3
This tag represents the document's header which can keep other HTML tags like , etc.

4
The tag is used inside the tag to mention the document title.

5
This tag represents the document's body which keeps other HTML tags like , , etc.

6
This tag represents the heading.

7
This tag represents a paragraph.

11/04/2017

HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.

simple example





Hello World!




open notepad( any code editer)
type this code.
save file_name.html(e.g. code.html etc)

08/01/2016

HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages.

HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012.

03/28/2016

HTML Text Formatting Elements
Tag Description

Defines bold text
Defines emphasized text
Defines italic text
Defines smaller text
Defines important text
Defines subscripted text
Defines superscripted text
Defines inserted text
Defines deleted text
Defines marked/highlighted text

03/21/2016





My First JavaScript


Click me to display Date and Time.




03/20/2016

Internal CSS with HTML classes





div.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}





London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.



Paris
Paris is the capital and most populous city of France.



Tokyo
Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.



03/17/2016

HTML datalist

















Note: The datalist tag is not supported in Safari or IE9 (and earlier).


03/15/2016

HTML5 Input Types

HTML5 added several new input types:

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

03/13/2016

HTML Image





img {
width:100%;
}






03/06/2016

html Calculator

1. save this as calculator.js:=>

function c(val)
{
document.getElementById("imag").value=val;
}
function v(val)
{
document.getElementById("imag").value+=val;
}
function equal()
{
try
{
c(eval(document.getElementById("imag").value))
}
catch(equal)
{
c('Error')
}
}

2. this in to calculator.html



Calculator





































Address

Herndon, VA
20170

Telephone

(571) 599-4025

Alerts

Be the first to know and let us send you an email when Free Web designing and developing class posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Contact The Business

Send a message to Free Web designing and developing class:

Videos

Nearby computer & electronics services


Other Computer Companies in Herndon

Show All