Notes on Web Development
-> HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) is a markup language used to create
web pages. It structures the content by using elements like headings,
paragraphs, links, images, and more.
HTML is fundamental for web development and is the backbone of creating
websites.
Hypertext refers to text that contains links to other texts. These links, called
hyperlinks, allow users to navigate between different pieces of information
quickly and easily. When you click on a hyperlink, it takes you to another
document or a specific section within the same document.
Hypertext is a fundamental concept behind the World Wide Web, enabling
the creation of interconnected web pages that you can explore by clicking on
links
A markup language is a system for annotating a document in a way that is
syntactically distinguishable from the text. In other words, it uses tags or
codes to define elements within the document. These tags tell the browser
how to display the content, such as formatting text or adding images and
links.
o HTML (Hypertext Markup Language): Used for creating web pages.
o XML (eXtensible Markup Language): Used for storing and transporting
data.
o Markdown: Used for formatting text in a simple and readable way, often
in README files.
Markup languages are essential tools in web development and data
representation.
HTML (Hypertext Markup Language) est un langage de balisage utilisé pour
créer des pages Web. Il permet de structurer le contenu en utilisant des
éléments tels que les titres, les paragraphes, les liens, les images, et plus
encore.
Basic and Popular HTML tags
. Headings elts (Balise): "<h1>Hello World</h1>"……~<h6></h6>.
. Paragraph elt : "<p></p>"
. Void elts : "<br />/<br>", creates one space or line break, "<hr />/<hr>",
creates an horizontal line.
. List and nesting (order and unorder lists): unorder list (<ul><li><li/></ul>) ;
order list (<ol><li><li/></ol>).
. Anchor elt and attributes: "<a href="target(https://..or local path)">Hello
World</a>"
. Image elt: <img src="http://..or local path" alt="imgDescription" />
. File path:
. Boiler plate: Html document structure
-> CSS (Cascading Stylesheet)
.Inline style : <html style="background: blue"></html>
.Internal style: <style>
Html (selector) { (curly brace)
Background (property): red (value);
</style>
.External style: <head><link rel="stylesheet"
href="target_path"></link></head>
.Attribute selector: <h2 draggable="true"></h2><h2
draggable="false"></h2>
h2 [draggable] (attribute) { (curly brace)
Color(property): green (value);
}
h2 [draggable=false] (attribute) { (curly brace)
Color(property): yellow (value);
-> JS (JavaScript)
Useful sites:
> diffchecker.com: compare code sources.
> Nslooup.io: checkup the Ip address of a domain name.
> W3.org/history: Ancient website style.
> Developer.mozilla.org/en-US/docs/Web/: Html documentation.
> Fonts.google.com : google open fonts
> Npmjs.com: node package manager
> https://pattle.github.io/simpsons-in-css/: css design.
