Theinfinityarchivist - The ♾️ Archivist

theinfinityarchivist - The ♾️ Archivist

More Posts from Theinfinityarchivist and Others

1 month ago
Jacksonville's Great Fire Of 1901
Jacksonville's Great Fire Of 1901

Jacksonville's Great Fire of 1901

1 month ago

great films available on the internet archive part two

first post + the archive collection with all of them

la haine (1995) dir. mathieu kassovitz

carnival of souls (1962) dir. herk harvey

andrei tarkovsky's filmography

a nightmare on elm st. (1984) dir wes craven

possession (1981) dir. andrzej źuławski

the silence of the lambs (1991) dir. jonathan demme

safe (1995) dir. todd haynes

psycho (1960) dir. alfred hitchcock

cops (1922) dir. buster keaton

sherlock jr (1924) dir. buster keaton

when harry met sally... (1989) dir. rob rainer

the bride of frankenstein (1935) dir. james whale

man with a movie camera (1927) dir. dziga vertov

coffee and cigarettes (2003) dir. jim jarmusch

m (1931) dir. fritz lang

it happened one night (1934) dir. frank capra

casablanca (1942) dir. michael curtiz

purple noon (1960) dir. rene clement

carrie (1976) dir. brian de palma

eraserhead (1977) dir. david lynch

they live (1988) dir. john carpenter

female trouble (1974) dir. john waters

do the right thing (1989) dir. spike lee

wings (1927) dir. william a wellman

fallen angels (1995) dir. wong kar wai

velvet goldmine (1998) dir. todd haynes

black panthers (1968) dir. agnes varda

american psycho (2000) dir. mary harron

the manchurian candidate (1962) dir. john frankenheimer

girlfriends (1978) dir. claudia weill

more to come ♡ glad you all like movies.

2 months ago
Félix-Hilaire Buhot (1847–1898) - Les Esprits Des Villes Mortes (Spirits From The Cities Of The Dead),

Félix-Hilaire Buhot (1847–1898) - Les Esprits des Villes Mortes (Spirits from the Cities of the Dead), 1885

1 month ago
“Beatrice Is Coming For You, 1913” & “Loveley Beatrice, 1913”
“Beatrice Is Coming For You, 1913” & “Loveley Beatrice, 1913”

“Beatrice is Coming for You, 1913” & “Loveley Beatrice, 1913”

© Benz and Chang, 2022

watercolour on paper

1 month ago

Learn HTML and CSS: A Comprehensive Guide for Beginners

Introduction to HTML and CSS

HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the core technologies for creating web pages. HTML provides the structure of the page, while CSS defines its style and layout. This guide aims to equip beginners with the essential knowledge to start building and designing web pages.

Why Learn HTML and CSS?

HTML and CSS are fundamental skills for web development. Whether you're looking to create personal websites, start a career in web development, or enhance your current skill set, understanding these technologies is crucial. They form the basis for more advanced languages and frameworks like JavaScript, React, and Angular.

Getting Started with HTML and CSS

To get started, you need a text editor and a web browser. Popular text editors include Visual Studio Code, Sublime Text, and Atom. Browsers like Google Chrome, Firefox, and Safari are excellent for viewing and testing your web pages.

Basic HTML Structure

HTML documents have a basic structure composed of various elements and tags. Here’s a simple example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

    <title>My First Web Page</title>

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

</head>

<body>

    <h1>Welcome to My Web Page</h1>

    <p>This is a paragraph of text on my web page.</p>

</body>

</html>

: Declares the document type and HTML version.

: The root element of an HTML page.

: Contains meta-information about the document.

: Connects the HTML to an external CSS file.

: Contains the content of the web page.

Essential HTML Tags

HTML uses various tags to define different parts of a web page:

to : Headings of different levels.

: Paragraph of text.

: Anchor tag for hyperlinks.

: Embeds images.

: Defines divisions or sections.

: Inline container for text.

Creating Your First HTML Page

Follow these steps to create a simple HTML page:

Open your text editor.

Write the basic HTML structure as shown above.

Add a heading with the tag.

Add a paragraph with the tag.

Save the file with a .html extension (e.g., index.html).

Open the file in your web browser to view your web page.

Introduction to CSS

CSS is used to style and layout HTML elements. It can be included within the HTML file using the <style> tag or in a separate .css file linked with the <link> tag.

Basic CSS Syntax

CSS consists of selectors and declarations. Here’s an example:

css

Copy code

h1 {

    color: blue;

    font-size: 24px;

}

Selector (h1): Specifies the HTML element to be styled.

Declaration Block: Contains one or more declarations, each consisting of a property and a value.

Styling HTML with CSS

To style your HTML elements, you can use different selectors:

Element Selector: Styles all instances of an element.

Class Selector: Styles elements with a specific class.

ID Selector: Styles a single element with a specific ID.

Example:

html

Copy code

<!DOCTYPE html>

<html>

<head>

    <title>Styled Page</title>

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

</head>

<body>

    <h1 class="main-heading">Hello, World!</h1>

    <p id="intro">This is an introduction paragraph.</p>

</body>

</html>

In the styles.css file:

css

Copy code

.main-heading {

    color: green;

    text-align: center;

}

#intro {

    font-size: 18px;

    color: grey;

}

CSS Layout Techniques

CSS provides several layout techniques to design complex web pages:

Box Model: Defines the structure of an element’s content, padding, border, and margin.

Flexbox: A layout model for arranging items within a container, making it easier to design flexible responsive layouts.

Grid Layout: A two-dimensional layout system for more complex layouts.

Example of Flexbox:

css

Copy code

.container {

    display: flex;

    justify-content: space-around;

}

.item {

    width: 100px;

    height: 100px;

    background-color: lightblue;

}

Best Practices for Writing HTML and CSS

Semantic HTML: Use HTML tags that describe their meaning clearly (e.g., , , ).

Clean Code: Indent nested elements and use comments for better readability.

Validation: Use tools like the W3C Markup Validation Service to ensure your HTML and CSS are error-free and standards-compliant.

Accessibility: Make sure your website is accessible to all users, including those with disabilities, by using proper HTML tags and attributes.

Free Resources to Learn HTML and CSS

W3Schools: Comprehensive tutorials and references.

MDN Web Docs: Detailed documentation and guides for HTML, CSS, and JavaScript.

Codecademy: Interactive courses on web development.

FreeCodeCamp: Extensive curriculum covering HTML, CSS, and more.

Khan Academy: Lessons on computer programming and web development.

FAQs about Learning HTML and CSS

Q: What is HTML and CSS? A: HTML (HyperText Markup Language) structures web pages, while CSS (Cascading Style Sheets) styles and layouts the web pages.

Q: Why should I learn HTML and CSS? A: Learning HTML and CSS is essential for creating websites, understanding web development frameworks, and progressing to more advanced programming languages.

Q: Do I need prior experience to learn HTML and CSS? A: No prior experience is required. HTML and CSS are beginner-friendly and easy to learn.

Q: How long does it take to learn HTML and CSS? A: The time varies depending on your learning pace. With consistent practice, you can grasp the basics in a few weeks.

Q: Can I create a website using only HTML and CSS? A: Yes, you can create a basic website. For more complex functionality, you'll need to learn JavaScript.

Q: What tools do I need to start learning HTML and CSS? A: You need a text editor (e.g., Visual Studio Code, Sublime Text) and a web browser (e.g., Google Chrome, Firefox).

Q: Are there free resources available to learn HTML and CSS? A: Yes, there are many free resources available online, including W3Schools, MDN Web Docs, Codecademy, FreeCodeCamp, and Khan Academy.

1 month ago
Tallinn, Estonia (by Irina)

Tallinn, Estonia (by Irina)

1 month ago
An "Almost Everything" Sky ©

An "Almost Everything" Sky ©

2 months ago
Villa Farnese, Caparola, Province Of Viterbo, Italy

Villa Farnese, Caparola, Province of Viterbo, Italy

1 month ago

Having a much older, much more experienced person tell you you're doing well in your shared hobby is better than crack, especially when the hobby tends to be 80% retired ppl. Like, hell yeah I'm gonna get a good grade in birdwatching and I'm not even 50. Child prodigy moment

1 month ago
— Richard Siken, Portrait Of Fryderyk In Shifting Light (via Letsbelonelytogetherr)

— Richard Siken, Portrait of Fryderyk in Shifting Light (via letsbelonelytogetherr)

  • theinfinityarchivist
    theinfinityarchivist reblogged this · 2 months ago
  • theinfinityarchivist
    theinfinityarchivist liked this · 2 months ago
  • spatef
    spatef reblogged this · 4 months ago
  • spatef
    spatef liked this · 4 months ago
  • aj-castor
    aj-castor liked this · 8 months ago
  • gratuitous-aesthetic
    gratuitous-aesthetic reblogged this · 9 months ago
  • herrefulgentdemon
    herrefulgentdemon reblogged this · 10 months ago
  • herdarkangel
    herdarkangel liked this · 10 months ago
  • vampiremasochist
    vampiremasochist reblogged this · 10 months ago
  • vampiremasochist
    vampiremasochist liked this · 10 months ago
  • blackebeltinorigami
    blackebeltinorigami reblogged this · 10 months ago
  • blackebeltinorigami
    blackebeltinorigami liked this · 10 months ago
  • fildraw
    fildraw liked this · 10 months ago
  • thenonefather
    thenonefather reblogged this · 10 months ago
  • thenonefather
    thenonefather liked this · 10 months ago
  • micorazon-uncenicero
    micorazon-uncenicero reblogged this · 10 months ago
  • robertho666
    robertho666 reblogged this · 10 months ago
  • robertho666
    robertho666 liked this · 10 months ago
  • lord-of-shadaws
    lord-of-shadaws reblogged this · 10 months ago
  • lord-of-shadaws
    lord-of-shadaws liked this · 10 months ago
  • 57ax8w
    57ax8w liked this · 10 months ago
  • shardsofasmokingmirror
    shardsofasmokingmirror liked this · 10 months ago
  • seasons-in-hell
    seasons-in-hell reblogged this · 10 months ago
  • ldr-lil2
    ldr-lil2 liked this · 10 months ago
  • philipkampp
    philipkampp reblogged this · 10 months ago
  • vvhatifhumanshadtails
    vvhatifhumanshadtails liked this · 11 months ago
  • transphenomenality
    transphenomenality reblogged this · 11 months ago
  • linlin-mud
    linlin-mud liked this · 11 months ago
  • delugingmind
    delugingmind reblogged this · 11 months ago
  • almostlookedhuman
    almostlookedhuman reblogged this · 11 months ago
  • almostlookedhuman
    almostlookedhuman liked this · 1 year ago
  • afliccion-eterna
    afliccion-eterna liked this · 1 year ago
  • softlighthardgrip
    softlighthardgrip liked this · 1 year ago
  • evilveva
    evilveva liked this · 1 year ago
  • the-riff-compels-me
    the-riff-compels-me liked this · 1 year ago
  • wolfdarkknight
    wolfdarkknight liked this · 1 year ago
  • drewnozerca
    drewnozerca liked this · 1 year ago
  • galaxyxeyes
    galaxyxeyes liked this · 1 year ago
  • robertho666
    robertho666 reblogged this · 1 year ago
  • polly-herzeleid
    polly-herzeleid liked this · 1 year ago
  • karleschenbach
    karleschenbach liked this · 1 year ago
  • automaticpoetrystranger
    automaticpoetrystranger liked this · 1 year ago
  • seima-tenshi
    seima-tenshi reblogged this · 1 year ago
  • seima-tenshi
    seima-tenshi liked this · 1 year ago
  • kimitola-san
    kimitola-san liked this · 1 year ago
theinfinityarchivist - The ♾️ Archivist
The ♾️ Archivist

249 posts

Explore Tumblr Blog
Search Through Tumblr Tags