Basic Html Notes

 What is website?

A website is a collection of web pages which contains the information about the particular organization or institution or any product.It contains the related content that is identified by a common domain name and published on any one web server.

Few examples of such websites are bing.com, wikipedia.org, google.com, amazon.com etc.

Note:-A website can be opened using the software known as Browser.

Commonly used browsers are Google Chrome, internet explorer,Mozilla Firefox etc. 

Language used for website development:-

The most common programming language used to develop websites are:HTML(HyperText Markup Language), CSS(Cascading Style Sheets), JavaScript and PHP(Hypertext Preprocessor).

Note:-Some of these can be used as an extension of the existing languages but some can be used entirely separate from the other languages to create a dynamic or static website.

Purpose:-

Websites are developed for a particular purpose,such as commerce, education,media,and entertainment,or social networking.

It can be the work of an individual,a business or other organization for the interest of public or any personal reasons.

1.web-page:-   

It is a collection of text,image, audio and video etc.

2.website:- 

It can contain single or thousands pages.

3.web-browser:-

It is the program to see any web-pages.

Ex:-(Google chrome,Internet explorer,firefox,etc.)

4.Home-page:-

The first page of any website is called home-page.

Types of website:-

1. Static website 

2. Dynamic website

1.Static website:-

A static website contains web pages with fixed content.Each page is coded in HTML and displays the same information to every visitor.

For example :-wikipedia.com, Education.com,etc.

2.Dynamic website:-

Dynamic website can contain web pages which are user friendly. User may interact with those pages.

For example:- Facebook, Gmail,Yahoo mail etc.

# What is HTML?
  • HTML is the standard markup language  for creating web pages.
  • HTML Stand for Hypertext markup Language.
  • HTML describe the structure of web pages.
  • HTML consists of a series of elements.
  • HTML elements tell the browser how to display the content.
  • HTML elements are represented by tags. 
  • HTML tags label pieces of content such as "heading","paragraph","table",and so on.
  • Browsers do not display the HTML tags,but use them to render the content of the page.
  • It is case sensitive language.
# A simple HTML Document:-

<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<P>My First Paragraph</p>
</body>
</html>
 
# Basic HTML Tags:-

1. The <html>element is the root element of an HTML page.
2.The <head>element contains meta information about the document.
3.The <title>element specifies a title for the document.
4.The<body> element contains the visible page content.

  • The <h1>element define the large heading.
  • The <p>element define a paragraph.
Note:-Only the content inside the<body> section (the white area above)is displayed in a browser.

# HTML Headings:-

HTML Heading are defined with the <h1> to <h6> tags.
<h1>defines the most important heading.
<h6>defines the least important heading.

<h1>This is a heading 1</h1>
<h2>This is a heading 2<h2>
<h3>This is a heading 3<h3>
<h4>This is a heading 4<h4>
<h5>This is a heading 5<h5>
<h6>This is a heading 6<h6>
 

# Html <hr>:-

The align attribute specifies the alignment of a horizontal line.
<hr size="5" color="red">

#Paragraph:-

Paragraph are defined with the <p> tag. 
Think of a paragraph as a block of text.
<p>This is a paragraph</p>

#Line break <br>:-

The <br> tag is used when you want to start a new line,but don't want to start a new paragraph.
<p>This <br>is a para<br>graph with line breaks</p>










Comments

Post a Comment

Popular posts from this blog

Css basic Properties ✍🏻

Image
Css Selectors - 1.  The Css id selector:- The id selector uses the id attribute of an HTML element to select a specific element. The id of an element is unique with in a page, so the id selector is used to select one unique element. To select an Element with a specify id, write a hash(#) ch aracter , followed by the id of the elements. Output is:- 2. The Css class Selector:- The Class Selector selects HTML elements with a specific class attribute. To select an element with a specify class, write a period(.) character , followed by the class name. Output is:- The Difference between Id and Class:-  The Difference between an id and a class is that an Id can be used to identify one element , whereas a class can be used to identify more than one .   ID's are unique:- Each element can have only one I'd. Each page can have only one element with that Id. Classes are Not unique:- You can use the same class on multiple elements. You can use multiple classes on the same element. CSS...
Read more

Basics About Css

Image
 Css :- ( Cascading Style Sheets ) Css is a language that describes the style of an HTML document. Css describes how HTML elements should be displayed is a simply designed language intended to simplify the process making web-pages presentable. Css allows you to apply style to web-pages. More importantly, Css enables you to do this independent of the HTML that makes up each web-page. Cascading style sheets (CSS) provide easy and effective alternatives to specify various attributes for the HTML tags. Using Css, you can specify a number of style properties for a given HTML element. Each property has a name and a value, separated by a colon (:). Each property declaration is separated by a semi-colon (;) . Advantages of CSS:- Css saves time - You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many web pages as you want. Pages loaded faster -  If you are using Css, you do not need to write HTML tag...
Read more