#CSS Online Learning | Explore Tumblr posts and blogs

tpointtech · 3 months ago

Text

0 notes

mirrorbird · 1 year ago

Text

#neopets #where my online millennials at #i use the css and html i learned TO THIS DAY #neopets nostalgia #neopians #i was also email penpals with an older british girl who wrote a multipart story in the neopian times that i loved for like 5 years #chrissy with the lime green hair and the pennangalan boots #wherever you are #i hope youre doing well #im still writing and also im fully goth now #which im realizing at this moment is probably thanks to you #tumblr polls

162 notes · View notes

puppppppppy · 1 year ago

Text

I CANT USE CSS ON ARTFIGHT...............

#I WAS REALLY HOPING TO FIX THE FUCKING. PARAGRAPH WIDTH. SIGH #idk why but it stretches across the ENTIRE page like. it takes up the full width of the browser and it BOTHERS ME. ON ALL THE PAGES #i could try manually putting shift breaks but im worried it might not look so good on mobile. ugghh... auyggghhh.....#im already learning CSS and API so i thought i could put it to good use but. AUGH #this whole time ive had to go into the inspect panel myself and change the padding so i dont have to read the length of the screen #like a fucking typewriter... i would have also loved to use custom fonts and animations......#i did find a guide for BBCode which the site uses on default and it covers basic styling but its not the same. sniffle #you CAN unlock CSS if you donate $25 to the page which seems fair. and if i could do it i would but. i do not have any way of #sending or receiving money online </3 i really need to figure out how to do that so i can set up comms like i said i would last summer #but it intimidates me.... and im already kept on a short leash when it comes to that so it feels like a lot of things could go wrong #i think toyhouse allows CSS or some sort of code...?? i remember seeing some oc pages with custom layouts #if thats the case i'll try fiddling with it but im not very familiar with using toyhouse so thatll take a while #(thanks again for the code sal ^_^ ill put it on my pin once its ready but im trying to learn my way around the site heh ;;)#at least i can use my pixel dividers.. ive been digging around for pixels to use and found some really cute ones #yapping

49 notes · View notes

kumakechi · 8 days ago

Text

i need to learn 3d modelling so that more than anything my power to mod persona 4 golden can grow

#rambles #modding #the thing is i'm SO BAD at following tutorials #i've always learned better by doing my own thing. messing around with whatever tool it is until it works #but that isn't really something i can do with 3d modelling.#or at least it's not something i can do at a total beginner level. i imagine it'll be kinda like how i learned coding #(did a couple free online classes and once i learned the very basics/got bored i just did my own thing)#but i started THAT when i was like 14. i wanna be as good at blender as i am with html/css NOW!!!!!!#<- is not even that good w html #<- because of the aforementioned ''hates taking classes on this kind of thing'' thing

3 notes · View notes

hob28 · 10 months ago

Text

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>

</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>

</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.

#how to learn html and css #html & css course #html & css tutorial #html and css #html course #html css tutorial #html learn #html learn website #learn html #learn html and css #html and css course #html and css full course #html and css online course #how to learn html and css for beginners

3 notes · View notes

keeplearninbud · 2 years ago

Text

Day 1 (10-7-23)

I'm keeping it simple today. I'm restarting freeCodeCamp's responsive web design certification. I've already done a good chunk of it, including some of the projects, but I am dissatisfied with how those turned out. Additionally, it's been so long since I've coded that I just need a reminder of the basic terms and syntax.

I didn't start at the very beginning - I redid the survey project a little more recently and didn't feel I needed to do it again. Instead I worked on the CSS box model course and was pleased to find that it all came back to me pretty quickly. Learning something new can be intimidating to me as a former Gifted Kid ™ and recovering perfectionist, so it was nice to do something easy for day 1.

After a few more courses, the next project is a tribute page, and I have a really exciting idea for it! I'm trying to theme my projects to tell a story in order to make learning more exciting for my brain. I figure if I can wring some dopamine outta this damn thing while I learn, I'll want to come back for more.

It's time for dinner now though! I got some soba noodles and I am very excited to make somethin tasty with them :)

#accountability #adhd focus #adhd support #coding #learning through play #learning with adhd #learning management system #online learning #html #html css #freecodecamp

12 notes · View notes

digilearnteach · 2 years ago

Text

#seo #search engine optimization #Learn SEO #seo course #technical seo #HTML #CSS #digital marketing #seo services rankstar #google seo #performance marketing #seo marketing #online marketing #search engine

4 notes · View notes

snapeingturtle · 1 year ago

Text

I speak 0 languages. My first language doesn't count because everyone has one of those. English doesn't count either because everyone knows English. I took Swedish for 6 years and understand some of it still but I can't form a coherent sentence so I can't count that. And all I have to show for French is the nearly 700 day streak on Duolingo with no other attempts to use the damn language so that doesn't count either.

#I took Duolingo type online introduction courses to html and javascript and I'm currently taking intro to css #those don't count either and idk if I have patience to actually learn any of that or ever use it #personal #not hp

4 notes · View notes

gascoignes-homewrecker · 7 months ago

Text

Ublock Origin

Youtube: SponsorBlock (skips ads within videos), DeArrow (replaces clickbait thumbnails & titles), Blocktube (block channels), Enhancer (Quality of Life features), Youtube-Shorts Block

Youtube Mobile: Youtube Vanced/Revanced Manager

Twitter: Minimal Theme extension

Tumblr: xKit/xKit Rewritten, Dashboard Unfucker, Stylus with "Old Tumblr Dashboard" userstyle

Spotify: xManager (desktop & mobile)

Firefox: High chance you'll love it and curse holding out for so long.

Linux: No whiney search box trying to Edge you, no ads in the start menu, no trending searches reminding you about celebrity gossip & politics.

i would move heaven and earth to avoid hearing one single advertisement

#I'm not going to blindly tell you to “switch to Linux” but you can easily test it out in a Virtual Machine within windows.#There are guides online that will hold your hand through the setup process. Linux Mint is not scary. You might love it.#If setting up a VM still feels like too much? Then yeah stick with Windows. That's understandable.#but if you're reading this far then you must have caught on to how your ability to fight back is tied to your tech literacy skills #If you're already following workaround guides to forcibly disable Windows features that piss you off or install modified apks...#then you're halfway there #we all pick our battles & hills to die on though (My deepest condolences if you require Adobe for work 🥲)#There is also Ublocks 'element picker' but you can cause more confusion than good if #you don't know what you're doing (You can always remove filters)#Or do what uBlock picker does by learning a tiny bit of CSS and you can make anything you want on a website go bye-bye #pssst! ''display: none'' & ''visibility: hidden'' CSS declarations #I originally listed all this in the tags and realized it was a mess. May as well keep the tags now though:#Linux #Firefox #uBlock Origin #SponsorBlock #Youtube-Shorts Block #DeArrow #Youtube Vanced #ReVanced Manager #Revanced #Minimal Theme for Twitter #Stylus #xkit #xkit rewritten #Dashboard Unfucker #xManager #I spent my morning free-time on this 😪

58K notes · View notes

driftwooddestiel · 2 months ago

Text

ngl im genuinely really proud of my franz fanatics website. it may be simple but since i started it ive improved at html so much and now i genuinely have a decent grasp of it and have made this website which actually looks like a website and not just words on a screen!!! and all the code is written entirely by me! which i feel like i forget sometimes. ive literally spent several hours typing out the code for the site and testing it and reading that book to learn more stuff i can add in and it's pretty awesome

#yeah there are plenty of website building platforms out there that dont require you to do the html and there are plenty of #css sheets and the like posted online that you can use as templates for websites #but i like doing things the slower 'analog' way and i think learning html has been a genuinely useful skill #& of course now i can use inspect to mess with html and make other sites look goofy so thats extra fun #anyway this post is brought to you by several of my irl friends starting to foray into html and not knowing anything about it #and mainly just copy pasting (with permission) others codes w/o fully understanding it yet #& me feeling strangely knowledgeable being able to help them with the basic stuff #my html skills may only be up to like 1997 website standards but theyre there! yippee

3 notes · View notes

furiouslovepolice · 3 months ago

Text

0 notes

freeonlinecourse94 · 4 months ago

Text

The Web Developer Bootcamp 2025 - Free Course

Course Content

Introduction to Web Development

Building Web Pages with HTML5 & CSS3

JavaScript Basics & Advanced Concepts

Back-End Development with Node.js

Database Management with MongoDB

Building Full-Stack Web Applications

Deploying Projects to the Web

Join Now

0 notes

thunderlina · 3 months ago

Text

In the wake of the TikTok ban and revival as a mouthpiece for fascist propaganda, as well as the downfall of Twitter and Facebook/Facebook-owned platforms to the same evils, I think now is a better time than ever to say LEARN HTML!!! FREE YOURSELVES FROM THE SHACKLES OF MAJOR SOCIAL MEDIA PLATFORMS AND EMBRACE THE INDIE WEB!!!

You can host a website on Neocities for free as long as it's under 1GB (which is a LOT more than it sounds like let me tell you) but if that's not enough you can get 50GB of space (and a variety of other perks) for only $5 a month.

And if you can't/don't want to pay for the extra space, sites like File Garden and Catbox let you host files for free that you can easily link into NeoCities pages (I do this to host videos on mine!) (It also lets you share files NeoCities wouldn't let you upload for free anyways, this is how I upload the .zip files for my 3DS themes on my site.)

Don't know how to write HTML/CSS? No problem. W3schools is an invaluable resource with free lessons on HTML, CSS, JavaScript, PHP, and a whole slew of other programming languages, both for web development and otherwise.

Want a more traditional social media experience? SpaceHey is a platform that mimics the experience of 2000s MySpace

Struggling to find independent web pages that cater to your interests via major search engines? I've got you covered. Marginalia and Wiby are search engines that specifically prioritize non-commercial content. Marginalia also has filters that let you search for more specific categories of website, like wikis, blogs, academia, forums, and vintage sites.

Maybe you wanna log off the modern internet landscape altogether and step back into the pre-social media web altogether, well, Protoweb lets you do just that. It's a proxy service for older browsers (or really just any browser that supports HTTP, but that's mostly old browsers now anyways) that lets you visit restored snapshots of vintage websites.

Protoweb has a lot of Geocities content archived, but if you're interested in that you can find even more old Geocities sites over on the Geocities Gallery

And really this is just general tip-of-the-iceberg stuff. If you dig a little deeper you can find loads more interesting stuff out there. The internet doesn't have to be a miserable place full of nothing but doomposting and targeted ads. The first step to making it less miserable is for YOU, yes YOU, to quit spending all your time on it looking at the handful of miserable websites big tech wants you to spend all your time on.

#this is a side point so it's going here but I really think tech literacy should be a requirement in schools like math grammar history etc.#we live in a world so dominated by the stuff and yet a majority of the population does not understand it at even the most fundamental level #tiktok #tiktok ban #indie web #neocities #web development #current events #twitter #facebook #meta #amazon

10K notes · View notes

newcodesociety · 8 months ago

Text

#edx #w3cx #html5 #css #fundamentals #learn #online #edu

0 notes

shwetaglobereach · 11 months ago

Text

HTML & CSS Essentials: Building Web Brilliance

Unlock the power of HTML & CSS for dynamic web design. From structure to style, learn to create stunning websites with this foundational duo. #HTML #CSS #WebDesign

#html css #online courses #htmlcoding #css #web design #web development #learning

1 note · View note

agentromanoffsir · 2 years ago

Text

neocities guide - why you should build your own html website

do you miss the charm of the 90s/00s web where sites had actual personality instead of the same minimalistic theme? are you feeling drained by social media and the constant corporate monopoly of your data and time? do you want to be excited about the internet again? try neocities!!

what is neocities?

neocities is a free hosting website that lets you build your own html website from scratch, with total creative control. in their own words: "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

why should I make my own website?

web3 has been overtaken by capitalism & conformity. websites that once were meant to be fun online social spaces now exist solely to steal your data and sell you things. it sucks!! building a personal site is a great way to express yourself and take control of your online experience.

what would I even put on a website?

the best part about making your own site is that you can do literally whatever the hell you want! focus on a specific subject or make it a wild collection of all your interests. share your art! make a shrine for one of your interests! post a picture of every bird you see when you step outside! make a collection of your favorite blinkies! the world is your oyster !! here are some cool example sites to inspire you: recently updated neocities sites | it can be fun to just look through these and browse people's content! space bar | local interstellar dive bar creature feature | halloween & monsters big gulp supreme peanutbuttaz | personal site dragodiluna linwood | personal site patho grove | personal site

getting started: neocities/html guide

sound interesting? here are some guides to help you get started, especially if you aren't familiar with html/css sadgrl.online webmastery | a fantastic resource for getting started with html & web revival. also has a layout builder that you can use to start with in case starting from scratch is too intimidating web design in 4 minutes | good for learning coding basics w3schools | html tutorials templaterr | demo & html for basic web elements eggramen test pages | css page templates to get started with sadgrl background tiles | bg tiles rivendell background tiles | more free bg tiles

fun stuff to add to your site

web revival manifestos & communities

also, there's actually a pretty cool community of people out there who want to bring joy back to the web! melonland project | web project/community celebrating individual & joyful online experiences. Also has an online forum melonland intro to web revival | what is web revival? melonking manifesto | status cafe | share your current status nightfall city | online community onio.cafe | leave a message and enjoy the ambiance sadgrl internet manifesto | yesterweb internet manifesto | sadly defunct, still a great resource reclaiming online social spaces | great manifesto on cultivating your online experience

in conclusion

i want everyone to make a neocities site because it's fun af and i love seeing everyone's weird personal sites that they made outside of the control of capitalism :) say hi to me on neocities

EDIT: part 2!!

88K notes · View notes