get the HTML/CSS codes of a web page Solved

Question

Hello,
I would like to ask a question that I initially thought would be relatively simple but has turned out to be more difficult to solve than expected.
The question is as follows:

Is it possible and legal to find all the scripts and HTML or CSS code that a web page has used to create its layout? And if so, how?

I am asking this question because in my case, on MySpace, there are many truly beautiful profiles thanks to scripts, but I still need to know which ones. Thus, with this, I could obtain all the scripts I need to properly create my own MySpace page without having to ask or search for each script every time...

Thank you in advance for your response(s)
:)

boutdchou89 · Accepted Answer

Open the web page in Google Chrome
Press Ctrl+Shift+i or F12 on Windows and Cmd + Opt + i on Mac
Select the Sources tab
Click on the 3 little dots to stop grouping by folder:

And there you go, it's not more complicated than that:

HTML is in gray
Javascript is in yellow
CSS is in purple
Images are in green

Gihef · Answer

Hello, It's doable. More or less easily. If it only concerns HTML and CSS. In HTML and CSS, we don't talk about scripts. To get the HTML code of a web page, just use Save As… — Format = Source. For the CSS code, you'll need to look in the page. You can find it directly between “”. You can also find references to external style sheets in “”. You can even find it in the HTML code itself like “

”. But I'm not sure that knowing how to do this helps you much. It’s not enough to just copy other people's code to know how to adapt and apply it wisely. Especially since the code on MySpace pages is really a bit of a mess. Good luck. --

yop · Answer

Hi, I'm currently learning on the site du zero (right now) and so now that I've understood, there is a .html page plus .css

FOR EXAMPLE WITH THIS PAGE: I find the continuation by doing "view page source" with Firefox and the part that interests us:

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

and then you paste after http://www.commentcamarche.net /template/forum.css
and there you have all the css of the page, then it's up to you to look for the part that interests you.

Actually, I searched to answer your question, I didn't know a minute ago, I also started to understand MySpace pages at first.. bye

yop · Answer

It's me again, I looked into the MySpace issue. So you go to the page you like, then you right-click just like before and select "view source". Next, you press Ctrl + F, the search box appears, then you paste text/css, and you hit enter until you come across a piece of code that you recognize right away. For example, you might see this =

td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: expression(this.width > 400 ? 400 : true); }

You add the tags (which are already on the page)

<style type="text/css"> td.columnsWidening img, td.columnsWidening object { max-width:100% !important; width: expression(this.width > 400 ? 400 : true); } </style>

and simply test it on your page by pasting it into "about me", then preview it and see what changes. Good luck!

robin · Answer

If you want to see the CSS code of a page (with Mozilla Firefox), you right-click "View Background Image" and there you will see all the CSS code of the page, but it doesn't work with some sites, sorry.

Gladstone · Answer

Hello,

I kindly ask you to please indicate the procedures to follow in order to obtain the HTML/CSS code of a web page and save it to the desktop for exercises. I'm really struggling with this for a long time. Thank you very much.

queryz · Answer

Or with site vacuums!

sariouche · Answer

Well, from what I see, I'm digging up this topic ^^"
So my problem is that on Firefox, after looking at the page source, I don't understand anything x_x
Actually, I'm mainly looking for codes for the text, but not bold or italic [...] but rather shadows for links or text! It's definitely possible since I've seen it on a blog x) So let's get back to our sheep.... x] So once I copy the text, there are all sorts of links and stuff, so I wanted to know from where the code related to the appearance of the text started. Does anyone know? =3

Get the HTML/CSS codes of a web page

8 réponses

Samsung j5 unable to answer

Scam of the suvedene highway

Minecraft restore the cursor and the bar.

My ps3 keeps shutting down on its own...

Samsung series 4 led tv logo display...

How to enable bluetooth on a samsung tv?

Ctrl key issue

[metin2] sura ...

Freebox tv locked step 2 or network

Error 46 (brother dcp-150c) cleaning impossible