#introduction to coding
Explore tagged Tumblr posts
webtutorsblog · 2 years ago
Text
HTML 101: The Ultimate Beginner's Guide to Writing, Learning & Using HTML
Tumblr media
HTML serves as the backbone of every web page, allowing us to structure content with paragraphs, headings, images, links, forms, and more. If you're eager to delve into web development or explore the world of coding, mastering HTML is a fantastic starting point.
Join us on webtutor.dev as we unveil the ultimate guide to HTML for beginners. In this comprehensive tutorial, we'll demystify HTML, explore its diverse applications, and equip you with the skills to write your own HTML code. From essential elements to crucial attributes, we'll cover it all.
Get ready to embark on your HTML journey with webtutor.dev – your go-to resource for empowering web development education. Let us dive in and unlock the potential of HTML together.
Join us now on webtutor.dev!
What is HTML?
First published by Tim Berners-Lee in 1989, HTML is now used by 94% of all websites, and probably all the ones you visit. But what is it, exactly?
HTML, short for HyperText Markup Language, is the backbone of the web. It is a markup language that structures the content of web pages. HTML utilizes tags to define the elements and their attributes, such as headings, paragraphs, images, links, lists, forms, and more. These tags instruct web browsers on how to display and render the content to users. With HTML, developers can create interactive and visually appealing web pages. It plays a vital role in creating a seamless browsing experience by allowing users to navigate through hyperlinks and access information across different websites. HTML is the foundation upon which websites are built, providing the structure and organization for displaying text, multimedia, and interactive elements. By learning HTML, individuals can gain the skills to create and customize web pages, making their mark in the digital landscape.
Is HTML a programming language?
No, HTML (Hypertext Markup Language) is not considered a programming language. It is a markup language used for structuring the content and presenting information on web pages. HTML provides a set of tags that define the structure and semantics of the content, such as headings, paragraphs, links, images, and more.
While HTML is essential for web development, it primarily focuses on the presentation and organization of data rather than the logic and functionality found in programming languages. To add interactivity and dynamic behavior to web pages, programming languages like JavaScript are commonly used in conjunction with HTML.
What is HTML Used for?
HTML (Hypertext Markup Language) is used for creating and structuring the content of web pages. It provides a set of tags that define the elements and their layout within a web page. Here are some of the key uses of HTML:
Web page structure: HTML is used to define the structure of a web page, including headings, paragraphs, lists, tables, forms, and other elements. It allows you to organize and present content in a hierarchical manner.
Text formatting: HTML provides tags for formatting text, such as bold, italic, underline, headings of different levels, and more. These tags help in emphasizing and styling specific parts of the content.
HTML Hyperlinks: HTML enables the creation of hyperlinks, allowing you to connect different web pages together or link to external resources. Links are defined using the <a> tag and provide navigation within a website or to other websites.
Images and media: HTML allows you to embed images, videos, audio files, and other media elements into web pages. It provides tags like <img>, <video>, and <audio> for adding visual and multimedia content.
Forms and user input: HTML provides form elements, such as text fields, checkboxes, radio buttons, dropdown menus, and buttons, allowing users to enter and submit data. Form data can be processed using server-side technologies.
Semantic markup: HTML includes semantic elements that provide meaning and structure to the content. Examples of semantic elements are <header>, <nav>, <article>, <section>, <footer>, which help define the purpose and role of specific parts of a web page.
Accessibility: HTML supports accessibility features, such as providing alternative text for images, using proper heading structure, using semantic elements, and other attributes that make web content more accessible to users with disabilities.
Overall, HTML serves as the foundation of web development, providing the structure and presentation of content on the World Wide Web. It is often complemented by other technologies like CSS (Cascading Style Sheets) for styling and JavaScript for interactivity and dynamic behavior.
How to Write HTML?
<!DOCTYPE html><html><head><title>My Page</title></head><body><h1>Hello, World!</h1></body></html>
Explanation:
<!DOCTYPE html>: Specifies the HTML version.
<html>: Opening tag for the HTML document.
<head>: Contains metadata about the page.
<title>: Sets the title of the page displayed in the browser's title bar or tab.
<body>: Contains the visible content of the page.
<h1>: Defines a heading level 1.
Hello, World!: The actual content to be displayed.
Please note that this example is a very basic HTML structure, and for more complex pages, additional tags and attributes would be required.
How to Create an HTML File
To create an HTML file, you can follow these steps:
Open a text editor: Open a text editor of your choice, such as Notepad (Windows), TextEdit (Mac), Sublime Text, Visual Studio Code, or any other editor that allows you to create plain text files.
Start with the HTML doctype: At the beginning of your file, add the HTML doctype declaration, which tells the browser that the file is an HTML document. Use the following line:
<!DOCTYPE html>
Create the HTML structure: After the doctype declaration, add the opening and closing <html> tags to enclose the entire HTML document.
Add the head section: Inside the <html> tags, include the <head> section. This is where you define metadata and include any external resources like stylesheets or scripts. For now, let's add a <title> element to set the title of your page:
<head>
  <title>My First HTML Page</title>
</head>
Create the body: Within the <html> tags, include the <body> section. This is where you place the visible content of your web page. You can add various HTML tags here to structure and format your content. For example, let's add a heading and a paragraph:
<body>
  <h1>Welcome to My Page</h1>
  <p>This is my first HTML file.</p>
</body>
Save the file: Save the file with an .html extension, such as myfile.html. Choose a suitable location on your computer to save the file.
Open the HTML file in a browser: Double-click on the HTML file you just saved. It will open in your default web browser, and you will see the content displayed according to the HTML tags you added.
Congratulations! You have created an HTML file. You can now edit the file in your text editor, add more HTML elements, styles, scripts, and save the changes to see them reflected in the browser.
Common HTML Attributes
<input type="text" name="username" placeholder="Enter your username" required>
<img src="image.jpg" alt="Image description">
<a href="https://example.com" target="_blank">Link to Example</a>
<div id="container" class="box">
<button onclick="myFunction()">Click me</button>
<table border="1">
<form action="submit.php" method="POST">
<select name="color">
<option value="red">Red</option>
<option value="blue">Blue</option>
</select>
Explanation:
<input>: Attributes like type define the input type (text, checkbox, etc.), name sets the input's name for form submission, placeholder provides a hint to the user, and required specifies that the input is mandatory.
<img>: src specifies the image source URL, and alt provides alternative text for the image (useful for accessibility).
<a>: href sets the hyperlink URL, and target="_blank" opens the link in a new tab or window.
<div>: id assigns an identifier to the element, and class adds a CSS class for styling or JavaScript targeting.
<button>: onclick triggers a JavaScript function when the button is clicked.
<table>: border adds a border to the table.
<form>: action specifies the form submission URL, and method sets the HTTP method (GET or POST).
<select>: name assigns the name for the selection input, and <option> defines the selectable options within the dropdown menu.
These are just a few examples, and there are many more HTML attributes available for different elements, each serving specific purposes.
5 notes · View notes
poorly-drawn-mdzs · 1 year ago
Text
Tumblr media
An unbothered queen has entered, and subsequently left.
[First] Prev <–-> Next
2K notes · View notes
lo-sulci · 11 days ago
Text
Tumblr media
Wielding the sword that promises my victory, I carve my way to the life I deserve! MAID Corporation, 3rd generation! Delta Daggersmith! I'll captivate you until the very end!~ ☆
inspired by the amazing (and two time award winning actual play podcast that YOU should listen to) @eidolonplaytest and drawn by the unparalleled @chimeracauldron, it's my maidsona! who at least appearance-wise is just me :Þ
138 notes · View notes
fallofthecelestial · 3 days ago
Text
Okay. Since we're going over all the takes on Mr. X at this point.. What if his powers really don't have a backside. What if (the state of) his normal life is the backside.
What if his normal life is akin to that of heroes where he has to pretend to be something he's not and follow rules that the people who control his life came up with to further their own goals. What if he can only be free of other people's beliefs and expectations when he's a hero.
What if in reality he truly is like everyone else. The other heroes. The ordinary people. All those who work themselves to the bone, who are tired and overworked and sick of all the exploitation...
Tumblr media
What if when he's in the form of the number one hero.. when he becomes the most sought after product on the hero market..
Is when he gains the freedom to truly be himself
#to be hero x#tbhx#hero x#considering one of the first things they revealed to us in the trailers was that he's a white-collar worker...#we definitely need to think about that if we wanna try to predict / guess what he's actually like#this thing feels very lin ling coded but lin ling is tbhx coded (introduction to the main themes of the show)#so I feel like my best prediction rn is that he's actually the other side of the same damn coin#(cue the coin flip clip from the opening *coughs*)#I think from a writing perspective the whole downside thing is based on a characters perception#so if the writers make us think that X is an omnipresent all powerful god#then it just makes sense to reverse it by revealing that the opposite is equally as true#and then he'd have an even stronger incentive to want to break the system cuz both of his lives would've been defined by exploitation#maybe not the bright side of X (at least not after he became No. 1) but I don't think being the best product makes him no longer a product#ACTUALLY#“bright side” was supposed to refer to his hero identity bc of the black & white switch he has going on but#yeah calling his normal self the “dark side of X” would definitely reinforce the idea that it's the not so good parts he hides#and we've not much of normal X yet (other than his sugar stealing. you go boy exploit the company back for sugar. I believe in you) but!#we all know there's darker times coming. right.#I don't think they're gonna reveal his normal life to have a sad backstory or Idk (there's gonna be enough of that elsewhere anyways haha)#but we've definitely only seen the top of the iceberg for now#btw yes I do think capitalism & the CEOs are gonna be the real villains#and X is probably playing their game to win#yes all along you were reading my “X is actually anti-capitalist” propaganda#we're gonna go free heroes (at a cost) :))#ice demon talks#tbhx theories#tbhx analysis
81 notes · View notes
aroaceleovaldez · 1 year ago
Note
in your most recent tyson post, you said something about leo being distinctly autistic-coded and I was wondering if you could elaborate on that? it sounds really interesting (sorry if you've already posted something on this, I couldn't find anything though)
Of course! I do have a specific tag for talking about Leo's autistic-coding/traits - [here], and [one for Nico as well].
The main aspects with Leo being autistic-coded actually have a lot to do with Nico being autistic-coded, because it's the comparisons between the two that most clearly indicate Leo is autistic-coded rather than it just being his ADHD or etc.
So with Nico being autistic-coded, it's very clear in the Titan's Curse that he's intended to be autistic. First, the first series has a repeating pattern of secondary characters being very distinctly neurodivergent-coded in different ways (Annabeth's adhd/dyslexia, Tyson's down syndrome-coding, Nico's autism-coding). With Nico's introduction, he's pretty stereotypically autistic and we're given a lot of descriptors about him that are notably not attributed to him being ADHD, like it would be for other demigod characters. He doesn't register social cues such as people getting annoyed at him, he's asking/making inappropriate or impolite questions/comments, he gets particularly upset about change (such as Bianca joining the Hunt) and generally gets emotional, and one of his most notable traits he's introduced with is the fact that he has a special interest (MythoMagic) - and we're shown that this special interest particularly colors how Nico navigates the world. While ADHD has hyperfixations, we don't really get much acknowledgement of hyperfixations with demigods usually - Annabeth gets a little, but most others don't and it's not nearly as focused-in on as Nico's is.
Then as the series continues we see these traits stick with him and him start to show or voice more traits that similarly indicate he's autistic: He regularly mentions how he doesn't understand living people and prefers the company of the dead (social issues). He has more notable stims than other demigods (twisting his ring, fiddling with bones, etc). He's indicated to have strong sensory preferences (usually wearing mostly black/aversion to bright colors, usually wearing layers/his coat, multiple times he's described as wearing loose/baggy clothing or clothes too big for him). He has specific comfort items (his ring, likely his jacket(s) as well). We later get even more information about his special interests (Mythomagic/mythology/history and an older interest in pirates - the latter he specifically notes likely heavily influenced his feelings towards Percy). He struggles with emotions and facial expressions and tone. He struggles particularly with ostracism and feeling like he doesn't fit in and has something distinctly different about him from the people around him (who notably, all have ADHD, which indicates it isn't the ADHD that's making him feel that way), and other characters regularly describe him as being off-putting because of his strange behaviors - again, different from specific ADHD traits they recognize. And that last point is kind of notable because we have Hazel and Bianca for comparison - we know people are off-put by both Nico and Hazel because of being children of Hades/Pluto and their powers/aura, but other characters get past that general feeling of discomfort way faster with Hazel. And even after characters get past the death stuff with Nico, there's a second thing that they aren't moving past that isn't a factor with Hazel (Nico's autism).
So that brings us to Leo - Leo is paralleled to Nico a lot. And there's some very specific traits about him that we know are autistic-coding because of how they're used with Nico: He similarly struggles with social cues/etc, and in a very similar parallel to Nico describes how he prefers the company of machines to people because machines make more sense to him. He has similar types of clothing/sensory preferences (again some stuff with layers but also - pockets! He likes having pockets and things to put stuff in! He's even introduced as having a jacket with lots of pockets), and he has a distinct special interest (machinery) that we specifically know heavily influences how he views and navigates the world (constantly comparing things to machinery, describing things with machinery metaphors/terminology, etc etc). He even describes his entire general worldview to Hazel and it's a machine metaphor. He also similarly struggles with ostracization like Nico does, the only difference being that Leo specifically puts on a persona to compensate for areas he knows he's lacking in and very explicitly describes it as a means to make people like him, because without it he normally struggles to fit in (He's masking!). We also see notes of characters describing that similar discomfort with Leo's behaviors that they do with Nico, except without the aura of death this time. And when we're in Leo's POVs we see a very stark difference between his masking and his actual personality/behaviors such as his internal dialogues or how he behaves when he's alone. Also, like Nico, he stims more than other demigods, though for Leo it's more attributed to his ADHD. Leo also, more often than most, similarly struggles with tone and reading the room, such as making misplaced jokes/comments or etc.
But yeah! It's really interesting. Also it's just a fun thing that ADHD/dyslexia and autism have comorbidity, so it makes sense that we see demigods who are also autistic. It's also really fun to look at how other characters are coded in the series, what coding looks like in the riordanverse specifically (usually it's tied into the mythological stuff - like Chiron being in a wheelchair but he's actually a centaur, Grover being introduced as having a muscular disease but he's actually a satyr, demigods having adhd/dyslexia, Tyson being coded as having down syndrome but he's a cyclops, etc etc - it's a lot of specific metaphor stuff that I've talked about a bit before), and to look at how characters are compared to one another.
#pjo#riordanverse#leo valdez#nico di angelo#autistic nico#autistic leo#autism#analysis#Anonymous#ask#long post //#woof sorry that got long#im very passionate about this topic#re: characters being paralleled#Ms. ''Constantly Neutral - No Emotions'' Reyna looking at Nico stimming in the exact same way she does (twisting ring)#and internally going ''We have a lot in common. I don't know how I feel about that.'' is one of my favorites.#like. reyna. ma'am. you might be autistic. good luck with that.#with the pattern of coding in the first series i do suspect Rachel has some coding as well but i haven't been able to pinpoint what it is#I think it may be the whole seer thing and the fact that she could see the future#even before becoming the oracle/despite being a mortal rather than a demigod (who just get rare prophetic dreams normally)#and in BoTL her entire thing is that she's able to see things that no one else can and that's how they navigate the maze#particularly also with how the labyrinth is treated/how it affects people within it (see: Chris)#and how the only other seer in the first series - May - is characterized and her coding compared to Rachel's#also something something the seer traits become more prominent once Rachel meets Percy#something something metaphor about only being able to recognize neurodivergency traits once you're familiar with them#so Rachel meets Percy = introduction to the community > Rachel recognizes her own traits/symptoms > gets a support system (oracle)
154 notes · View notes
ominous-faechild · 3 months ago
Text
CHARACTER INTRO:
FAERIE'S DAWN
Tumblr media
NOVA “ME” FAE
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
(bitterly) “You can do it, too. Archfae aren't special. They just gatekeep knowledge, and pretend we're all lesser than them.”
“Hm. I don't much like that name, either...” - Nova “Me” Fae
One of the many fae born in the early days of the Reborn World, Nova woke up in a world of chaos and magic. The Faewildes permeated all of what would have otherwise been reality, leaving the world nothing but madness.
This—a rapidly, ever-changing world of danger and subjugation—is the world that Nova grew up in.
For much of their life, Nova had watched the rest of the world from afar. They'd used their magic to see without eyes, taking in the actions and consequences of others. They learned the rules of the world without putting themself on the line.
And then Nova dipped their toes into the water.
They joined the rest of the world, abandoning their old voyeuristic ways to experience things for themself.
And then deeply regretted their decision.
Life As “A Normal Faerie”
Not accepting the typical rules of the Faewildes—where weaker fae fall under the control of archfae stronger than themselves—Nova has run from archfaerie dominion to archfaerie dominion, struggling to find a place they feel at home.
And each and every time, they've done something wrong.
The archfae turn on them, attempting to kill them for their crimes.
And yet... Nova's still here today.
They've survived countless archfaerie attacks, escaping to live on another day... and run into the next.
So, with their terrible luck, will Nova ever find somewhere they feel safe?
Magic & Combat
Nova is vague about their faerie domain—presuming they know it at all.
Still, they have displayed an incredibly diverse range of abilities, including (but not limited to): seemingly-unbound teleportation, turning invisible, creating sound barriers, and creating protective shields of magic.
In combat, Nova most often uses a combination of teleportation, warping their surroundings, warping their own body, and physical barriers to avoid attacks and turn the terrain against their opponents.
Despite their great skill in combat, Nova hates fighting. If a fight would be any more difficult than them curbstomping their opponent, they often default to the ability given to all fae: will-breaking.
Like all fae, Nova is able to break the wills of their fellow faeries and then command them. However, instead of subjugating other fae under their will for the rest of time, Nova brainwashes their enemies into leaving them alone.
Overall, Nova has extreme skill over their inborn fae abilities, but purposely goes around with an underwhelming amount of essence (magical power) in order to fly under the radar.
... if only it worked nearly as often as they hoped it did.
Appearance
As a faerie and a shapeshifter, Nova can technically take on any form they want. However, they tend to stay in the form of a 4'8 (142 cm), androgynous humanoid faerie.
Nova physically appears to be 14, but the Faewildes are infamous for their space-time distortions and inconsistent rules. Due to this, even they are unaware of their exact age. However, when their time experienced is translated into our perception of years, Nova is approximately 16 years old.
Described to be a "surprisingly human-looking faerie", Nova has warm peach skin, an endless amount of plain brown freckles, sharp features, and a mess of long, curly ginger hair. For their fae features, they only have mothlike eyelashes, fawn-like legs, wooden hands and forearms, and stereotypical long, fae-tipped ears that move with their emotions.
Despite Nova's tendency to remain in that form, they shapeshift far more often than most fae, using it every time it's practical and/or convenient to do so. For example: they are frequently seen adjusting their height to be more intimidating, warping their body to work in impossible ways, and even growing massive butterfly wings in order to fly.
(Notably, Nova always wears a dark green, hooded cloak)
Personality & Motives
Nova is loud, crude, hyperactive, and childish. They've had very little significant interactions with others, and have instead spent a majority of their life watching others live their lives from afar or exploring the Vast Faewildes.
Nova is talkative, theatrical, and extravagant; and often uses dramatic gestures and magical effects to accentuate their speech. They constantly over-exaggerate and put their entire self into everything they do, making themself come off as extreme to others.
Still, despite their sociability, Nova is hyper-alert and paranoid. They're constantly prepared for anybody, everybody, and everything to suddenly turn around and try to attack them... and yet are still desperate for friendship. Although they refuse to admit it, Nova is extremely lonely, and is secretly searching for a place where they feel safe and loved.
To this end, Nova has been exploring the Faewildes almost aimlessly, mostly just doing the bare minimum to keep themself alive... until they came across two faeries in Kilrey.
Now, Nova has a new goal: to help Sky and Cloud find themselves a home, and to maybe finally form a friendship they never thought possible...
... just, not with Sky. He can go crawl into a hole and die. Or just shut up. Y'know, Nova doesn't really care, so long as he “just leaves them the fuck alone!”
(Except they do care... don't they?)
Name
Despite being referred to as Nova by the story, the faerie who claims “I'm just... Me.” has yet to pick their name. The name “Nova” was selected for poetic as well as symbolic reasons:
Nova, as in “new” (because they're a young faerie) (and... for other reasons 🙂)
Nova, like the “supernova” star (😉😉😉)
During Faerie's Dawn, “Nova” searches for a name for themself... as they simultaneously try to figure out who they are and want to be.
(Also, Nova is canonically genderfluid. Feel free to use any and all pronouns for them! ❤️)
Theme Song
With one desperate push His poor diaphragm forced out a plea He said: “One home burned down, one fell apart One met a flood, and one was nothing from the start Weapons built against me, well they all seem to fail But weapons built against my home They always will prevail “So leave me my liver and leave me my skin Leave me the way all those other homes did But leave me a soul, only by definition I don't want to feel anything “My neurons are snapping like cat gut strings A symphony of agony”
Tumblr media
“Oh... it's time for us to part ways, huh...? Well, then... take care, I guess...”
Tumblr media
Faerie's Dawn Taglist:
@honeybewrites @the-golden-comet @illarian-rambling @ashirisu @urnumber1star
@the-letterbox-archives @48lexr @aalinaaaaaa @thecomfywriter @an-indecisive-nerd
@seastarblue @rae-butter @teamarine777 @caffeinated-starsailor @oliolioxenfreewrites
@corinneglass @thebookishkiwi @storyteller-kara @themongosianhorse @theburningeyeofdawn
@notyourlocalworm @write-with-will @mildlybizarrecorvid @forgottenvalor @huewrite
@vesanal @differentnighttale @plip-plap-plop @olliedoesthings @pupculture
@princessuncertain @mythicalmagical-monkeyman @i-do-anything-but-write @a-zendrial
@real-fragments @lunauphternal @sullymarlowe @aalinaaaaaa (ask and ye shall be added)
divider by @thyming
Tumblr media
34 notes · View notes
ndostairlyrium · 1 month ago
Text
Wip Wednesday, but it's almost Friday 🌸
Tumblr media
I was tagged by my lovely and super talented @magspy & @greypetrel <3 thank you so much for the tag ;;
(on the left) Aveline school of flirting, because of a reel Arja has sent me in the afternoon and that is still making me laugh.
(on the right) Ankh deserves to squeeze a goose for once instead of hunting them for sport u-u
-
I'm in a "zero braincells, only pew pew and *kfff* "shield damaged!" on me3mp" period due to everything being super stressful in a way that even drawing and reading are looking like chores :' I'm sorry I don't have anything ready or somewhat pleasing to look at. Hopefully things will change starting from tomorrow
Reply with an emoji if you want to get tagged <3
27 notes · View notes
fullscoreshenanigans · 1 year ago
Text
Tumblr media
The little bow of reflection and smile Ray makes as he briefly soaks in the last morning Emma and Norman will be able to carry out their routine as usual knowing the horror they'll endure before night's end.
He knows they'd both prefer the harsh truth over a pretty lie, would hate to think about other siblings suffering the same fate as Conny, Hao, Sadie, Susan, and so many more before them if there was even the slightest chance of being able to do something about it. It's part of what he loves about them; where he had the tendency to give up after years of learned helplessness and self-loathing, they would resolutely say "no" and escape the system they had been born into.
(they are better, they are deserving, unlike him)
Tumblr media
He loves them so much he can't help but let some of his fondness show on his face as he savors Emma's reaction to seeing him and Norman, because if that isn't so incredibly her, to love so effortlessly and uninhibited, to live so unabashedly authentic.
It's part of what got him through a life he cursed and part of why he has faith if anyone will be able to do this, it'll be them.
149 notes · View notes
rqinebow · 13 days ago
Text
Close-ups of my pfp and banner :>
Tumblr media
My pfp is simply just a headshot of my oc, Aurelio, smoking a cigar in the night/dusk.
Tumblr media
My banner was for a school assignment where we had to create a postcard design that basically acted as like an introduction. lmk how many things u recognize in my banner >_<
20 notes · View notes
daddyspromise · 3 months ago
Text
Tumblr media
About me… 🪽
❀ My name is Erika >_< I am 20, mexican, bisexual, an infp, and go by she/her!
things i luv include coffee, films, reading, pinterest, witchcraft, piercings, music, older men, weird girls, hello kitty, angel numbers, makeup, sad poetry, 60’s hair, romantic people.. ⪩⪨
my faves are lana del rey, oscar isaac, jake gyllenhaal… 🦢
some of my favorite films brokeback mountain, eternal sunshine of the spotless mind, call me by your name, whiplash, priscilla, mother, the secretary… ˃̵ᴗ˂̵
my letterboxd & pinterest uralluglyandgay
feel free to dm me, i’d love to be friends!
Tumblr media
34 notes · View notes
webtutorsblog · 2 years ago
Text
Learn HTML Tags with WebTutor.dev: Your Ultimate Resource for Web Development Tutorials
HTML (Hypertext Markup Language) is the backbone of the web. It is the standard markup language used to create web pages. HTML consists of a series of tags that define the structure and content of a web page. In this blog post, we will dive deeper into HTML tags, what they are, and how they work.
Tumblr media
HTML tags are the building blocks of a web page. They are used to define the structure and content of a web page. HTML tags are surrounded by angle brackets (<>) and are written in lowercase. There are two types of HTML tags: opening tags and closing tags. An opening tag is used to start a tag, and a closing tag is used to end it. For example, the opening tag for a paragraph is <p>, and the closing tag is </p>.
HTML tags can also have attributes, which provide additional information about the tag. Attributes are included in the opening tag and are written as name-value pairs. For example, the <img> tag is used to embed an image on a web page. The src attribute is used to specify the URL of the image. The alt attribute is used to provide a description of the image for users who cannot see it.
HTML tags can be used to define headings, paragraphs, links, images, lists, tables, forms, and more. Here are some examples of commonly used HTML tags:
<html>: Defines the document as an HTML document
<head>: Defines the head section of the document, which contains metadata such as the page title and links to external files
<title>: Defines the title of the document, which appears in the browser's title bar
<body>: Defines the body section of the document, which contains the content of the page
<h1> to <h6>: Defines HTML headings of different sizes, with <h1> being the largest and <h6> being the smallest
<p>: Defines a paragraph
<a>: Defines a hyperlink to another web page or a specific location on the same page
<img>: Defines an image to be displayed on the page
<ul> and <ol>: Defines unordered and ordered lists, respectively
<table>: Defines a table
<form>: Defines a form for user input
<br>: Inserts a line break
<hr>: Inserts a horizontal rule
<strong>: Defines text as important or emphasized
<em>: Defines text as emphasized
<blockquote>: Defines a block of quoted text
<cite>: Defines the title of a work, such as a book or movie
<code>: Defines a piece of code
<pre>: Defines preformatted text, which preserves spaces and line breaks
<sup> and <sub>: Defines superscript and subscript text, respectively
<div>: Defines a section of the page for grouping content
<span>: Defines a small section of text within a larger block of text for styling purposes
Learning HTML can seem daunting, but with the right resources, it can be easy and enjoyable. One such resource is WebTutor.dev, an online platform that provides tutorials on web development, including HTML. The tutorials are easy to follow and provide a hands-on learning experience. The platform also offers quizzes to test your knowledge and a community forum to connect with other learners and ask questions.
In conclusion, HTML tags are the building blocks of a web page. They define the structure and content of a web page and can be used to create headings, paragraphs, links, images, lists, tables, forms, and more. If you are interested in learning HTML, check out WebTutor.dev for easy-to-follow tutorials and a supportive community of learners.
2 notes · View notes
coquelicoq · 2 months ago
Text
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs fleuri du pavillon pâle et multiple des questions que l'on n'ose poser et qui attendent pour tomber le souffle du plus courageux. ("Le Café des Chasseurs", Daniel Boulanger)
my experience reading this sentence:
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs
makes sense. this is a full sentence.
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs fleuri du pavillon pâle
okay, maybe this makes sense? the silence particular to conspirators [which had] blossomed from the pale pavilion? kind of weird though...maybe it's related to the next part instead.
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs fleuri du pavillon pâle et multiple
what
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs fleuri du pavillon pâle et multiple des questions
WHAT????
richard coward translates this as
Beneath the pergola, convolvulus-like, the peculiar silence of the plotters spread over everything and over the six invalids, and the many questions that no one dared utter, and which waited to be asked for the breath of the bravest amongst them, fluttered above them like as many pale flags. (New Penguin Parallel Text Short Stories in French, p 115)
he also has an endnote after "courait" which reads
The subject of this verb is le silence particulier. Boulanger uses the inversion to convey stylistically the all-embracing secrecy of the meeting.
this is making me cuckoo. obviously the subject of courait is le silence particulier. what else could it possibly be!! that's the least confusing thing about the sentence!
what is actually confusing is everything that happens after le silence particulier. fleuri is a past participle which i would think is acting as an adjective because there's no auxiliary. what's it modifying? silence? are we saying [le silence [particulier des comploteurs] [fleuri du pavillon pâle]]? and where is the pavillon pâle coming from? this is the first use of the word pavillon. the translator takes it as figurative language, which maybe it is, but i can't figure out what it's doing in the sentence because...
what the fuck is going on with multiple? if it's an adjective modifying pavillon, then shouldn't it (and pavillon!) be plural? like by definition?? the translator has clearly interpreted it this way by the inclusion of "many pale flags". however, i originally interpreted pavillon not as flag (flags have not been mentioned in the story at all so far) but as outbuilding, because on the previous page the pergola was described as having "murs aveugles" which the translator thought was odd because pergolas don't have walls, let alone windowless ones, so he thought maybe it was referring to an outbuilding. also, if multiple is somehow modifying pavillon despite the fact that they're both singular, everything up to and including multiple is a complete sentence. what is des questions and everything after it doing? that's a completely new noun phrase. what verb phrase is it part of?
at one point i was thinking, could multiple be a verb? but it would have to be a verb in the 3rd person singular present indicative (or i guess subjunctive), so it can't parallel courait. there are present indicative verbs in this sentence, but they're both in the subordinate clause after "des questions". the subject would either have to be le silence (which doesn't make sense because courait also has silence as the subject and is in the imparfait) or le pavillon, which doesn't make sense because there's an et in between pavillon and multiple.
i can't say the translation is incorrect because i don't understand the original sentence. but if i start from the translation and try to work backward, the biggest problem i run into isn't "many pale flags" (maybe le pavillon pâle et multiple could be a plural noun phrase stylistically?) but rather "fluttered". he's added a completely new main verb that doesn't exist in the original. and at first i was assuming that he was getting fluttered from fleuri somehow, but i can't make that make sense either semantically or syntactically which maybe is a skill issue, i don't know!!
if we try to line up the correspondences between original and translation by color:
Sous la pergola courait en liseron sur toutes choses et sur les six infirmes le silence particulier des comploteurs fleuri du pavillon pâle et multiple des questions que l'on n'ose poser et qui attendent pour tomber le souffle du plus courageux.
Beneath the pergola, convolvulus-like, the peculiar silence of the plotters spread over everything and over the six invalids, and the many questions that no one dared utter, and which waited to be asked for the breath of the bravest amongst them, fluttered above them like as many pale flags.
it does seem like fluttered and fleuri have to be related somehow. maybe fleuri is actually supposed to be fleurit (most of the story is in the passé simple)...but if des questions is the subject, it would have to be fleurirent because questions is plural. and it still seems pretty weird not to have a conjuction in the french (he's added "and" in the translation). and where did the "above them" come from in "fluttered above them"? i am losing my mind. what am i missing.
17 notes · View notes
melodramatic-butterfly · 2 months ago
Text
re introduction? / placeholder intro post until i find the time to make it prettier lol / looking for mutuals lol
hi lol
so i used to be super active here from 2016 to 2021 & then i stopped being active bc i moved my the majority of my social life onto discord between gaming & covering songs on youtube & then my discord acct last yr got hacked and then grad school took up my life and still is taking up my life lol
but now im kind of ish back bc i really miss having a community / rly want to find more people who enjoy the same interests as me, so i'd love to meet more mutuals lol & i just want to come back into the interests i used to love but stopped having time for slowly but surely
basic info ❥ my name is Silver ❥ i'm 24 yrs old (25 next month 💀) ❥ i'm a 2nd yr phd student in biomedical sciences lol and im suffering /hj ❥ despite this i only have one braincell ❥ i'm an INFJ Pisces Sun / Leo Moon / Gemini Rising
interests & the actual "looking for mutuals" post ❥ i'm a singer & audio mixer! i cover songs on youtube LOL (or at least i did when i wasnt drowning in school..... but i plan to get back into it lol ❥ i also love running fandubs LOL ive run one for a visual novel called andromeda six that i want to reset / get back into after i pass my qualification exam (uhh at least i hope i will) in may to get my masters bc i am drowning in work but i miss it sm ❥ i primarily cover kpop LOL dreamcatcher & ive are my favorite kpop groups but i love all girl groups from twice, red velvet, blackpink, baby monster, stayc, katseye, g-idle, mamamoo, oh my girl, etc. ❥ currently on a dead by daylight obsession phase - particularly i like watching the comp tournaments on youtube & reading dbd writing pieces, i dont currently play tho lmao ❥ i love astrology so much LOL i enjoy listening to astrology podcasts and learning the nitty gritty details about the math and houses and how it all works together! ❥ i also love tarot but haven't done a reading in forever lol ❥ i love playing visual novels / otome games! cupid parasite is my favorite but i love code realize and collar x malice as well. i also love indie visual novels like the arcana, cinderella phenomenon, and andromeda six
random facts that arent related to looking for mutuals at all ❥ literally im torn between "trying to be hopeful optimist that loves making connections and friendships bc friendship is really magic and what gets everyone thru the hard times" and "god. life is so hard and i feel so dead inside and my soul is gone half the time bc of school and the state of the world LOL" ❥ i feel really bad because i know i had a bunch of mutuals from various fandoms as friends on discord and i got hacked last yr LOL - i hope that everyone on that front is well (hence another reason for this long post and reblog on all of my accounts) ;w; and yea lmao ❥ lol/lmao are just my way of adding periods atp to every statement & my most used emote is the skull emote💀 ❥ i love looking at people's astrology charts LOL -- particularly my friends'
anyhow, thank u for reading! i hope we can become good friends and i'm wishing u a great day/night!
14 notes · View notes
mit-llusion · 30 days ago
Text
introduction. hi :)
hello!!
i wanted to document my process of learning to code :) it's something i've always been interested in, but never got to, because i felt like it would take too much time to become good. well, the time will pass anyways, i need a project to stay sane. i have adhd, so it's somewhat of a developing hyperfixation / special interest for me.
i was using sololearn to learn, before i got paywalled :/ -- now i'm using freecodecamp and will probably also use codeacademy. on freecodecamp, i'm doing the certified full stack developer program which will (from my understanding) teach me to code front-end / client side as well back-end. i knew some HTML to begin with, but so far i've finished the basics of HTML mini-course and am on to structural HTML. After the full HTML topic, the course teaches me CSS, Java, Back-End Javascript and Python.
LONG STORY SHORT!! let's be friends, because i love doing this. also i need help. and advice. so much of it. m
Tumblr media Tumblr media Tumblr media Tumblr media
10 notes · View notes
guhit · 1 year ago
Text
Tumblr media
NEEDLE GUY! :D
58 notes · View notes
liliesdieroses · 4 days ago
Text
Tumblr media Tumblr media
𝒎𝒚 𝒏𝒂𝒎𝒆 𝒊𝒔 𝒍𝒊𝒍𝒊, 𝒊𝒎 𝟒𝒕𝒆𝒆𝒏୭ ˚. ᵎᵎ 𝒊'𝒍𝒍 𝒑𝒐𝒔𝒕 𝒎𝒚𝒔𝒆𝒍𝒇 𝒂𝒍𝒐𝒕, 𝒓𝒆𝒃𝒍𝒐𝒈𝒔, 𝒂𝒏𝒅 𝒕𝒐𝒏𝒔 𝒐𝒇 𝒓𝒂𝒏𝒕𝒔 𝒄𝒖𝒛 𝒊 𝒐𝒗𝒆𝒓𝒕𝒉𝒊𝒏𝒌 𝒂𝒏𝒅 𝒏𝒆𝒗𝒆𝒓 𝒔𝒉𝒖𝒕 𝒖𝒑
Tumblr media Tumblr media
𝕞𝕪 𝕕𝕖𝕖𝕡𝕖𝕤𝕥 𝕝𝕠𝕧𝕖𝕤
⋆ ˚。⋆୨♡୧⋆ ˚。⋆
𝒎𝒖𝒔𝒊𝒄: 𝐫𝐨𝐛 𝐳𝐨𝐦𝐛𝐢𝐞 (𝐦𝐲 𝐧𝐨.𝟏), 𝐛𝐛𝐧𝐨$, 𝐠𝐮𝐧𝐬 𝐧 𝐫𝐨𝐬𝐞𝐬, 𝐭𝐲𝐩𝐞 𝐨 𝐧𝐞𝐠𝐚𝐭𝐢𝐯𝐞, 𝐭𝐡𝐞 𝐠𝐨𝐨 𝐠𝐨𝐨 𝐝𝐨𝐥𝐥𝐬, 𝐭𝐡𝐞 𝐝𝐨𝐨𝐫𝐬, 𝐟𝐥𝐞𝐞𝐭𝐰𝐨𝐨𝐝 𝐦𝐚𝐜, 𝐥𝐚𝐧𝐚 𝐝𝐞𝐥 𝐫𝐞𝐲, 𝐛𝐫𝐢𝐭𝐧𝐞𝐲 𝐬𝐩𝐞𝐚𝐫𝐬, 𝐞𝐥𝐢𝐭𝐚
𝒊 𝒍𝒐𝒗𝒆 𝒔𝒐 𝒎𝒖𝒄𝒉 𝒊 𝒄𝒓𝒚: 𝐭𝐡𝐞 𝐰𝐚𝐲 𝐞𝐥𝐯𝐢𝐬 𝐭𝐚𝐥𝐤𝐬, 𝐭𝐡𝐞 𝐚𝐝𝐝𝐞𝐝 𝐛𝐫𝐢𝐝𝐠𝐞 𝐨𝐟 𝐫𝐡𝐢𝐚𝐧𝐧𝐨𝐧 𝐢𝐧 𝟏𝟗𝟕𝟔, 𝐭𝐡𝐞 𝐧𝐚𝐦𝐞 𝐥𝐚𝐲𝐥𝐚, 𝐭𝐡𝐞 𝐰𝐚𝐲 𝐣𝐢𝐦 𝐦𝐨𝐫𝐫𝐢𝐬𝐨𝐧 𝐮𝐬𝐞𝐬 𝐡𝐢𝐬 𝐞𝐲𝐞𝐬, 𝐨𝐥𝐝 𝐛𝐚𝐫𝐛𝐢𝐞 𝐦𝐨𝐯𝐢𝐞𝐬, 𝐞𝐥𝐯𝐢𝐬 𝐚𝐧𝐝 𝐜𝐢𝐥𝐥𝐚'𝐬 𝐰𝐞𝐝𝐝𝐢𝐧𝐠 𝐟𝐨𝐨𝐭𝐚𝐠𝐞, 𝐭𝐨𝐦𝐦𝐲 𝐥𝐞𝐞'𝐬 𝐠𝐞𝐧𝐮𝐢𝐧𝐞 𝐥𝐨𝐯𝐞 𝐟𝐨𝐫 𝐰𝐨𝐦𝐞𝐧, 𝐭𝐡𝐚𝐭 𝐨𝐧𝐞 𝐝𝐫𝐞𝐬𝐬 𝐭𝐰𝐢𝐠𝐠𝐲 𝐫𝐚𝐦𝐞𝐫𝐢𝐞𝐳 𝐰𝐞𝐚𝐫𝐬, 𝐭𝐡𝐞 𝐟𝐚𝐜𝐭 𝐭𝐡𝐚𝐭 𝐫𝐨𝐛 𝐳𝐨𝐦𝐛𝐢𝐞 𝐢𝐬 𝐭𝐡𝐞 𝐨𝐧𝐥𝐲 𝐫𝐨𝐜𝐤𝐬𝐭𝐚𝐫 𝐢𝐯𝐞 𝐬𝐞𝐞𝐧 𝐰𝐡𝐨 𝐢𝐬 𝐬𝐭𝐫𝐚𝐢𝐠𝐡𝐭 𝐮𝐩 𝐥𝐨𝐲𝐚𝐥 𝐭𝐨 𝐬𝐡𝐞𝐫𝐢 𝐚𝐧𝐝 𝐤𝐧𝐨𝐰𝐬 𝐭𝐡𝐚𝐭 𝐭𝐡𝐞𝐢𝐫 𝐥𝐮𝐜𝐤𝐲 𝐭𝐨 𝐡𝐚𝐯𝐞 𝐞𝐚𝐜𝐡 𝐨𝐭𝐡𝐞𝐫 (𝐨𝐡 𝐢 𝐥𝐨𝐯𝐞 𝐬𝐡𝐞𝐫𝐢)
Tumblr media
𝕞𝕪 𝕠𝕥𝕙𝕖𝕣 𝕤𝕥𝕦𝕗𝕗𝕤
°❀⋆.ೃ࿔*:・
Tumblr media Tumblr media Tumblr media
𝕞𝕪 𝕥𝕥: 𝕝𝕚𝕝𝕚𝕖𝕤.𝕟𝕣𝕠𝕤𝕖𝕤 𝕞𝕪 𝕚𝕟𝕤𝕥𝕒: 𝕒𝕟𝕘𝕖𝕝.𝕝𝕟𝕝𝕟
𝕞𝕪 𝕡𝕚𝕟𝕥𝕖𝕣𝕖𝕤𝕥: 𝕝𝕚𝕝𝕚𝕖𝕤𝕕𝕚𝕖𝕣𝕠𝕤𝕖𝕤 𝕞𝕪 𝕤𝕡𝕠𝕥𝕚𝕗𝕪
Tumblr media
8 notes · View notes