HTML + CSS: Difference between revisions

Revision as of 21:18, 16 September 2024

HyperText Markup Language

<head>
<body>
<h1></h1>
<p></p>
<img>

HTML is a markup language, it stands for: HyperText Markup Language
you use HTML to "mark up" a document with structure
each of these things between brackets (<>) are called "tags" or "elements"
most of them you "open" and "close": <p> = open a new paragraph, </p> = close the paragraph
some elements are "self-closing elements", like the element, this one you don't have to close

Cascading Style Sheets

body{
    background-color: pink;
    color: green;
    margin: 100px;
}

You can find an index of CSS rules, selectors, properties and values here: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#index

W3C is the Web consortium that make decisions about web standards.

They write very heavy documentation. This documentation is mostly used by people making web browsers.

first pages XPUB1 2022-2024

hyperworld

@@ Line 1: / Line 1: @@
+==Hello To Many Lols and Create Stylish Styling==
 ==code editors==
@@ Line 26: / Line 28: @@
 </syntaxhighlight>
+* HTML is a markup language, it stands for: HyperText Markup Language
+* you use HTML to "mark up" a document with structure
+* each of these things between brackets (<code><></code>) are called "tags" or "elements"
+* most of them you "open" and "close": <nowiki><p></nowiki> = open a new paragraph, <nowiki></p></nowiki> = close the paragraph
+* some elements are "self-closing elements", like the <img> element, this one you don't have to close
+You can find a list of elements here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element
 ==CSS==
@@ Line 39: / Line 49: @@
 </syntaxhighlight>
-* a code block like the one above: is a '''rule'''
+* a code block like the one above: is called a '''rule'''
 * <code>body</code>: is a '''selector'''
 * <code>background-color</code>: is a '''property'''
 * <code>pink</code>: is a '''value'''
+You can find an index of CSS rules, selectors, properties and values here: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#index
-<small>Dive further → [[CSS]], [[Paged Media CSS examples]]</small>
 ==W3C==