[HTML] - How to create a to-do list using HTML, CSS, and | SheCodes

[HTML] - How to create a to-do list using HTML, CSS, and JavaScript

Learn how to create an interactive to-do list using HTML, CSS, and JavaScript with this step-by-step guide.

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

how do you create a to do list

šŸ¤– SheCodes Athena says:

Answered in 9.09 seconds

Here's a basic example of how you can create a to-do list using HTML, CSS, and JavaScript:

html
Copy code
<!DOCTYPE html> <html> <head> <title>To-Do List</title> <style> body { font-family: Arial, sans-serif; } .container { margin: 0 auto; width: 50%; } h1 { text-align: center; } ul { list-style: none; padding: 0; } li:not(:last-child) { margin-bottom: 10px; } label { display: inline-block; margin-right: 10px; vertical-align: middle; } input[type="text"] { padding: 5px; border-radius: 5px; border: 1px solid #ccc; font-size: 16px; } button { padding: 5px 15px; border-radius: 5px; border: none; background-color: #4CAF50; color: white; font-size: 16px; } button:hover { background-color: #3E8E41; } </style> </head> <body> <div class="container"> <h1>To-Do List</h1> <form> <label for="task">New task:</label> <input type="text" id="task" name="task" placeholder="Enter task"> <button type="button" onclick="addTask()">Add</button> </form> <ul id="task-list"> </ul> </div> <script> function addTask() { // Get the input field and value var taskInput = document.getElementById("task"); var taskValue = taskInput.value; // Create a new list item and check box var li = document.createElement("li"); var checkbox = document.createElement("input"); checkbox.type = "checkbox"; li.appendChild(checkbox); // Add the task text to the list item var textNode = document.createTextNode(taskValue); li.appendChild(textNode); // Add the list item to the task list var ul = document.getElementById("task-list"); ul.appendChild(li); // Clear the input field taskInput.value = ""; } </script> </body> </html>

This creates a form with an input field and a button, where the user can enter a task to be added to the to-do list. When the button is clicked, the addTask() function is called and adds the task to the list. The list items have a checkbox that can be checked off when the task is completed. Note that the CSS is used to style the page and make it look more presentable. You can customize this code to fit your needs.

More coding questions about HTML

šŸ‘©ā€šŸ’» Technical question

Asked 21 days ago in HTML by Delowar

how to use target attribute in html?

šŸ¤– SheCodes Athena says:

Answered in 3.31 seconds

The target attribute in HTML is used with anchor (<a>) tags to specify where to open the linked document. Here are the common values you can use with the target attribute:

  • _self: Opens the link in the same frame as it was clicked (this is the default).
  • _blank: Opens the link in a new window or tab.
  • _parent: Opens the link in the parent frame.
  • _top: Opens the link in the full body of the window.

Hereā€™s a simple example:

html
Copy code
<a href="https://www.example.com" target="_blank">Open Example in a New Tab</a> <a href="https://www.example.com" target="_self">Open Example in Same Tab</a>

In this example, clicking the first link will open "example.com" in a new tab, while clicking the second link will navigate the current tab to "example.com".

You can try it in your HTML page!

šŸ‘©ā€šŸ’» Technical question

Asked 27 days ago in HTML by Kristen

what does em mean in html

šŸ¤– SheCodes Athena says:

Answered in 2.38 seconds

In HTML, <em> is a tag used to emphasize text. When you wrap text with the <em> tag, it typically displays that text in italics. This is often used to highlight important words or phrases within a sentence.

Here's a simple example:

html
Copy code
<p>This is an <em>important</em> message.</p>

In this case, "important" would appear in italics in the browser, indicating its significance. You can learn more about it on the MDN web docs.

šŸ‘©ā€šŸ’» Technical question

Asked 27 days ago in HTML by Kristen

what does span mean in html

šŸ¤– SheCodes Athena says:

Answered in 2.38 seconds

In HTML, a <span> is a tag that is used to group inline elements together. It doesn't have any special meaning of its own and doesn't apply any styling by default. Instead, it's usually used with CSS to apply styles or to target that section with JavaScript.

For example, if you want to color some text differently within a paragraph, you can wrap it in a <span> tag like this:

html
Copy code
<p>This is a <span style="color:red;">red</span> word in a paragraph.</p>

In this example, the word "red" will appear in red color while the rest of the text remains unchanged. You can learn more about it here.

šŸ‘©ā€šŸ’» Technical question

Asked 3 months ago in HTML by Betty Nonhle

what are em used for in html

šŸ¤– SheCodes Athena says:

Answered in 1.83 seconds

In HTML, the <em> tag is used to emphasize text. It typically makes the text italicized, which signals to readers that this part of the text is important or should be stressed. Here's a simple example:

html
Copy code
<p>This is a normal sentence, but <em>this part is emphasized</em>.</p>

In this example, "this part is emphasized" will be displayed in italics. You can learn more about it here.

šŸ‘©ā€šŸ’» Technical question

what does <script> work for

šŸ¤– SheCodes Athena says:

Answered in 4.77 seconds

The <script> tag is used in HTML to include and execute JavaScript code in a web page. This allows you to add interactivity and dynamic features to your web page.

Here's a simple example:

html
Copy code
<!DOCTYPE html> <html> <head> <title>My Web Page</title> </head> <body> <h1>Hello, World!</h1> <script> alert('Welcome to my web page!'); </script> </body> </html>

In this example, when the web page is loaded, a message box will appear with the text "Welcome to my web page!" because of the JavaScript inside the <script> tag.

You can learn more about the <script> tag here.

šŸ‘©ā€šŸ’» Technical question

Asked 4 months ago in HTML by Molebatsi

how do i underline h1

šŸ¤– SheCodes Athena says:

Answered in 2.39 seconds

To underline an h1 element in HTML using CSS, you can use the text-decoration property. Here's a simple example:

html
Copy code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Underline H1 Example</title> <style> h1 { text-decoration: underline; } </style> </head> <body> <h1>This is an underlined heading</h1> </body> </html>

In this example, the h1 text will be underlined. You can add this CSS style to your stylesheet or within a <style> tag in your HTML document.

šŸ‘©ā€šŸ’» Technical question

Asked 4 months ago in HTML by veretech

how can i align text with image in html

šŸ¤– SheCodes Athena says:

Answered in 3.32 seconds

To align text with an image in HTML, you can use a combination of HTML and CSS. Here's a simple example:

html
Copy code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .container { display: flex; align-items: center; /* Aligns items vertically center */ } .container img { margin-right: 10px; /* Adds space between the image and text */ } </style> </head> <body> <div class="container"> <img src="image-url.jpg" alt="Description of image" width="100" height="100"> <p>Your aligned text goes here.</p> </div> </body> </html>

In this example:

  • We're using a flexbox display which allows us to align the image and text easily.
  • You can adjust the margin-right value to change the space between the image and the text.

Make sure to replace image-url.jpg with the actual URL of your image. This will align the text next to the image nicely!

šŸ‘©ā€šŸ’» Technical question

make a textfield to enter a username, which the website will save and refer to again

šŸ¤– SheCodes Athena says:

Answered in 2.4 seconds

To create a text field to enter a username on a website and save it for future reference, you can use HTML and JavaScript.

Here's an example of how you can create a text field in HTML:

html
Copy code
<input type="text" id="username" placeholder="Enter your username">

To save and refer to the entered username, you can use JavaScript to retrieve the value from the text field and store it in a variable or send it to a backend server for further processing. Here's an example using JavaScript:

javascript
Copy code
// Retrieve the value from the text field var username = document.getElementById("username").value; // You can now use the 'username' variable to refer to the entered username

Remember to appropriately handle the submitted data, such as validating it and securely storing it on the server, if necessary.

šŸ‘©ā€šŸ’» it should be displayed in the top right corner under a round picture

šŸ¤– SheCodes Athena says:

Answered in 4.42 seconds

To display the entered username in the top right corner under a round picture, you can use CSS alongside the HTML and JavaScript.

HTML:

html
Copy code
<div class="profile"> <div class="profile-picture"></div> <input type="text" id="username" placeholder="Enter your username"> </div>

CSS:

css
Copy code
.profile { position: relative; display: flex; align-items: center; justify-content: flex-end; } .profile-picture { width: 50px; height: 50px; border-radius: 50%; background-color: gray; margin-right: 10px; } .username { position: absolute; top: 0; right: 0; font-size: 14px; /* adjust the font size as needed */ }

JavaScript:

javascript
Copy code
// Retrieve the value from the text field var usernameInput = document.getElementById("username"); var username = usernameInput.value; // Display the username under the profile picture var usernameDisplay = document.createElement("div"); usernameDisplay.innerHTML = username; usernameDisplay.classList.add("username"); document.querySelector(".profile").appendChild(usernameDisplay);

In this example, we have a parent div with the class .profile that contains the profile picture (profile-picture) and the input field (username). The CSS code adds appropriate styles to position the elements as described.

The JavaScript code retrieves the value from the text field, creates a new div element to display the username (usernameDisplay), and adds it as a child element of the .profile div.

Please note that the code above is a basic example. You may need to modify it to fit your specific layout or styling requirements.

šŸ‘©ā€šŸ’» add a button for the input

šŸ¤– SheCodes Athena says:

Answered in 4.3 seconds

To add a button alongside the input field, you can modify the HTML code as follows:

HTML:

html
Copy code
<div class="profile"> <div class="profile-picture"></div> <input type="text" id="username" placeholder="Enter your username"> <button id="saveButton">Save</button> </div>

With this updated HTML code, we have added a <button> element with the id attribute set to "saveButton".

Next, you can update the JavaScript code to respond to the button click event and save the entered username:

JavaScript:

javascript
Copy code
// Retrieve the necessary elements var usernameInput = document.getElementById("username"); var saveButton = document.getElementById("saveButton"); // Add event listener to the button saveButton.addEventListener("click", function() { // Retrieve the value from the text field var username = usernameInput.value; // Display the username under the profile picture var usernameDisplay = document.createElement("div"); usernameDisplay.innerHTML = username; usernameDisplay.classList.add("username"); document.querySelector(".profile").appendChild(usernameDisplay); });

In the updated JavaScript code, we added an event listener to the saveButton element. When the button is clicked, the function inside the event listener is executed.

Inside this function, we retrieve the value from the text field, create the div (usernameDisplay) to display the entered username, and append it to the parent .profile div, just as in the previous example.

Now, when the user enters a username and clicks the "Save" button, the username will be displayed under the profile picture.

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

write a code for grid with scale

šŸ¤– SheCodes Athena says:

Answered in 2.95 seconds
html
Copy code
<!DOCTYPE html> <html> <head> <style> .grid-container { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(10, 1fr); gap: 1px; width: 500px; height: 500px; border: 1px solid black; } .grid-item { background-color: lightgray; } </style> </head> <body> <div class="grid-container"> <!-- generate the grid items dynamically using JavaScript --> </div> <script> const gridContainer = document.querySelector('.grid-container'); // create 100 grid items for (let i = 0; i < 100; i++) { const gridItem = document.createElement('div'); gridItem.classList.add('grid-item'); gridContainer.appendChild(gridItem); } </script> </body> </html>

šŸ‘©ā€šŸ’» Technical question

How do you link a CSS file to an HTML file?

šŸ¤– SheCodes Athena says:

Answered in 2.62 seconds

To link a CSS file to an HTML file, you can use the HTML <link> tag. The <link> element is placed in the <head> section of the HTML file and requires three attributes: rel, href, and type.

The rel attribute specifies the relationship between the HTML file and the linked file, which is "stylesheet" for CSS files. The href attribute specifies the path to the CSS file, which can be a relative or an absolute URL. And the type attribute specifies the MIME type of the linked file, which is "text/css" for CSS files.

Here's an example of how you can link a CSS file named "styles.css" to an HTML file:

html
Copy code
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <!-- Your HTML content here --> </body> </html>

Make sure that the CSS file is in the same directory as the HTML file or provide the correct path to the CSS file if it is located in a different directory.

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

Create an HTML file with a "Dark theme button" turning the page background to black.

šŸ¤– SheCodes Athena says:

Answered in 4.01 seconds

HTML:

html
Copy code
<!DOCTYPE html> <html> <head> <title>Dark Theme Button</title> <style> body { background-color: white; color: black; transition: background-color 0.5s; } .dark-theme { background-color: black; color: white; } .dark-theme:hover { background-color: #333; } .dark-theme:focus { outline: none; } </style> </head> <body> <h1>Dark Theme Button</h1> <button id="themeButton">Switch to Dark Theme</button> <script src="script.js"></script> </body> </html>

JavaScript (script.js):

javascript
Copy code
document.addEventListener('DOMContentLoaded', function() { var themeButton = document.getElementById('themeButton'); var body = document.body; themeButton.addEventListener('click', function() { if (body.classList.contains('dark-theme')) { body.classList.remove('dark-theme'); themeButton.textContent = 'Switch to Dark Theme'; } else { body.classList.add('dark-theme'); themeButton.textContent = 'Switch to Light Theme'; } }); });

CSS (optional): You can add additional CSS styles to customize the appearance of your page.

css
Copy code
/* Additional CSS styles */ h1 { text-align: center; margin-top: 50px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; }

šŸ‘©ā€šŸ’» Technical question

Asked 7 months ago in HTML by Hasania

Write me a Code that gives me the possiblity to placedifferent Icons on one line, I should be able to place Wording under the Icons and it should be centred. The icons should be placed like different Tabs on one line. The Icon Bar should be sticky.

šŸ¤– SheCodes Athena says:

Answered in 5.81 seconds

Sure! To achieve this, you can use HTML, CSS, and JavaScript. Here's an example code that creates a sticky icon bar with centered icons and text below:

HTML:

html
Copy code
<div class="icon-bar"> <a href="#"><i class="fa fa-home"></i><span>Home</span></a> <a href="#"><i class="fa fa-user"></i><span>About</span></a> <a href="#"><i class="fa fa-envelope"></i><span>Contact</span></a> </div>

CSS:

css
Copy code
.icon-bar { background-color: #f1f1f1; position: sticky; top: 0; display: flex; justify-content: center; align-items: center; } .icon-bar a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #333; padding: 10px 15px; } .icon-bar a i { font-size: 18px; margin-bottom: 5px; }

JavaScript: No JavaScript is needed for this particular functionality. However, you can extend the code with JavaScript to include additional functionality if desired.

You will need to link the FontAwesome library in your HTML file for the icons to display properly. You can do so by adding the following line within the <head> tag of your HTML file:

html
Copy code
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

This code uses Font Awesome icons (the fa classes) and flexbox for layout and alignment. The .icon-bar class sets the background, position, and alignment of the icon bar. The .icon-bar a class styles each icon and text container. Adjust the CSS as needed to customize the appearance of the icon bar.

Please note that this is a basic example, and you can modify the code to suit your specific needs. If you have any questions or need further assistance, feel free to ask!

šŸ‘©ā€šŸ’» Technical question

Asked 8 months ago in HTML by Viictor

what is span element in html?

šŸ¤– SheCodes Athena says:

Answered in 2.24 seconds

The <span> element in HTML is an inline-level element that is used to group and apply styles to a specific section of text within a larger block of content. It does not have any inherent meaning or semantic value, but it is commonly used in conjunction with CSS to style or manipulate text. You can use CSS to apply styles such as color, font, or background to the content wrapped in a <span> element. Here is an example of how it can be used:

html
Copy code
<p>This is a <span style="color: red;">red</span> word.</p>

In the example above, the word "red" will be displayed in red color because it is wrapped with a <span> element and the color style property is applied to it using the style attribute.

šŸ‘©ā€šŸ’» Technical question

Asked 8 months ago in HTML by Lebohang

what does the <section> element do

šŸ¤– SheCodes Athena says:

Answered in 2.69 seconds

The <section> element is used to define a section in an HTML document. It is a semantic element that helps structure and organize the content of a webpage. It is commonly used to divide an HTML document into different thematic sections. Each section usually has its own heading and may contain other elements like paragraphs, images, or other HTML elements.

Here is an example of how the <section> element is used:

html
Copy code
<section> <h2>About Me</h2> <p>I am a web developer with a passion for creating user-friendly and accessible websites.</p> </section>

In this example, the <section> element is used to create a section that contains information about the author or the person behind the website. The <h2> element is used as a heading for this section, and the <p> element is used to add some descriptive text.

šŸ‘©ā€šŸ’» Technical question

what is span in html

šŸ¤– SheCodes Athena says:

Answered in 2.17 seconds

In HTML, the <span> element is used to apply styling or to group inline elements together. It does not carry any semantic meaning on its own and is often used in conjunction with CSS to apply styles such as color, font size, or background color to a specific section of text. The <span> element is an inline element, which means it does not create a line break before or after it.

Here's an example of how the <span> element can be used in HTML:

html
Copy code
<p>This is a <span style="color: blue;">blue</span> text.</p>

In this example, the word "blue" will appear in blue color because it is wrapped inside a <span> element with an inline style of color: blue;.

šŸ‘©ā€šŸ’» Technical question

What is div in html?

šŸ¤– SheCodes Athena says:

Answered in 2.48 seconds

In HTML, the <div> tag is a container element that is used to group other HTML elements together and apply styling to them. It stands for "division" and is primarily used for creating sections or divisions in a web page. Here is an example of how the <div> tag can be used:

html
Copy code
<div> <h1>Welcome to my website!</h1> <p>This is a paragraph of text.</p> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </div>

In the example above, the <div> tag is used to group the heading, paragraph, and list elements together. By applying CSS styles to the <div> element, you can control the appearance and layout of the grouped elements.

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

Asked 10 months ago in HTML by Caitlin

Write me HTML, CSS, and Javascript for a png of a rocket crossing the screen once the user inputs data

šŸ¤– SheCodes Athena says:

Answered in 6.69 seconds

Here's an example of HTML, CSS, and JavaScript code that displays a rocket image and moves it across the screen once the user inputs some data.

HTML code:

html
Copy code
<!DOCTYPE html> <html> <head> <title>Rocket Crossing</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="rocketContainer"> <img id="rocket" src="rocket.png"> </div> <div id="inputContainer"> <label for="speedInput">Enter speed (in pixels/second):</label> <input type="number" id="speedInput" min="1"> <button id="startButton" onclick="startRocket()">Start</button> </div> <script src="script.js"></script> </body> </html>

CSS code (in style.css):

css
Copy code
#rocketContainer { position: relative; width: 100%; height: 100%; } #rocket { position: absolute; top: 50%; left: -100px; transition: all 2s ease-in-out; } #inputContainer { margin-top: 20px; }

JavaScript code (in script.js):

javascript
Copy code
function startRocket() { var speedInput = document.getElementById('speedInput'); var rocket = document.getElementById('rocket'); var speed = parseInt(speedInput.value, 10) || 1; // Get input value and fallback to 1 if non-numeric. rocket.style.left = "100%"; // Move the rocket to the right side of the screen. setTimeout(function() { rocket.style.left = "-100px"; // Move the rocket back to the left side of the screen. }, speed * 1000); // Convert speed to milliseconds. speedInput.value = ""; // Clear input value after starting. }

Make sure to replace "rocket.png" with the actual path to your rocket image file. Also, remember to place the HTML, CSS, and JavaScript code in separate files named "index.html", "style.css", and "script.js", respectively.

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

Upload an image

šŸ¤– SheCodes Athena says:

Answered in 3.98 seconds

HTML:

html
Copy code
<input type="file" id="imageUpload" accept="image/*">

JavaScript:

javascript
Copy code
// Get the input element const imageUpload = document.getElementById('imageUpload'); // Add an event listener to detect file upload imageUpload.addEventListener('change', function() { // Get the selected file const file = imageUpload.files[0]; // Create a FileReader object const reader = new FileReader(); // Set up the reader's onload event handler reader.onload = function(e) { // Get the image data URL const imageDataUrl = e.target.result; // Display the uploaded image const imagePreview = document.getElementById('imagePreview'); imagePreview.src = imageDataUrl; }; // Read the selected file as Data URL reader.readAsDataURL(file); });

CSS:

css
Copy code
#imagePreview { max-width: 100%; max-height: 400px; border: 1px solid #ccc; margin-top: 10px; }

Note: Make sure to include the image preview element with the id "imagePreview" in your HTML code.

šŸ‘©ā€šŸ’» Technical question

what is ul in html

šŸ¤– SheCodes Athena says:

Answered in 1.88 seconds

ul is an HTML element used to create an unordered list. It is used to group related items together without any specific order. The ul element is commonly used in conjunction with the li element to define each item in the list.

Here is an example of how ul is used in HTML:

html
Copy code
<ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul>

This will display a bullet-pointed list on the webpage with three items.

šŸ‘©ā€šŸ’» Technical question

Asked 11 months ago in HTML by Kushanth

how to take values in a serach bar and give output according to it

šŸ‘©ā€šŸ’» Technical question

How to add comments under article in HTML file

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

the scenario is ,create a separate html ,css and java script file the js file should contain list of songs and images in an object ,when the image button pressed the perticular song of that image as to display and it should contain single progress bar at a footer

šŸ‘©ā€šŸ’» Technical question

How do I properly line an img src in order of my code

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

cosmos poem with sun

šŸ‘©ā€šŸ’» Technical question

Asked 11 months ago in HTML by Adivhaho

How do I load my css properly

šŸ‘©ā€šŸ’» Technical question

can you build me a 640px centered aligned table with 2 columns

šŸ‘©ā€šŸ’» Technical question

sunny emoji in html

šŸ‘©ā€šŸ’» Technical question

what is the <hr> in html

šŸ‘©ā€šŸ’» Technical question

what is the <em> in html

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by nirmean100

what are input elements?

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by PATRICIA

what is a <iframe>

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Remus

make an option bar in html css

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Ciara

How do I indent my H1 in HTML without CSS?

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Georgina

how to add a google font

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Ciara

How do I list without bullet points in HTML without CSS?

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

Asked 1 year ago in HTML by Daniela

Create a dropdown list with 4 vegetables

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Leago

how to get emoji in html

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by april

how to make popup login form

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by april

how to make animation search bar with icon

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Moises

how do i make it so i can make pictures switch forward and backwards

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Yasmin

What is a DOM? What do you know about it?

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by nirmean100

whats a span and when should you use it?

šŸ‘©ā€šŸ’» Technical question

what is hr element in html

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Dorothea

how do I comment in html

šŸ‘©ā€šŸ’» Technical question

what is href?

šŸ‘©ā€šŸ’» Technical question

what is href

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Malinalli

how do i make comments in my html file

šŸ‘©ā€šŸ’» Technical question

How to place radio buttons next to each other in html

šŸ‘©ā€šŸ’» HTML, CSS and JavaScript Code instructions

Asked 1 year ago in HTML by Abdulmajeed

create HTML5 prototypes and relevant CSS rules for a mock-ups. it should have: ā€¢ Use proper HTML page structure ā€¢ Use HTML5 elements where appropriate ā€¢ CSS style rules are consistent across all pages Create Landing Page: index.html You must implement the HTML and CSS code to achieve this design. Requirements are: ā€¢ Include all sections from the design o Header, Content, and Footer o Dotted line indicate page boundaries and is not required ā€¢ Use hyperlinks for navigation links with the 5 provided images o Images can be found in resources.zip o Each image should have a hyperlink o For now, 4 news categories should link to list.html o The add news image should link to add.html ā€¢ Use CSS to: o Ensure all pages use the same font scheme (of your choice) ļ‚§ n.b. any font family, size, colour is acceptable, but must be specified clearly in the CSS file o Layout the images as a grid ļ‚§ n.b. table layout or simple flow layout are accepted, but receive less marks

šŸ‘©ā€šŸ’» Technical question

Asked 1 year ago in HTML by Philile

what is an iframe html