#html school
Explore tagged Tumblr posts
Text
Introduction To HTML
[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]
HTML stands for Hyper Text Markup Language
It is used to create webpages/websites.
It has a bunch of tags within angular brackets <....>
There are opening and closing tags for every element.
Opening tags look like this <......>
Closing tags look like this
The HTML code is within HTML tags. ( // code)
Here's the basic HTML code:
<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>
Line By Line Explanation :
<!DOCTYPE html> : Tells the browser it's an HTML document.
<html> </html> : All code resides inside these brackets.
<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.
<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)
<body> </body> : Everything that appears on the webpage lies within these tags.
<h1> </h1> : It's basically a heading tag. It's the biggest heading.
Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.
<p> </p> : This is the paragraph tag and everything that you want to write goes between this.
<br> : This is used for line breaks. There is no closing tag for this.
-------
Now, we'll cover some <Meta> tags.
Meta tags = Notes to the browser and search engines.
They don’t appear on the page.
They reside within the head tag
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>
Line By Line Explanation:
<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.
<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.
<meta name="author" content="Your Name"> : Says who created the page.
<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.
_____
This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)
If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o
#code#codeblr#css#html#javascript#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#school#study motivation#study aesthetic#study blog#student#high school#studying#study tips#studyspo#website development#coding
100 notes
·
View notes
Text

weevils 447, 448, 449, 450, 451, 452
#weevil#bugs#weeviladay#via https://www.mediastorehouse.co.uk/fine-art-finder/artists/english-school/weevils-attelabus-longicollis-1-23343568.html
200 notes
·
View notes
Text






my first 24 hour hackathon!
NEVER AGAIN in my life am I building a website from scratch 😭 it’s torture. if only my dumb self knew that frameworks existed…
#studyblr#academia#studying#high school#study motivation#stem academia#stem student#science#stemblr#computer science#computer#programming#coding#codeblr#website#me and html need to talk#eclipsellium
35 notes
·
View notes
Text
listening to my textbook is going great why do you ask
#john marston#rdr2 meme#i made these instead of reading#rdr#rdr2#rdr1#red dead redemption#red dead redemption 2#middle aged barbies horse adventure#university#html and web design#why does this chapter in my official “i payed too much money for this ebook one year rental” textbook spell color and culor#if i had a nickel for every official school reading material had a typo id have 2 nickels.
135 notes
·
View notes
Text
I got distracted making my own personal site then I got sick
but I am back.
anyway, here's a preview for the Mairuma shrine/fansite?
I need to remake the calendar.
I'm trying to make it 13 months instead of 12 so I gotta do it myself ;;;
coding hard.
Feel free to add suggestions
11 notes
·
View notes
Text
just realized that i never mentioned that i know how to code websites and vaguely know how to code in C because i took a class from Harvard, as well as classes at my university
in case you're interested in learning HTML and CSS, my web design class literally gave us these websites to use because it has almost everything:
CSS Tricks - An entire website just for CSS
HTML Tutorial - A webpage about HTML
CSS Tutorial - A webpage about CSS
Markup Validator - Makes sure your code is right
also, i recommend using Visual Studio (if you have Windows) or Visual Studio Code (if you have anything other than Windows, or if you want to do more than just HTML)
#random#random thoughts#thought this was cool to know about me#fun fact about me#ig#and honestly#coding in html and css is literally so easy#i first learned in a computer class in middle school and i made a whole ass website#i highly recommend html for anyone that wants to start learning more about computer languages#although i always found css to be a bit more difficult to figure out#but i think that is just a me problem#html#html css#htmlcoding#html5#css#html5 css3#frontend#code
6 notes
·
View notes
Text
Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions
My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.
So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)
It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.
I can do this. I can very much do this.
#speculation nation#i wasnt very good when i got home and i read fanfic for a while#then took a nap. and now im up again and Getting To Work.#i dont have to have this 100% perfect for final submission just yet. bc final submission isnt today.#but i need to have my final presentation over my thing done by noon (11 hours from now)#and im presenting TODAY. and part of that will be giving a live demo of my project website#so. i need to have all of the core functionality of my website down at the Very Least#might not be perfect yet. but by god if im gonna show up to my presentation with my website not working.#i need to have the employee list lead to employee details with personalized information displayed per employee#i need to create an add employee field that will Actually add an employee. using a form.#and that employee will need to show up on the list and have a new id and everything. the works.#need to set it up so that employees can be deleted. shouldnt be too much extra.#and it would be . interesting. to give an actual 'login' pop-up when someone clicks on the login button#with some kind of basic info as the login parameters. this cant be that hard to code.#the project requirements are: implement 5 distinct user interactions using javascript. at least 3 different eventhandlers#at least 5 different elements with which interaction will trigger an event handler. page modification & addition of new elements to pages#3 different ways of selecting elements. one selection returning collection of html elements with customized operations on each...#hm. customized operations on each... the example given is a todo list with different styles based on if an item is overdue or not#i wonder if my personalized detail page loading would count for this... i also have some extra info displayed for each#but i specifically want the employees to be displayed in the list uniformly. that's kinda like. The Thing.#actually im poking around on my web pages i made previously and i do quite enjoy what i set up before.#need to modify the CSS for the statistics page and employee details to make it in line with what i actually wanted for it#maybe put a background behind the footer text... i tried it before & it was iffy in how it displayed...#but it looks weird when it overlaps with a page's content. idk that's just me being particular again.#theres also data interchange as a requirement. but that should be easy if i set an initial employee list as a json file#good god im going to have to think of so much extra bullshit for these 10 made up employees#wah. this is going to be a lot of work. but. im going to do it. i just wont get very much sleep tonight.#that's ok tho. ive presented under worse conditions (cough my all nighter when i read 3gun vol 10 and cried my eyes out)#and this is going to be the last night like this of my schooling career. the very last one.#just gotta stay strong for one more night 💪💪💪
6 notes
·
View notes
Text
Like the whole "DOOM runs on anything" meme is funny sure but technically you can run any program on any machine that has the processor, memory, and storage space for it. You may need to tweak some thing here and there to get it fully operational but really that's mostly what it hinges on.
I turned my windows netbook into a Debian server and then turned *that* into cloud-based storage I could dump and share and run any files I wanted to off my internet connection when I was in college by tying an external hard drive to it using an always-on connection. I still technically have the hard drive but I sold the netbook a long time ago. I also turned my MacBook from college into an always-on minecraft server for my college friends before Microsoft decided to give us actual multi-player support.
I also turned my MacBook into a windows OS emulator when I wanted to game because I got annoyed that Mac ports are usually poopoobad quality. So I would turn my MacBook on and then load up my windows os inside of the Mac os and then actually load the game.
Like yeah I went to school for programming but I actually learned how to do most of that as a kid because my dad had a computer that had no GUI, it was all command prompt and DOS. There are times when my current windows computers are annoying me because they won't do the thing I told them to do so I load up dos and then effectively go "I wasn't asking" at it.
#granted#I also taught myself html and css as a kid#and found javascript to be grating but otherwise understandable#sql and c++ was in high school when I went to tech school for programming#but anyway my point is that this stuff isn't super hard#the most annoying portion waa converting the netbook into a server#and only because its processor sucked so it really did not like the commands I was giving it#but it was also a 50 dollar laptop so like. deal. and do what I said.
43 notes
·
View notes
Text
I need to make a website.
#I’m going down a rabbit hole of like people making old school websites and blogs#and I’m like damn#the urge to delete all social media but tumblr#which is mostly utilized for fandom and shitposts#but if something happens to it then damn#our tumblr blogs aren’t like the same as owning a domain#I just want to be able to cross post stuff from here#and maybe make old school vlogs on YouTube to cross post#very unpolished. not themed. just whatever I want to ramble about at the time.#idk!!!#idk#websites#html#indie web
5 notes
·
View notes
Text
This is what Clarissa thinks of, when she thinks of an equal: she thinks of an unobtrusive question, an equally quiet response in turn. A dialogue, of sorts, between two souls. She thinks of the ways you remake yourself in the reflection— the image— of someone else, a slow and subtle influence, one that is and will always be welcomed. She thinks of all the things you do not have to acknowledge. Of the security of knowing, implicitly, that the other is by your side. She thinks of Lesso.
Five principles for Good and Evil, as told by its two Deans.
#sge#tsfgae#school for good and evil#the school for good and evil#dovesso#lady lesso#leonora lesso#clarissa dovey#sge fic#my fic#my dovesso primer everyone!!!!!#you may notice the summary is quoted near directly from a post i made. don't worry about it#i am never doing ao3 html again BUT! it gives this fic a fun little sense of mystery#sorry about the mcd tag. had to do it to em
12 notes
·
View notes
Text
Day 6 [Forms In HTML]
Introduction To HTML
Day 2 [Multimedia Elements In HTML]
Day 3 [Table in HTML]
Day 4 [Link Tag In HTML]
Day 5 [Lists In HTML]
Forms are basically used for collecting user information. And they are really important to learn. Here's a simple form in HTML:
Code:
Line By Line Explanation:
<form>: Used for creating forms. All the form elements go in this tag. Action: When submitted, data is sent to this file or URL [index.html] Method="post": Sends data
<label> : This describes the input tag for="___": Connects the label to the input with id="name" id : gives a unique identification to the tag <input>: It's used to make the form elements
<input> Type Elements :
type="text" : A simple text box is created.
type="email" : A box to input email.
type="checkbox" : A small square that users can tick. Can select multiple options using this.
type="radio" : A small circle, you can only select one option.
type="submit" : A button that submits the data to the server.
<textarea>: Accepts multiple lines of text. rows="4": It creates 4 lines cols="30": It creates 30 characters
<select> : Creates a drop-down list <option>: Creates an item in the dropdown. value="colorname": This is the data sent to the server if chosen.
Output For The Code:
_______________________
Hope This Helps !!
#code#codeblr#css#html#javascript#python#studyblr#progblr#programming#comp sci#web design#web developers#web development#website design#webdev#website#tech#html css#learn to code#school#study motivation#study aesthetic#study blog#student#high school#studying#study tips#studyspo#website development#coding
34 notes
·
View notes
Text
Ah. Yeah. Remembered why I hate coding. What a fucking headache.
#ic#Paul asked for some help with his band's site. Do all artists have websites these days? Should I have one?#Too much work to maintain one as it turns out. I'm way worse at this than Marina.#//fjalkfjal throwing my webpage woes onto acht bc i just spent a fucking like. hour accidentally breaking my neocities site#//and figuring out how to fix it again fjadkfkda#//but unlike them i LOVE coding i just haven't done any html/css/js since high school#//and i was bad at it back then too lmaooo
3 notes
·
View notes
Text
How to get into Coding!
Coding is very important now and in the future. Technology relies on coding and in the future you will need to know how to code to get a high-paying job. Many people consider having Computer Science field-related jobs, especially in AI. What if you are interested it in general or as a hobby? What if you don't know what you want to do yet for college?
Pick a language you want to learn: Personally, I started out with HTML and CSS. I recommend if you want to do web design HTML and CSS are good languages to start with. Otherwise, start with JavaScript or Python.
2. Find Resources: Basically you want to look at videos on YouTube, and take classes that have coding like AP CSP, AP CS A (harder class), Digital Information Technology, etc. You can also attend classes outside in the summer like CodeNinjas and use websites like code.org, freeCodeCamp, and Codecademy. Also, ask your friends for help too! You can find communities on Reddit and Discord as well.
3. Start Practicing: Practice slowly by doing small projects like making games for websites and apps. You can work with friends if you are still a beginner or need help. There's also open-source coding you can do!
4. Continue coding: If you don't continue, you will lose your skills. Be sure to always look up news on coding and different coding languages.
5. Certifications: If you are advanced in coding or want to learn more about technology, you can do certifications. This can cost a lot of money depending on what certification you are doing. Some school districts pay for your certification test. But if you take the test and pass, you can put it on your resume, and job recruiters/interviewers will be impressed! This can help with college applications and show initiative if you want a computer science degree. This shows you are a "master" of the language.
#tech#coding#learning#education#hobby#fun#jobs#high school#college#university#youtube#reddit#certification#javascript#java#python#html css#css#html#ap classes#ap csp#information technology#technology#computer science#programming#software engineering#web design#web development#discord chat#discord server
10 notes
·
View notes
Text
Web Design Trends Shaping 2025
The evolution of web design in 2025 is explored, highlighting the trends that are shaping the digital landscape and influencing user experiences. Key themes like immersive 3D, holographic elements, and interactive design are analyzed to inspire creativity and provide valuable insights for web designers.

Get Free website designing course 2025 👈
Clear Purpose and Goals: Define the primary objective of the website. Ensure that every element on the site supports this goal.
User-Friendly Design: Prioritize intuitive navigation and clean layout. Make sure the design is accessible and easy to use for all users.
Responsive and Mobile-First Design: Ensure the website works well on all screen sizes. Start with mobile design as more users access websites on mobile devices.
5 Important ways to develop responsive website
Fast Load Time and Performance
Optimize images and code for faster loading.
Use caching, a good hosting provider, and efficient coding practices.
Strong SEO and Content Strategy
Use relevant keywords, proper headings, and metadata.
Create valuable, high-quality content that helps your audience and ranks well on search engines.
#us school system#education system#high school education#3d image design#3d designing tools#3d banner design#3d vector design#3d model#responsive web design#responsivewebsite#responsive website#responsive wordpress template#well designed website#html css#react native#react development
3 notes
·
View notes
Note
i'm sorry you're having a rough time :( i hope you feel better soon and you ace those exams!
thank you! i actually don't have any exams, just two final projects and one last assignment, but my god these two final projects are kind of kicking my ass
#Thanks from the Argo!#Anonymous#not pjo#answered#anon#anonymous#school#lemme just say: learning enough html and css to make a website on top of everything else has NOT been it#my website looks terrible please give me an a
3 notes
·
View notes
Text
i need to work on my neocities more i kinda wish i did during break. my plan is to organize it between creative works like my paintings and short stories (i also wanna write reviews to put on there), a general Things I Like section, and webcomics
2 notes
·
View notes