Thursday 18 July 2024

Css

 CSS

CSS is the language we use to style a Web page. 

Q.1:-What is CSS? 

Ans:-CSS stands for Cascading Style Sheets.CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.

Three Types of CSS:-
  1. Inline Css
  2. Internal Css
  3. External Css
Q.2:What is Inline CSS?

An inline CSS is used to apply a unique style to a single Line or  HTML element.

Syntax:

<tag style = " "></tag>

Write a program inline Css:--
    
 
<html>
<head>
<title>inline css</title>
</head>
<body>
<h1 style="color:red;" >What is a computer</h1>
<p style="text-align:center ;">Computer is an electronic device</p>
</body>
</html>

Q.3:What is Internal CSS?

Ans:-
An internal CSS is used to define a style for a single HTML page. An internal CSS is defined in the <head> section of an HTML page, within a <style> element.

WAP Internal CSS:----

<html>
<head>
<style>
h1{
color:red;
background-color:yellow;
font-family:Garamond;
}
p{
color:black;
background-color:green;
text-align:center;
}
</style>
<title> internal css</title>
<body>
<h1> Hello ride the classic</h1>
<h1> Marc the original neon series</h1>
<h1> html hyper text markup</h1>
<p>paragraph tag1</p><br>
<p>paragraph tag1</p><br>
<p>paragraph tag1</p><br>
<p>paragraph tag1</p><br>
<p>paragraph tag1</p><br>
<p>paragraph tag1</p><br>
</body>
</html>

Q.4:What is External CSS?
Ans:-
External CSS is a form of CSS which is used to add styling to multiple HTML pages at a time
.

External CSS contains a separate CSS file with a .css extension. The CSS file contains style properties added on selectors.

a. Firstly Create a CSS page To save style.css


       p{
            color:red;
        }


b.Create html page.....



<html>
<head>
<link rel="stylesheet" href="style.css">

<title>Simple html Program</title>
<body>

<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>

</body>
</html>

    

















Tuesday 4 June 2024

HTML

Html provide a way of Displaying web pages with text and images or multi-media content.

  • HTML is not a programming language, but a markup language.

  • An HTML file is a text file containing small Makup tags. The makup tags tells the web browser,such as Mozila  firefox or google chrome ,how to display the page.

  • An HTML file must have An .html or htm file extension.HTML Stand for Hyper text Markup language.HTML, or Hyper Text Markup Language, is the standard language used tocreate and design web pages. 
  • It provides the basic structure and content of a web page by using a system of tags and attributes.

#HTML Pages Are of Two Types:-

  1. STATIC PAGES:- You can only see the contents of a web pages ,without being able to have any intrection with it.

  1. DYNMIC PAGES:-Dynamic pages are those where the content of web pages depend on user input,so intrection with the user is required in order to display the web pages.

#Here's a brief overview of how HTML works:

#TAGS:-

  • To create a tag HTML gives certain characters special meaning.
  • Putting character within Angle brackets creates a tag.

For ex:-<h1>a heading tag</h1> ,  <p> is the opening tag for a paragraph, and </p> is the closing tag.

#There Are two Types of Tags:-

#Container Tag:-  Which has opening and closing tag. for example:-

<html>-------</html>

<head>------</head>

<body>------</body>

#Empty tag:-  Which has only opening tag.

example:-

<br>

<hr>

<area>

<base>

<img>

<input>..

#Elements:-

The HTML element is everything from the start tag to the end tag:

<tag name>Content goes here...</tag name>

Examples of some HTML elements:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

HTML Attributes:-

  • All HTML elements can have attributes
  • Attributes provide additional information about elements
  • Attributes are always specified in the start tag
  • Attributes usually come in name/value pairs like: name="value"
For Example:-

    <p align="center">write any content</p>




# How to Practically  Used Html.....

HTML Editors:

  • Learn HTML install any brower your pc and notepad simple or notepad++.
  • recommend Using Notepad++ TextEdit.
  • First you can go chrome,than search download notepad++.
  • click download.
  • you can free of cost download text editor any pc .

Step 1: Open Text Editer Notepad++

Step 2: Write Some HTML

Write or copy the following HTML code into Notepad:

<html>

<head>

<title>simple html program</title>

</head>

<body>

Any thing write in this section.......

</body>

</html>

Step 3: Save the HTML Page

Save the file on your computer. Select File > Save or save as option in the Notepad++  menu.

Name the file "simpleprogram.html" .

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with  option").












 

Css

  CSS CSS is the language we use to style a Web page.  Q.1:- What is CSS?  Ans:- CSS stands for Cascading Style Sheets . CSS is used to defi...