TUTORIALS OVERVIEW
TUTORIALS OVERVIEW
An Online Learning Platform, designed and developed by w3context for all who prefer reading and learning online content to develop their skills at their own time. Enjoy the best online tutorials.
HTML
The World Wide Web is an increasingly important aspect to us.
HTML is the primary and most important step in web development, web programming, etc.
Once HTML is known, other parts of web technology will be easier to understand.
It is easy to learn.
Examples in Each Chapter
Setup your own environment and project yourself before trying each example.
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>Welcome to w3context.</p>
<h1>Heading big.</h1>
<h2>Heading smaller.</h2>
<p>Paragraph.</p>
</body>
</html>
Click on the "Try it Now" button to see how it works.
Example
<!DOCTYPE html>
<html>
<head>
<title>HTML Nav Example</title>
<style>
nav {
display: flex;
flex-wrap: wrap;
}
nav a {
text-decoration: none;
display: block;
padding: 15px 25px;
text-align: center;
background-color: #9a9a9a;
color: #000;
margin: 0;
font-family: sans-serif;
}
nav a:hover {
background-color: #00f;
color: #ffffff;
}
</style>
</head>
<body>
<h1>HTML Nav Example</h1>
<nav>
<a href="https://www.w3context.com/html/">HTML</a>
<a href="https://www.w3context.com/css/">CSS</a>
<a href="https://www.w3context.com/js/">JavaScript</a>
<a href="https://www.w3context.com/bs5/">BootStrap5</a>
<a href="https://www.w3context.com/jquery/">jQuery</a>
</nav>
</body>
</html>
Click on the "Try it Now" button to see how it works.
CSS
CSS is the language used to describe the presentation of web pages.
CSS allows HTML elements to be styled in various aspects, including color, font, size, background, layout, and more.
CSS - Cascading Style Sheet
Using CSS we can style the color, font, size, background, layout and more of the web page elements.
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
Example
<div style="padding:10px; border-radius: 5px; border:1px solid #424242">
<h1 style="text-transform: uppercase;color: green; text-align:center;">text formatting</h1>
<p style="text-indent:50px;text-align:justify;letter-spacing:3px;">Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at
its layout.</p>
</div>
Click on the "Try it Now" button to see how it works.
Click on the "Try it Now" button to see how it works.
JAVA
Java is Linux based Operating System to run primarily mobile phones.
Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.
Java is developed and maintained by Oracle.
It is an open-source platform.
Java Programming Language
Java software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.
Examples in Each Chapter
Setup your own environment and project yourself before trying each example.
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
Sample Code
Click on the "See output" button to see how it works.
Sample Code
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/to" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/subject" />
<EditText
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="top"
android:hint="@string/message" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="@string/send" />
</LinearLayout>
Android
Android is Linux based Operating System to run primarily mobile phones.
Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.
Android is developed and maintained by Google.
It is an open-source platform.
Android Programming Language
Android software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.
Examples in Each Chapter
Setup your own environment and project yourself before trying each example.
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
Sample Code
Click on the "See output" button to see how it works.
Sample Code
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/to" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/subject" />
<EditText
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="top"
android:hint="@string/message" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="@string/send" />
</LinearLayout>
Python
Python is Linux based Operating System to run primarily mobile phones.
Although Android can be thought of as mobile operating system, now it is used in various devices like televisions,set-top boxes, notebooks etc.
Python is developed and maintained by Google.
It is an open-source platform.
Python Programming Language
Python software development is based on java programming language, therefore to understand and go forward with android development, the basic understanding of java programming language required.
Examples in Each Chapter
Setup your own environment and project yourself before trying each example.
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
Sample Code
Click on the "See output" button to see how it works.
Sample Code
Copy each file contents and paste it to your project, run and see the final output when everything is OK.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:orientation="vertical" >
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/to" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="@string/subject" />
<EditText
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="top"
android:hint="@string/message" />
<Button
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:text="@string/send" />
</LinearLayout>