Cue the Sun @cue-the-sun - Tumblr Blog

everything klaus does is so intricately and vitally intertwined with every single major plot point in the show and yet he is always on some bizarre side quest. simultaneously the most and least plot involved character.

c0ffeeb1ack

he's a cult leader, he's a fashion icon, he's a war veteran, he's immortal, he dies all the time, he's haunted, he's high and he's sober, he's agnostic, god hates him personally. i didn't say his name but he popped into your head, didn't he?

sweetpastillas

totally real umbrella academy merchandise

computer-nerd-girl

Link CSS file to HTML

Put link to CSS file in HTML head & LINK THE FILE PATH IN LINUX

Steps:

First, save one file as example.html

Then, save another file as example.css

Finally, move both files to project folder

In example.html, link CSS file to HTML file but putting a link in the HTML head.

Example:

<html>

<head>

</head>

</html>

From Codecademy:

When HTML and CSS codes are in separate files, the files must be linked. Otherwise, the HTML file won’t be able to locate the CSS code, and the styling will not be applied.

You can use the <link> element to link HTML and CSS files together. The <link> element must be placed within the head of the HTML file. It is a self-closing tag and requires the following attributes:

href — like the anchor element, the value of this attribute must be the address, or path, to the CSS file.

rel — this attribute describes the relationship between the HTML file and the CSS file. Because you are linking to a stylesheet, the value should be set to stylesheet.

When linking an HTML file and a CSS file together, the <link> element will look like the following:

Note that in the example above, the path to the stylesheet is a URL:https://www.codecademy.com/stylesheets/style.css

Specifying the path to the stylesheet using a URL is one way of linking a stylesheet.

If the CSS file is stored in the same directory as your HTML file, then you can specify a relative path instead of a URL, like so:<link href='./style.css' rel='stylesheet'>

Images/Media/Videos

<img> is a self-closing tag

examples: <img src="image-location.jpg" />

-DONT FORGET THE SPACE between the forward slash and the quotations marks

-add img alts:

-add a video:

<video> is not a self-closing tag

-width & height must be specified

-After the src attribute, the width and height attributes are used to set the size of the video displayed in the browser. The controls attribute instructs the browser to include basic video controls such as pausing and playing.

ex:

<video src="https://content.codecademy.com/courses/freelance-1/unit-1/lesson-2/htmlcss1-vid_brown-bear.mp4" width="320" height="240" controls>Video not supported</video>

#images #media #img

HTML Styling Text

-<em> is for italicizing text

-<strong> is for bolding text

-The line break element is unique because it is only composed of a starting tag. You can use it anywhere within your HTML code and a line break will be shown in the browser. It looks like <br>

#italics #bold #link breaks

HTML <p> <span> <div>

-<p></p> is for blocks of text

-<span> contains short pieces of text or other HTML. They are used to separate small pieces of content that are on the same line as other content.

-Example: <p><span>Self-driving cars</span> are anticipated to replace up to 2 million jobs over the next two decades.</p>

-it's best to use a <span> element when you want to target a specific piece of content that is inline, or on the same line as other text. If you want to divide your content into blocks, it’s better to use a <div>.

#html #display text #paragraph #span #div

HTML Lists

-create an unordered list (bullet points):

<ul>

<li>three</li>

</ul>

-create an ordered list:

<ol>

</ol>

#html lists #lists #html

Anchor Element <a> (links)

-To add a (text) link:

<a href=“https://link.org/”>Link shown here</a>

-href attribute is href=“link.com”

-How to open a link in a new window:

<a href=“link.com” target=“_blank”>Link title</a>

(If files are stored in the same folder in the ROOT DIRECTORY, then you can link web pages together using a relative path (internal link with a file name that shows the path to a local file on the same website), which looks like this:

-To create an image link:

a href=“https://link.com”> target=“_blank”><img src=“https://img.png” alt=“describe image”></a>

(so what you’re doing when you add an image link is essentially just putting <a> and </a> on the ends of an image element)

-How to make it so clicking on a link will automatically scroll to a specific section on the same page:

#links #html #html links