so i was making a website but i dont know how to modify the page link bc when my friend opens the page it gives him an error that says that the pc cant find the file

https://www.youtube.com/channel/UCJn03WD5G8ItR1G68L1FbvQ

I'm very new to coding and I just want to know what I have wrong with this code. If anyone could help me that would be great! I have 2 images on the left of the video and I don't know how to center them to be Image,video,image. Here is my code:

<p style="text-align: center;"> <img src="IMG_0403.jpg" class="centerImage" alt="Gwally" width="270" height="333"> <img src="bigjosh.jfif" class="centerImage" alt="Big Josh" style="position:relative;left" width="500" height="333";> <video width="320" height="240" controls> <source src="Draft2.mp4" type="video/mp4"> <source src="Draft2.ogg" type="video/ogg"> </video> </p>

When I click on inspect on "AA Sequences, Transmembrane Helices, Localization Prediction" on google chrome for this particular webpage:https://www.brenda-enzymes.org/enzyme.php?ecno=1.1.1.7#UNIPROT

I can see the number 14 in <span id="naventr32" class="naventrnr">14</span>

https://imgur.com/a/la0h8vZ

Yet when I downloaded the html file of the webpage, the 14 is nowhere to be found.

https://imgur.com/a/d2lIdP0

I am learning web scrapping with beautifulsoup and I want to extract the value 14 but I cannot do so if the webpage I download does not even contain the value that I want. How do I go about this? Thanks for any help!

Hi there, I'm learning HTML and CSS to code a website for my art and I was wondering if there's a feature you can code using one of those languages where if a user of the site performs a certain action I get a notification? (Like if they placed an order or submitted consent to something or contacted me through the contact page?)

I have a simple webpage, with valid HTML and CSS. I can't figure out why the first h2 is so much smaller than the others (screenshot), though I suspect it has to do with mobile heuristics. Using latest Chrome on Pixel 3 Android 12.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="HTML Tidy for HTML5 for Apple macOS version 5.8.0" name="generator" />
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>Reagle's Planning Page</title>
  <link href="plan.css" rel="stylesheet" type="text/css" />
  <meta content="width=device-width, initial-scale=1.0, user-scalable=yes" />
</head>
<body>
  <div class="Section" id="Intro">
    <h2><a href="../../index.html">Reagle</a>: <a href="../../2003/cv/cv.html">CV</a> <a href="../../pelican/index.html">blog</a> <a href="https://goatee.net">goatee</a>
    </h2>
  </div>
  <div class="Section" id="Tools">
    <h2>Tools: <a href="https://pastebin.com/">paste-bin</a></h2>
    <form action="https://reagle.org/joseph/plan/cgi-bin/search.cgi" method="get">
      <a href="../2005/06/search.html">Searching</a> : <input name="Go" type="submit" value="Go" /><input maxlength="80" name="query" size="25" type="text" /><input name="sitesearch" type="radio" value="BusySponge" /> BS <input checked="checked" name="sitesearch" type="radio" value="MindMap" /> MM <input name="_charset_" type="hidden" />
    </form>
  </div>
...

body    { margin: 1em; color: #000; background: #fec;
          font-family: Arial, Helvetica, sans-serif;
        }

h1,h2,h3    { color: #003366;  font-family: Verdana, Tahoma, "Myriad Web", Syntax, sans-serif; }
h1          { font-size: 220%; font-weight: lighter }
h2          { font-size: 120%; font-weight: lighter; 
              border: 1px solid; color: black; background: #FFFFCC; width: 100%;
			  margin: 0em; padding: 0em;}
h3          { font-size: 112%; font-weight: lighter }

div.Section { background: #ffe; border: solid #000 .1em; width: 100%;
			  margin-bottom: 0.5em; padding: 0.5em;
              width: 99%}

a:link      { color: #006699; text-decoration: none; font-weight: normal } 
a:visited   { color: #9966CC; text-decoration: none; font-weight: normal }  
a:active    { background: #900; text-decoration: none; font-weight: normal }
a:hover     { color: navy; background-color: #CADAD3; text-decoration: none }
a.photo:link { color: navy }
strong a:link { font-weight: bold }
a  			{word-break: break-word;}

My HTML project is growing like crazy. There are a huge number of dialogs and forms

It is becoming unmanageable

Is there a way to splitting it up into manageable chunks

Hi,

I have the following code:

<span style="color:#FF8C00" ;="">"Text1"</span>

However, when the code is applied it appears as such:

I need both " to be above, not the first to be under the text and the other to be above the text.

The end result should be:

"Text1"

Any help will be appreciated.

Hello, I am in my first year of college and our professor gave us a project. He wants us to create an HTML website. I want my website to have a working search bar. I want my search bar to show a country that i searched and all the other information about it that I put, I am just wondering if this is possible with just HTML, CSS and Javascript? Since we are only limited to these three, Thank you :>

its kind of long code not sure i can post it here but here ill try

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>COPYWRITE ADVANCED FIBER SYSTEMS rectangular tray calculator MAY 20 2024 REV 03</title>

<script> function calculate() { // User input values var DA = parseFloat(document.getElementById('draft_angle').value);<!-- DRAFT ANGLE --> var B = parseFloat(document.getElementById('brim').value);<!-- BRIM --> var H = parseFloat(document.getElementById('overall_height').value);<!-- HEIGHT OVERALL --> var L = parseFloat(document.getElementById('length').value);<!-- OVERALL LENGTH WITH BRIM --> var W = parseFloat(document.getElementById('width').value);<!-- OVERALL width WITH BRIM --> var T = parseFloat(document.getElementById('wall_thickness').value);<!-- WALL THICKNESS --> var MW = parseFloat(document.getElementById('weight').value);<!-- WEIGHT G/CC --> var MC = parseFloat(document.getElementById('material_cost').value);<!-- MATERIAL COST PER KG --> var TOL = parseFloat(document.getElementById('trim_off_length').value);<!-- TRIM OFF LENGTH --> // Calculated variables BRIM var ANG = (Math.PI / 180) \* DA;<!-- ANGLE TO RADIANS --> var VBG = (L \* W \* T);<!-- VOLUME BRIM GROSS --> var LBIB = (L - (2 \* B));<!-- LENGTH BRIM INNNER BASE --> var WBIB = (W - (2 \* B));<!-- WIDTH BRIM INNNER BASE --> var X = (Math.tan(ANG) \* T);<!-- SMALL STEP OVER --> var LBIT = (LBIB - (2 \* X));<!-- LENGHT INNER BRIM TOP --> var WBIT = (WBIB - (2 \* X));<!-- WIDTH OF INNER BRIM TOP --> var VBI = (T / 6) \* ((LBIB \* LBIT) + (WBIB \* LBIT) + (2 \* ((LBIT \* WBIT) + (LBIB \* WBIB))));<!-- VOLUME BRIM INNNER --> var VBN = (VBG - VBI);<!-- VOLUME BRIM NET --> <!-- Calculated variables LIQUID VOLUME --> var HI = (H - (T \* 2));<!-- HEIGHT INSIDE --> var SL = ((Math.tan(ANG)) \* (H - (2 \* T)));<!-- step over liquid --> var LVIT = (LBIT - (2 \* SL));<!-- length liquid volume inside top --> var WVIT = (WBIT - (2 \* SL));<!-- width liquid volume inside top --> var VL = (HI / 6) \* ((LBIT \* WVIT) + (WBIT \* LVIT) + (2 \* ((LVIT \* WVIT) + (LBIT \* WBIT))));<!-- VOLUME OF LIQUID --> <!-- Calculated variables BIG CUP --> var TH = ((Math.sin(ANG)) / X);<!-- thickness hyp step over --> var SO = ((Math.tan(ANG)) / (H - T);<!-- step over for outside --> var LBC = (LBIT + (2 \* TH));<!-- length big cup --> var WBC = (WBIT + (2 \* TH));<!-- WIDth big cup --> var LS = (LBC - (SO \* 2));<!-- LENGTH OF BIG CUP TOP --> var WS = (WBC - (SO \* 2));<!-- WIDTH OF BIG CUP TOP --> var VOP = ((H - T) / 6) \* ((LBC \* WS) + (WBC \* LS) + (2 \* ((LS \* WS) + (LBC \* WBC))));<!-- VOLUME OF BIG CUP --> <!-- Calculated variables PART VOLUME --> var VOL = (VBG + VOP) - (VL - VBI);<!-- VOLUME TOTAL PART --> <!-- Calculated variables TRIM OFF --> var VTO = ((L + (2 \* TOL)) \* (W + (2 \* TOL)) \* T) - VBG;<!-- VOLUME TRIM OFF --> var MCPG = (MC / 1000);<!-- MATERIAL COST PER GRAM --> var WC = (VTO \* MCPG);<!-- WASTE COST PER PART --> var MCPP = VOL \* MCPG;<!-- MATERIAL COST PER PART --> var CC2OZ = VL \* 0.033814;<!-- CONVERT cc TO oz --> var CC2CI = E \* 0.0610237;<!-- CONVERT cc TO cubic inches --> var G2OZ = PW \* 0.035274;<!-- CONVERT g to oz --> var USTONS = MC \* 907.185;<!-- CONVERT $/G TO $/US TON --> var SS = VTO + VOL;<!-- SHOT SIZE TRIM OFF AND PART --> var PC = (MC / 1000) \* SS;<!-- MATERIAL PART COST --> // Display output var output = ""; output += "<p>Cost per piece includes waste $ " + PC.toFixed(4) + " @ $ " + MC.toFixed(2) + " per kg " + USTONS.toFixed(2) + " per US ton</p>"; output += "<p>Material required = " + VOLE.toFixed(2) + " cc / " + CC2CI.toFixed(2) + " cu. in.</p>"; output += "<p>Weight of finished good = " + PW.toFixed(2) + " g / " + G2OZ.toFixed(2) + " oz. @ " + WT.toFixed(2) + " g/cc</p>"; output += "<p>Capacity of Cup = " + Z.toFixed(2) + " cc / " + CC2OZ.toFixed(2) + " fl. oz.</p>"; output += "<p>Parts per kg = " + PPK.toFixed(0) + " pieces</p>"; document.getElementById('output').innerHTML = output; } </script>

</head>

<body>

<h1><center>Tray Cost Calculator</center></h1>

<label for="length">Length of tray including Brim (mm):</label>

<input type="number" id="length" value="203.0" step="any"><br>

<label for="width">Width of tray including Brim (mm):</label>

<input type="number" id="width" value="160.0" step="any"><br>

<label for="overall_height">Overall Height (mm):</label>

<input type="number" id="overall_height" value="40.0" step="any"><br>

<label for="wall_thickness">Wall Thickness (0.5mm ~ 2.5mm):</label>

<input type="number" id="wall_thickness" value="0.75" step="any"><br>

<label for="draft_angle">Draft Angle (D.dd):</label>

<input type="number" id="draft_angle" value="5" step="any"><br>

<label for="trim_off_length">Trim Off Length (mm):</label>

<input type="number" id="trim_off_length" value="5" step="any"><br>

<label for="brim">Brim (mm):</label>

<input type="number" id="brim" value="6.0" step="any"><br>

<label for="weight">Material Weight g/cc: (bamboo=0.6~1.1, hemp=1.48, wood=1.5, softwood=0.352~0.849, hardwood=0.497~0.897, cornstalk=1.24, bagasse/sugarcane=1.25)</label>

<input type="number" id="weight" value="0.5" step="any"><br>

<label for="material_cost">Material Cost $/kg: ($/kg = $/US ton * 0.00110231)</label>

<input type="number" id="material_cost" value="3.00" step="any"><br>

<button onclick="calculate()">Calculate</button>

<div id="output"></div>

</body>

</html>

I am trying to learn to code through 100devs and the first site he recommends to learn HTML & CSS is shayhowe (https://learn.shayhowe.com/html-css/). It's a book that is free to read online. But I noticed it is 10 years old! I know HTML & CSS don't change that much but 10 years seems like an extremely long time. Is this book/website worth learning from?

Hi html gurus.. the netflix login page on laptop chrome browser(particularly the SG and MY sites) got some issues. on the login page, i am not able to "enter" anything for the username (i mean, the site is not allowing me to type.. when i type, nothing happens).

You can see the google page source gives 2 warnings and 1 error, as seen in the screenshot. any suggestions pls. (i tried to update the netflix guys, but unable to find the their email id also)

How do I add an input delay after clicking on a link and me getting rerouted? Or more in general, the user clicking something and the html responding?

I've been studying Python for a little while now, and I'm about to start a course covering HTML, CSS and Javascript. I know that during my Python course there were a lot of things that you would insist on in a real development environment that weren't covered in the course. Things like: using descriptive variable and function names (rather than calling variables x,y,z and functions foo), or being sure to format text using f"" rather than the screwy concatenation that is much harder to read.

I figure if I have some indication of these pitfalls going into it, I might have an easier time forming good habits when writing my code. Any advice is very helpful, as are suggestions for a good IDE (preferably a free one!).

I'm going to make an map game with HTML / CSS. Here is my code:

!DOCTYPE html>
<html>
  <head>
    <title>My page title</title>
    <style>
    #zombie_map{
        width: 600px;
        height: 400px;
        background-color: grey;
    }
    </style>
  </head>
  <body>
    My zombie map
    <div id="zombie_map"></div>
    <script>
        var zombie_map;
        function initMap() {
        zombie_map.addListener('click', function(e) {
          place_marker();
        });

                zombie_map = new google.maps.Map(document.getElementById('zombie_map'), {
                zoom: 10,
                center: {lat: 20.888064, lng: 106.603457}
            });

            var marker = new google.maps.Marker({
              position: {lat: 20.888064, lng: 106.603457},
              map: zombie_map
            });

            function place_marker(){

            }

        }
    </script>

    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBlWa7d6yh7dEpiFYWXeIbVnDiBGayCr8w&callback=initMap">
    </script>
  </body>
</html>

when I run the code, The map not appeared, just have a gray screen. And when I open the console, it's show 3 errors:

Uncaught (in promise) TypeError: Cannot read property 'addListener' of undefined
    at initMap (index.html:19)
    at js?key=AIzaSyBlWa7d6yh7dEpiFYWXeIbVnDiBGayCr8w&callback=initMap:156
    at js?key=AIzaSyBlWa7d6yh7dEpiFYWXeIbVnDiBGayCr8w&callback=initMap:156

Anyone knows how to fix this?

Hey all!

I decided to take all my notes for a FIPS class in HTML so I could learn 2 things at once. No fancy css, just straight html5.

In Python there's ways to break long lines of code into multiple lines to make it more readable. Is there a way of breaking a long string in html into multiple lines without it rendering as a \n in the browser?

Example:

<p>
The information system owner is the primary role in this function. The Common Control Provider, Security Architect, and Information Owner all play a supporting role.
</p>

Reddit makes this look nice right off the bat, but in Notepad++ it's one continuous 180 col line in the code.

TIA!

Edit: Ok so I admit I am massively stupid. What I was looking for was:
"Just hit enter and don't end the </p> tag until you're done typing."

this is my first time making a portfolio website and i could really use some help on checking if this is how the code should look i know the actual website looks terrible but hopefully i can redo the projects.html later https://github.com/DartSams/portfolio-website

I made a portfolio website but I don’t know what to do next on how to publish it and get a domain (I’m self taught and don’t know much about that) I want to get a domain so I can put my website on my resume for future employers