HTML CODE PART 1

-

ALIGNING THE WORDS.

In this example we are going to see the different types of alignments and we will learn how to use them.....

WHY ALIGNMENT IS USEFUL IN WEB DESIGN?

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our designs. Proper alignment in your designs will make them visually more appealing and will also make it easier for users to scan over a page, sub-consciously also offering a calmer reading experience.

All of the elements in your design will have to be aligned in some way, whether this is just plain text on your page, images mixed within the text (or even header or hero images), videos, buttons and call-to-actions, links (within the text or in modules such as a navigation section) or any other elements you might have.

Grids will go some way to helping you solve alignment issues or decisions in your design, but what we need to focus on here is how the different elements, groups of elements or particular modules in your design work together. I’ve emphasized from the beginning the importance of a cohesive user experience, and getting alignment right is one of those really important things that can help to enhance an experience for the user.

Alignment also allows us to make conscious decisions about where elements are placed and how they interact with each other. Creating good alignment bridges the visual gap between every element in your design, helping us to create relationships between the elements that we have. Otherwise, we’d have a design that has blocks of text and images all over the place, making little sense with no sense of structure.

There are three align

  1. Left align
  2. Center align
  3. Right align

EXAMPLE...

In this example we can see that there are three sentences all three are aligned in different forms we can use this kind of alignment and make our web page more beautiful, aligned, reactive and responsive

CODE

<html> 
<title>web page</title>
<head><center><h1>excercise</h1></center></head>
<body text="black">
<h2>
<p align="left">
[name]:kartik<br>
[age]:16
</p>
<p align="center">
[ph,no]:585551<br>
[adress]:banglore
</p>
<p align="right">
[rg,no]:karnataka<br>
[sem]:india sem
</p>
</h2>
</body>
</html>


OUTPUT






Comments

Post a Comment

If you have any doubts let me know in comments

Popular posts from this blog

PROG9

-
 import matplotlib.pyplot as plt import pandas as pd import numpy as np def kernel(point, xmat, k):     m, n = np.shape(xmat)     weights = np.mat(np.eye((m)))  # eye - identity matrix     for j in range(m):         diff = point - X[j]         weights[j, j] = np.exp(diff * diff.T / (-2.0 * k**2))     return weights def localWeight(point, xmat, ymat, k):     wei = kernel(point, xmat, k)     W = (X.T * (wei * X)).I * (X.T * (wei * ymat.T))     return W def localWeightRegression(xmat, ymat, k):     m, n = np.shape(xmat)     ypred = np.zeros(m)     for i in range(m):         ypred[i] = xmat[i] * localWeight(xmat[i], xmat, ymat, k)     return ypred def graphPlot(X, ypred):     sortindex = X[:, 1].argsort(0)  # argsort - index of the smallest     xsort = X[sortindex][:, 0]     fig = plt.figure()     ax = fig.add_subplot(1, 1, 1)     ax.scatter(bill, tip, color='green')     ax.plot(xsort[:, 1], ypred[sortindex], color='red', linewidth=5)     plt.xlabel('Total bill')  
Read more

ADDING TABLE IN HTML

-
Image
TABLE IN HTML. We can create a Table in html and can list many items in a systematic way which looks good and neat whenever some one visits your page. there are few important tags in creation of a table. let us analyse them <table border="1"> through this tag we can set the border thickness,style and all... <tr> this specifies table row. </tr> closing table row. <th> table head it specifies the top heading of an item list. </th> closes the table head. lets see an example CODE OUTPUT
Read more

PROG8

-
 from sklearn.model_selection import train_test_split from sklearn.neighbors import KNeighborsClassifier from sklearn import datasets # Load dataset iris = datasets.load_iris() print("Iris Data set loaded...") # Split the data into train and test samples x_train, x_test, y_train, y_test = train_test_split(iris.data, iris.target, test_size=0.1) print("Dataset is split into training and testing...") print("Size of training data and its label", x_train.shape, y_train.shape) print("Size of testing data and its label", x_test.shape, y_test.shape) # Prints Label no. and their names for i in range(len(iris.target_names)):     print("Label", i, "-", str(iris.target_names[i])) # Create object of KNN classifier classifier = KNeighborsClassifier(n_neighbors=12) # Perform Training classifier.fit(x_train, y_train) # Perform testing y_pred = classifier.predict(x_test) # Display the results print("Results of Classification using K-nn wi
Read more