WD 7. List&Tables

-
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tables and Lists</title>
</head>

<body>
    <ul type="disc">
        <li>This is first item of my unordered list</li>
        <li>This is second item of my unordered list</li>
        <li>This is third item of my unordered list</li>
    </ul>
    <ul type="square">
        <li>This is first item of my unordered list</li>
        <li>This is second item of my unordered list</li>
        <li>This is third item of my unordered list</li>
    </ul>
    <ul type="circle">
        <li>This is first item of my unordered list</li>
        <li>This is second item of my unordered list</li>
       
            <ul>
                <li>Another one</li>
                <li>Another two</li>
                <li>Another tnree</li>
            </ul>
       
        <li>This is third item of my unordered list</li>
    </ul>
    <ol type="1">
        <li>This is first item of my ordered list</li>
        <li>This is second item of my ordered list</li>
        <li>This is third item of my ordered list</li>
    </ol>
    <ol type="I">
        <li>This is first item of my ordered list</li>
        <li>This is second item of my ordered list</li>
        <li>This is third item of my ordered list</li>
    </ol>
    <ol type="i">
        <li>This is first item of my ordered list</li>
        <li>This is second item of my ordered list</li>
        <li>This is third item of my ordered list</li>
    </ol>
    <ol type="A">
        <li>This is first item of my ordered list</li>
        <li>This is second item of my ordered list</li>
        <li>This is third item of my ordered list</li>
    </ol>
    <ol type="a">
        <li>This is first item of my ordered list</li>
        <li>This is second item of my ordered list</li>
        <li>This is third item of my ordered list</li>
    </ol>

<!-- Tables -->
<h3>HTML Table</h3>
<table>
    <thead>
        <tr>
            <th>NAME</th>
            <th>EMPLOYEE ID</th>
            <th>EMPLOYEE ROLE</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Harry</td>
            <td>22N81A6652</td>
            <td>HTml Expert</td>
        </tr>
        <tr>
            <td>Ubedullah</td>
            <td>22N81A6639</td>
            <td>Programmer</td>
        </tr>
        <tr>
            <td>Adil</td>
            <td>22N81A6661</td>
            <td>Android Developer</td>
        </tr>
    </tbody>
</table>
</body>
</html> 

#Output:


Comments

Post a Comment

Popular posts from this blog

JAVA Lab Programs

-
1. Calculator using switch case: import java.util.Scanner; public class Calculator{ public static void main (String[] args) { Scanner scanner = new Scanner(System. in ); System. out .println( "Calculator" ); System. out .println( "1. Addition" ); System. out .println( "2. Subtraction" ); System. out .println( "3. Multiplication" ); System. out .println( "4. Division" ); System. out .println( "5. Exit" ); System. out .println( "Enter your choice: " ); int choice = scanner.nextInt(); switch (choice){ case 1 : System. out .println( "Enter two numbers: " ); int num1 = scanner.nextInt(); int num2 = scanner.nextInt(); int sum = num1 + num2; System. out .println( "The sum is: " + sum); break ; case 2 :
Read more

HANGMAN GAME

-
import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.util.Random; public class Main extends JFrame { private static final String[] WORDS = { "HELLO" , "WORLD" , "COMPUTER" , "JAVA" , "PROGRAMMING" , "ECLIPSE" }; private static final int MAX_TRIES = 6 ; private String wordToGuess ; private char [] guessedLetters ; private int triesLeft ; private JLabel wordLabel ; private JLabel triesLabel ; private JTextField letterInput ; private JButton guessButton ; public Main () { setTitle( "Hangman Game" ); setDefaultCloseOperation(JFrame. EXIT_ON_CLOSE ); setSize( 400 , 300 ); setLocationRelativeTo( null ); // Center window on screen // Initialize game state wordToGuess = selectWord(); guessedLetters = new char [ wordToGuess .length()]; triesLeft = MAX_
Read more

WD 22. StylingLinks&Buttons

-
Image
<! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Pseudo selectors & more designing </ title >     < style >         .container {             border : 2px solid red;             background-color : rgb( 223 , 345 , 201 );             padding : 34px ;             margin : 34px auto;             width : 666px ;         }         a {             text-decoration : none;             color : black;         }         a:hover {             color : rgb( 0 , 243 , 8 );             background-color : rgb( 221 , 166 , 38 );         }         a:visited {             color : rgb( 0 , 234 , 255 );         }         a:active {             background-color : darkblue;         }         .btn {             font-family : 'Segoe UI' , Tahoma, Geneva, Verdana, sans-serif;          
Read more