#HTML stuff | Explore Tumblr posts and blogs

ive-been-mistreated · 8 months ago

Text

i'm ridiculously proud of this neopet :P

#neopets #my edits #personal #i made a new neopet so it would have a name that fits #html stuff

31 notes · View notes

magelinlin · 2 months ago

Text

been up to something..

lil sneak peek at my neww website! pretty simple lookin but im liking it. really love websites where you could click on a button and a webpage shows up in another window kind of,, so i integrated that here too! its also somewhat mobile responsible (i think) so thats good too! also a lot of stuff shown are just placeholders obvi. anyways a bit more rambles below

so what im gonna try to do w/ this website.. im gonna put a music player in the sidebar! which requires js and im really not very well versed in it but still. gotta try. obviously gotta make webpages as well. journal + gallery are going to have their own layout also. uhh dunno what to say more

a bit more recent ver,, as you can see, i have fiddled with some fonts, the header uses this font.. also tried to put something on the right.. i havent thought up what to put here so yeah

thats all i wanted to say. whoo boy i really need to flesh this out completely or else

#mage talks #html stuff #p

3 notes · View notes

theplayer-io · 4 months ago

Text

So I know how to code websites now, but idk how to upload it to the internet. My plan is to give you all a post that will update with a string of code to sort of visit the website(s?) that I am curating. I will reblog a post that had the original, and include a more patched version as time goes on. I am so sorry in advance.

Because of this.... Lemme show you how html and css works!!

For Project Our Realities, it will all be in html and css since that's what I'm learning so far. JavaScript will be included later.

HTML and CSS basics below!!

HTML, or Hyper-Text Markup Language is the basics of coding a website. It describes how a website will look. It unfortunately doesn't get you too far in terms of digital design, which is why we have languages like Css and javascript.

All HTML files start with <!DOCTYPE html>. This declares to the file that you will be coding in html rather than something like lua.

Each HTML file, after declaring it as an html file, starts with <HTML> and </HTML>. To end a tag, you must close it by adding a forward slash before writing its name (unless it is <br> or <hr>, or similar).

The <head> tag lets you add a title (silly little tab name), a favicon (silly little icon next to the name of the tab) and ways to link your CSS to the HTML.

An HTML file will look like this <!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

In the body, you can write the rest of your page, using headers (<h>/<h1-6>), paragraphs (<p>), and even forms (<form>).

--

CSS, also known as Cascading Style Sheets, is a type of coding language that is often used to create websites. No, it is not C++.

Rather than <>, CSS uses brackets {} to code.

CSS is used to style html websites, so it addresses html tags and lets you style their appearance. There is something known as inline CSS, where you can use the <style> tag to style something in your HTML file. HTML was never meant to have colors in its code, but you can change the color of text with inline css. Let's say you would like to style a header.

In your HTML file, it would say:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1> My first header!!! :> </h1>

</body>

</html>

Now that we have our header, let's turn it red.

In your CSS file, it should say...

h1 {

color: red;

}

The H1 addresses that it will select all h1 elements. The code in the brackets shows that all those addressed will be the color red.

CSS has no starting or finishing lines, all elements will by stylized with {}.

--

To create an HTML file, you must end it with .HTML

To create a CSS file, you must end it with .css

Sometimes, when I create a link for the Css, the required name for the file will be in the HTML code already. Make sure that both files are in the same folder, and not one in a different folder within the same parent folder. This will not work.

--

Wanna test this out? Make a new notepad file on Windows, title it as "firsthtml.html", and create another file called "firstcss.css".

Place this in the .HTML file: <!DOCTYPE html>

<html>

<head>

<title> First HTML </title> <link rel="icon" type="image/x-icon" href="https://i.pinimg.com/736x/1a/8d/9d/1a8d9d26cdca15285d217c817f6953ec.jpg">

</head>

<body> <h1>Welcome, traveler!!</h1>

<h3><I>Thank you for reading the tutorial!! Follow the blog to keep up with our news.</I><h3>

</body>

</html>

Now, for your .css file, write this down:

h1 {

color: dark blue;

}

h3 {

color: orange;

}

--

Thank you so much for following this tutorial. I mainly learned about this from w3schools and in my school course. Happy coding!!! :>

-ava

#.io #ava #ava our realities #io our realities #eps foundation #entertainment productions studio #project our realities #our realities #coding #html #HTML stuff #css #Css stuff #hyper text markup language #cascading style sheets #there will be more coding to come #I hope this helps you guys get into coding

3 notes · View notes

glazeliights · 2 years ago

Text

a little css positivity after my previous posts: I found out how to make custom scrollbars and it fucks hard

#html stuff

13 notes · View notes

dreaminghour · 1 month ago

Text

I heard Hall of the Mountain King in my head as I began to scroll

I'm fucking dying at this page someone shared on Bluesky.

Behold, the Embroidery Trouble Shooting Guide that forgot to close its <h3> tags.

#html stuff #lols and gaffs #embroidery unhelp

53K notes · View notes

engravedlives · 1 year ago

Text

misc coding stamps graphics

5K notes · View notes

lavendergalactic · 7 months ago

Text

☆ 　resources to make your own rentry/bundlrs border!

sources from da-lace.com f2u, like + reblog appreciated!

i forgot da-lace existed and then i remembered.. anyway have fun with these! no need to credit since i didn't make them

#☆ ◟ my resources !#rentry #rentry resources #rentry inspo #rentry metadata #rentry border #bundlrs border #bundlrs #rentry decor #bundlrs resources #html css #rentry stuff #editblr

2K notes · View notes

selysie · 7 months ago

Text

personal bworders ki made 04 metadata mostly 04 myswelf 02 use, bwut kyu guys cwan use it too! (⁠*^ω^*⁠)

(pt: personal borders i made for metadata mostly for myself to use, but you guys can use it too! /end pt)

don't claim dem as kyurs pawlease !! nd don't use thy pwink & black dividers since it's not free 02 use ,,,, (⁠;⁠;⁠;⁠・⁠_⁠・⁠)

(pt: don't claim them as yours please!! and don't use the pink and black dividers since it's not free to use /end pt.)

1K notes · View notes

teaboot · 8 months ago

Text

Social anxiety level: Chatting with someone experiencing a schizophrenic episode and becoming increasingly self-concious of how I'm just saying "That sounds really stressful", "I've never heard of that but it sounds scary", and "You must be pretty worried about that" over and over again

#They needed someone to wait with them while their friend came to pick them up #And the whole time I was waiting for them to call bullshit #Like YOU HAVENT SAID ANYTHING MEANINGFUL YOURE SO BAD AT THIS #I'm sorry I'm making this one about me ma'am I'm just terrified that everyone I talk to is gonna give be a bad grade #I don't understand or beleive most of what you're saying but from the legit science you're quoting I can tell you've done some research #The research stuff I appreciate we can totally talk about that #Please God let me talk about Chordata or HTML instead of the thing I can't see or hear wouthout encouraging your delusion #I'd get SUCH a good grade at discussing invertebrates with you

1K notes · View notes

impatiently · 2 days ago

Text