References

User avatar
BobH
UraniumLounger
Posts: 9701
Joined: 13 Feb 2010, 01:27
Location: Deep in the Heart of Texas

References

Post by BobH »

I'm working with HTML, CSS, and javaScript. Each language has its own keywords, arguments, and modifiers. I'm finding it difficult to understand what elements can be used with others. I need a reference that will show what elements can be used with other elements.

For example, HTML code expects certain elements (there are others, but I can't think of what they are which is why I want to find a reference - like a 'green card' that we old mainfraime programmers so coveted). The following is sort of what I'm looking for but showing all elements exhaustively and where they should be placed:

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content=
"width=device-width, initial-scale=1.0" />
<title>Structure of HTML Document</title>
</head>

<body>
<!-- Main content of website -->
<h1>GeeksforGeeks</h1>
<p>A computer science portal for geeks</p>
</body>
</html>


Obviously, there are a host of 'words' that might be added to the above example; but I hope it gives an idea of what I'm looking for. In the example, a user could hover his mouse over a particular element and see a block pop up that would define the element and provide useful information about how it's used and what qualifiers it might take with each of those qualifiers having a hover property explaining them in turn. One might think of this as a dictionary for the language in questions showing all the words in that language and how they are used with any inter-dependencies noted.

If one looks at the statement, above, <!DOCTYPE html>, one could hover over !DOCTYPE and a box would appear stating, "All HTML documents must start with a <!DOCTYPE> declaration plus a list of qualifiers in addition to html that might be used." Hovering over 'html' would cause a box to appear identifying it as "Hyper Text Markup Language."

The declaration is not an HTML tag. It is an "information" to the browser about what document type to expect.

Another example: The CSS element DISPLAY can, AFAIK, take only three qualifiers - block, inline, and inline-block. (If there are others, I don't know what they are. Following tutorials one only learns what the tutor exposes in a given module and rarely gets to see ALL of the information about a particular language element. A set of references would make learning far easier, IMO.

I'm looking for a reference for each of the 3 languages cited.

If anyone knows of the existence of such reference materials, I'd be much obliged to know of them.

:cheers: :chocciebar: :thankyou:
Bob's yer Uncle
(1/2)(1+√5)
Dell Intel Core i5 Laptop, 3570K,1.60 GHz, 8 GB RAM, Windows 11 64-bit, LibreOffice,and other bits and bobs

JoeP
SilverLounger
Posts: 2173
Joined: 25 Jan 2010, 02:12

Re: References

Post by JoeP »

Have you looked at the W3 schools HTML tutorial? They have CSS and JavaScript tutorials also.
Joe

User avatar
BobH
UraniumLounger
Posts: 9701
Joined: 13 Feb 2010, 01:27
Location: Deep in the Heart of Texas

Re: References

Post by BobH »

Thanks, Joe.

I've been through the W3 Schools HTML and CSS tutorials and refer to them often by searching for a tag or element. While that is very helpful, I'm looking for a reference that will show a tag, then give it's syntax, then list all the arguments or elements that it can take along with any syntax applicable to that argument or element.
Bob's yer Uncle
(1/2)(1+√5)
Dell Intel Core i5 Laptop, 3570K,1.60 GHz, 8 GB RAM, Windows 11 64-bit, LibreOffice,and other bits and bobs