Please register to participate in our discussions with 2 million other members - it's free and quick! Some forums can only be seen by registered members. After you create your account, you'll be able to customize options and access all our 15,000 new posts/day with fewer ads.
This is probably site programming 101, but I've already admitted that I'm a novice. Sometimes I accidentally hit a button, or maybe combination of buttons, on my computer that pulls up the website in HTML and CSS code. I feel like looking at the codes might be a good way to better familiarize myself with these languages. Does anyone know which buttons to push?
CTRL U
Or right-click menu: view page source (in firefox)
And, yes - it's a great way to learn HTML and CSS. You can also highlight the part you want to see, and select 'view selection source' if you don't want to look at the whole page of code.
CTRL U
Or right-click menu: view page source (in firefox)
And, yes - it's a great way to learn HTML and CSS. You can also highlight the part you want to see, and select 'view selection source' if you don't want to look at the whole page of code.
Thanks. This isn't the exact window I got earlier, but it is helpful.
Just out of curiosity, though. Which buttons do you need to push to get a split window to appear at the bottom of the screen with the words "DOM Explorer" and the CSS and HTML code displayed at the bottom?
While we are on the subject, aren't CSS and HTML found in different places? They aren't found in the same group of code, are they?
Thanks. This isn't the exact window I got earlier, but it is helpful.
Just out of curiosity, though. Which buttons do you need to push to get a split window to appear at the bottom of the screen with the words "DOM Explorer" and the CSS and HTML code displayed at the bottom?
While we are on the subject, aren't CSS and HTML found in different places? They aren't found in the same group of code, are they?
In Firefox "F12" brings up the developer console IIRC.
CSS and HTML can be separated (multiple files), or they can be in the same file.
Some sites will have the CSS inline, meaning it's scattered throughout the HTML.
It's generally considered best practice to separate the two.
In Firefox "F12" brings up the developer console IIRC.
CSS and HTML can be separated (multiple files), or they can be in the same file.
Some sites will have the CSS inline, meaning it's scattered throughout the HTML.
It's generally considered best practice to separate the two.
Another really basic question, but F12 is only controlling the brightness of my computer screen, so there must be another button that I need to push as well...
Another really basic question, but F12 is only controlling the brightness of my computer screen, so there must be another button that I need to push as well...
You are probably on a laptop, and the F keys do multiple things.
Usually the alternate functions are marked in blue (or some other color that doesn't appear on most of the keyboard), and there's a FN key somewhere that toggles those functions (usually down near the Shift or CTRL keys).
Alternately you can use any number of the shortcuts from this list to get to the developer tools:
You are probably on a laptop, and the F keys do multiple things.
Usually the alternate functions are marked in blue (or some other color that doesn't appear on most of the keyboard), and there's a FN key somewhere that toggles those functions (usually down near the Shift or CTRL keys).
Alternately you can use any number of the shortcuts from this list to get to the developer tools:
Okay, so it is "FN" + "F12." Thanks. I was wondering how I got there. Now I can watch the codes change in real time as I interact with the page.
Please register to post and access all features of our very popular forum. It is free and quick. Over $68,000 in prizes has already been given out to active posters on our forum. Additional giveaways are planned.
Detailed information about all U.S. cities, counties, and zip codes on our site: City-data.com.