#html school
Explore tagged Tumblr posts
study-diaries · 1 month ago
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
100 notes · View notes
weevilsdaily · 1 year ago
Text
Tumblr media
weevils 447, 448, 449, 450, 451, 452
200 notes · View notes
eclipsellium · 5 months ago
Text
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
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…
35 notes · View notes
crimson-dianxia · 1 year ago
Text
listening to my textbook is going great why do you ask
Tumblr media Tumblr media
135 notes · View notes
magical-babyrinth · 2 months ago
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?
Tumblr media
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
eon-tries · 2 months ago
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)
6 notes · View notes
orcelito · 2 months ago
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
doberbutts · 1 year ago
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.
43 notes · View notes
fathermulcahyofficial · 4 months ago
Text
I need to make a website.
5 notes · View notes
qianzhangs · 8 months ago
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.
12 notes · View notes
study-diaries · 23 days ago
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:
Tumblr media Tumblr media Tumblr media
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:
Tumblr media
_______________________
Hope This Helps !!
34 notes · View notes
livef1sh · 13 days ago
Text
Ah. Yeah. Remembered why I hate coding. What a fucking headache.
3 notes · View notes
cs-med-world-insights · 1 year ago
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.
10 notes · View notes
e-bird-online · 1 month ago
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.
Tumblr media
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.
3 notes · View notes
transannabeth · 2 months ago
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
3 notes · View notes
fractaldunes · 3 months ago
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