Category: Html / CSS

Html / CSS Question

zero to hero step by step learning

Requirements:

February 14, 2026
Need help calculating the IRR for a five-year investment pro…

Requirements:

February 7, 2026
Need help calculating the IRR for a five-year investment pro…

Requirements:

February 7, 2026
Kya ap ko html/css code chahiye

<!DOCTYPE html>

<html lang=”en”>

<head>

<meta charset=”UTF-8″>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

<title>My Simple App</title>

<style>

/* CSS: This makes it look like a modern app */

body { font-family: ‘Segoe UI’, sans-serif; background-color: #f0f2f5; display: flex; justify-content: center; padding: 20px; }

.app-container { background: white; width: 350px; border-radius: 20px; shadow: 0 10px 25px rgba(0,0,0,0.1); overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

.header { background: #4A90E2; color: white; padding: 20px; text-align: center; }

.content { padding: 20px; }

.input-group { display: flex; gap: 10px; margin-bottom: 20px; }

input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 5px; }

button { padding: 10px; background: #4A90E2; color: white; border: none; border-radius: 5px; cursor: pointer; }

button:hover { background: #357ABD; }

ul { list-style: none; padding: 0; }

li { background: #f9f9f9; margin-bottom: 8px; padding: 10px; border-radius: 5px; display: flex; justify-content: space-between; border-left: 4px solid #4A90E2; }

</style>

</head>

<body>

<div class=”app-container”>

<div class=”header”>

<h2 id=”greeting”>Hello!</h2>

<p id=”date”></p>

</div>

<div class=”content”>

<h4>To-Do List</h4>

<div class=”input-group”>

<input type=”text” id=”taskInput” placeholder=”Add a new task…”>

<button onclick=”addTask()”>Add</button>

</div>

<ul id=”taskList”>

</ul>

</div>

</div>

<script>

// JavaScript: This makes the app “work”

// Set the date

const options = { weekday: ‘long’, month: ‘long’, day: ‘numeric’ };

document.getElementById(‘date’).innerHTML = new Date().toLocaleDateString(undefined, options);

// Add task function

function addTask() {

const input = document.getElementById(‘taskInput’);

const taskValue = input.value;

if (taskValue === ”) return;

const li = document.createElement(‘li’);

li.innerHTML = `${taskValue} <span style=”color:red; cursor:pointer” onclick=”this.parentElement.remove()”></span>`;

document.getElementById(‘taskList’).appendChild(li);

input.value = ”; // Clear input

}

</script>

</body>

</html>

Requirements:

February 6, 2026
html coding book

HTML (HyperText Markup Language) aik markup language hai jo websites aur web pages bananay ke liye use hoti hai. Iski madad se hum web page ka structure tayar kartay hain, jaise headings, paragraphs, images, links aur tables. HTML tags ke zariye browser ko bataya jata hai ke content screen par kaise dikhana hai.

Agar chaho to main English, Roman Urdu, ya bilkul easy student-style version bhi likh doon ya phir school/assignment ke liye thora formal

Requirements:

February 6, 2026
Html / CSS Question

want to work as a tutor on Studypool and sell high-quality assignments.
I am looking for guidance on where to find legitimate, original assignment work, how to choose high-paying questions, and best practices to avoid plagiarism while meeting Studypools policies.
Any tips on profile optimization, bidding strategies, or subject selection would be helpful.

Requirements:

February 4, 2026
Jochiixi8td

Bold italic underline

Requirements:

February 3, 2026
index.html style.css

<html>

<head>

<title>Layout web 3 kolom</title>

<body>

<table border="1" align="center">



<tr>

<td colspan="3" height="30px">NAVBAR</td>

</tr>



<tr>

<td height="150px" width="50px">LOGO</td>

<td colspan="2" height="150px">BANNER</td>

</tr>



<tr>

<td colspan="2" width="800px">NAVIGATION</td>

<td width="300px">

<form>

<input type="search" size="50" placeholder="Search...">

<input type="submit" value="Search">

</form>

</td>

</tr>



<tr>

<td colspan="2" height="400px" width="800px">CONTENT</td>

<td width="300px">SIDEBAR KANAN</td>

</tr>



<tr>

<td height="200px" width="400px">WIDGET 1</td>

<td height="200px"width="400px">WIDGET 2</td>

<td height="200px" width="400px">WIDGET 3</td>

</tr>

</table>

</body>

</head>

</html>

<html>

<head>

<meta charset="utf-8">

<title>Layout Website Sederhana</title>

<link href="style.css" type="text/css" rel="stylesheet">

</head>

<body>

<div class="wrap">

<div class="header">

<h1>HEADER</h1>

</div>

<div class="nav">

MENU

</div>

<div class="main">

<div class="content">

<h2>Content</h2>

<p>Content Web</p>

</div>

<div class="sidebar">

<h2>Righr Sidebar</h2>

</div>

<div class="clear"></div>

</div>

<div class="footer">

<center><p>Copyright 2017 p></center>

</div>

</div>

</body>

</html>

Requirements:

February 2, 2026
layout kolom 2

<html>

<head>

<title>Layout web 2 kolom</title>

<body>

<table border="1">



<tr>

<td colspan="2" height="120px">HEADER</td>

</tr>



<tr>

<td colspan="2" height="30px">NAVIGATION</td>

</tr>



<tr>

<td height="400px" width="720px">CONTENT</td>

<td height="400px" width="360px">SIDEBAR KANAN</td>

</tr>



<tr>

<td colspan="2" height="200px">FOOTER</td>

</tr>

</table>

</body>

</head>

</html>

Requirements:

February 2, 2026

contoh layout 1colom

<html>

<head><title>Layout web 1 kolom</title><body><table border="1"><!--header--><tr><td height="120px">HEADER</td></tr><!--navigation--><tr><td height="30px">NAVIGATION</td></tr><!--content--><tr><td height="400px">CONTENT</td></tr><!--footer--><tr><td height="200px">FOOTER</td></tr></table></body></head>

</html>

Requirements:

February 2, 2026