HTML + CSS: Difference between revisions

From XPUB & Lens-Based wiki
Line 86: Line 86:
* https://developer.mozilla.org/en-US/docs/Web/HTML
* https://developer.mozilla.org/en-US/docs/Web/HTML
* https://developer.mozilla.org/en-US/docs/Web/CSS
* https://developer.mozilla.org/en-US/docs/Web/CSS
* https://www.w3schools.com/html/default.asp
* https://www.w3schools.com/css/default.asp


==XPUB web pages==
==XPUB web pages==

Revision as of 14:10, 17 September 2024

HTML + CSS

code editors

HTML

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

You can find a list of elements here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element

CSS

Cascading Style Sheets

body{
    background-color: pink;
    color: green;
    margin: 100px;
}
  • a code block like the one above: is called a rule
  • body: is a selector
  • background-color: is a property
  • pink: 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

W3C

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.

https://www.w3.org/

web subcultures

tutorials & zines

documentation

XPUB web pages

first pages XPUB1 2022-2024

hyperworld

Pad traces