#learn advanced HTML and CSS | Explore Tumblr posts and blogs

webtutorsblog · 2 years ago

Text

Some Advanced HTML Tags and Techniques: Take Your Web Design Skills to the Next Level

HTML (Hypertext Markup Language) is the standard markup language used for creating web pages. It allows you to structure content and define its meaning, layout, and appearance on a web page. Here are some advanced HTML tags and techniques that can help you create more dynamic and interactive web pages.

HTML Head

The HTML head element contains information about the document, such as the page title, meta information, and links to external resources. The head element is included in the HTML file before the body element and is not visible on the page. It is used to provide information that the browser or search engine can use to better understand and display the document. Some common elements found in the head include the title tag, meta tags for SEO, links to stylesheets, and references to JavaScript files. By including the appropriate information in the head element, you can help to improve the user experience and search engine optimization of your web pages.

Learn More About HTML Head

HTML Color

HTML color is an important aspect of web design, and learning to use color codes effectively can enhance the visual appeal of a web page or website. HTML color codes can be used with various HTML elements, such as <body>, <div>, <h1>, <p>, and <a>, to name a few. They can also be used in CSS code to style elements within a page or an entire website.

Learn More About HTML Color

Semantic HTML

Semantic HTML uses tags to describe the meaning and structure of content, rather than just its appearance. This makes it easier for search engines and screen readers to understand the content of a web page. Examples of semantic tags include <header>, <main>, <nav>, <section>, and <article>.

Learn more about HTML Semantic

Custom Attributes

HTML allows you to create your own custom attributes for elements. This can be useful for storing additional data or metadata about an element, such as a data attribute for storing an ID or a tooltip. Custom attributes should be prefixed with "data-", such as data-id or data-tooltip.

Learn more about HTML Attributes

HTML Forms

HTML forms are used to collect user input and are a fundamental component of many web applications. Advanced form techniques include validation, using the required attribute, and customizing the appearance with CSS.

Learn more about HTML Forms

HTML5 Canvas

The HTML5 canvas elementallows you to create dynamic graphics and animations on a web page. With JavaScript, you can draw shapes, lines, text, and images, and animate them using various techniques.

Learn more about HTML Canvas

Responsive Images

Responsive images ensure that images are displayed at an appropriate size and resolution for the user's device and connection speed. HTML provides several ways to implement responsive images, including the srcset and sizes attributes, and the picture element.

Learn more about HTML Images

HTML Table

HTML tables are used to display data in a structured and organized manner. They consist of rows and columns, and each cell can contain text, images, links, or other HTML elements. To create a table, you use the <table> tag, and then add rows with the <tr> tag and cells with the <td> or <th> tag. The <th> tag is used for table headers. You can also add attributes such as "border", "cellspacing", and "cellpadding" to the <table> tag to adjust the appearance of the table. By using HTML tables, you can present data in a clear and readable format on your web page.

Learn more about HTML Table

HTML Class

HTML classes allow you to apply a specific style or behavior to a group of HTML elements. To create a class, you use the "class" attribute and assign a name to it, such as "my-class". You can then add this class to one or more HTML elements by using the "class" attribute followed by the class name, such as "class=my-class". This makes it easier to apply consistent styles across your website and to make changes to those styles by editing the class definition in your CSS stylesheet. Classes can also be used to target elements with JavaScript or jQuery, making it easier to manipulate their behavior and appearance. By using HTML classes, you can create a more flexible and maintainable website design.

Learn more about HTML Class

HTML JavaScript

HTML and JavaScript work together to create dynamic and interactive web pages. JavaScript is a programming language that can be embedded in HTML documents to add interactivity, animations, and other dynamic features. You can include JavaScript code in your HTML document using the <script> tag, either by including it directly in the HTML file or by referencing an external JavaScript file. JavaScript can interact with HTML elements, manipulate the DOM, and communicate with servers to dynamically update web content without requiring a page refresh. By using HTML and JavaScript together, you can create powerful and engaging web applications that run directly in the browser.

Learn more about HTML JavaScript

In conclusion

By utilizing advanced HTML tags and techniques, web developers can take their web design skills to the next level. From creating dynamic animations with the canvas element, to implementing responsive images and web components, these techniques allow for more interactive and user-friendly web experiences. Additionally, it is important to consider accessibility when designing web content, ensuring that all users can access and interact with the content. With these tools and techniques, web developers can create more engaging, accessible, and responsive web pages.

1 note · View note

cozypups · 1 year ago

Text

i super duper wish i could go back to when i was first learning html and css and asking my mom to take me to the library to get those html coding books that were from 2004 or something

#🐶#i fuckinggggg #it's like wanting to unlearn everything about a special interest just so you could learn it all over again #i love LEARNING #i will admit though there are a ton of stuff i'm still not good at with html and css lol.... the more advanced advanced stuff #BUT EVEN like.... media like shows or movies or games for the first time #like please #LIKE MY FAVORITE THING TO DO is like... find little basic simple teehee tutorials about css selectors and html tags etc. and just. read the #like i wanna collect html and css tutorial books and everything like resources #THIS is why my pinterest is an absolute treasure trove to me

4 notes · View notes

manonamora-if · 8 months ago

Text

The 100% Good Twine SugarCube Guide!

The 100% Good Twine SugarCube Guide is a coding guide for the SugarCube format of Twine. It is meant as an alternative to the SugarCube documentation, with further explanations, interactive examples, and organised by difficulty. The goal of this guide is to make the learning curve for new SugarCube user less steep, and provide a comprehensive and wide look over the format.

VIEW / DOWNLOAD THE GUIDE!!!!

The Guide is compartmentalised in (currently) four categories:

THE BASICS or the absolute basics to start with SugarCube. No need for extra knowledge. Just the base needed to make something.

THE BASICS + adding interactivity, and creating a fully rounded IF game May require a bit of CSS knowledge (formatting rules)

INTERMEDIATE MODE adding more customisation and complex code Will probably require some CSS knowledge, and maybe some JavaScript

ADVANCE USE the most complex macros and APIs Will surely require some JavaScript/jQuery knowledge

Note: The Advanced Use includes all the APIs, macros, and methods not covered by the previous categories. This includes code requiring very advance knowledge of JavaScript/jQuery to be used properly.

Each category explains many aspects of the format, tailored to a specific level of the user. More simpler explanations and examples are available in earlier chapters, compared to the later ones.

If something is unclear, you found a mistake, you would like more examples in the guide, or would like a feature covered, let me know!

The Guide currently covers all macros (as of SugarCube v.2.37.3), all functions and methods, and APIs. It touches upon the use of HTML, CSS, JavaScript and jQuery, when relevant. It also discusses aspects of accessibility.

The Guides also provides a list of further resources, for the different coding languages.

The Guide is available in a downloadable form for offline view:

HTML file that can be opened in Twine

.tw file that can be opened in Twine

source code, separating the chapters, .js and .css files

GITHUB REPO | RAISE AN ISSUE | TWINE RESOURCES TWEEGO | TEMPLATES | CSCRIPT 2 SG GUIDE

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas maintained in several different repositories (Twinery.org). Twine is also a registered trademark of the Interactive Fiction Technology Foundation.

SugarCube is a free (gratis and libre) coding format for Twine/Twee created and maintained by TME.

VIEW / DOWNLOAD THE GUIDE!!!!

As of this release (v2.0.0), it is up to date with the version 2.37.3. If you are looking for the guide covering SugarCube 2.36.1, you can find it on my GitHub.

Note: the Guide is now complete. There won't be further substantial updates.

#the 100% Good Twine SugarCube Guide #template #templates #guide #coding in twine #twine #coding #HTML #JavaScript #CSS #macros #interactive fiction #sugarcube #interactive games #k thanks. i don't need any more reminders that sugarcube update and that I NEED TO UPDATE MY RESOURCES #i KNOW #manonamora

493 notes · View notes

ayeforscotland · 10 months ago

Text

Ad | Some Humble Bundle Goodies

One for the audio engineers - The Audio Arcade bundle gives you a whole bunch of royalty-free music and SFX as well as plugins to insert in all the major game engines. Ambient tracks, environmental sounds, explosions, you name it.

Money raised goes towards Children's Miracle Network Hospitals.

For those who dabble in Virtual Reality, the Upload VR Showcase with Devolver Digital has a bunch of Serious Sam VR games as well as the Talos Principle, a really solid puzzle game.

Money raised goes to Special Effect which helps people with disabilities enjoy games via accessible controllers. I've seen the stuff they do and it's honestly great.

Want to get into programming but don't know where to start? The Learn to Program bundle has a tonne of resources covering everything from HTML and CSS through to Python, C# and Ruby.

Money raised goes towards Code.org which seeks to expand participation in computing science by helping women and students of colour.

The Future Tech Innovators Toolkit is a software bundle with courses on Robotics, Electronics and programming with Raspberry Pi and Arduino.

Money raised goes towards Alzheimers Research UK.

The Home How-To Guides bundle offers a complete set of books for home improvements and projects. Want to know more about plumbing, home repair, bathrooms, wiring or carpentry? This bundle has you covered.

Money raised goes to It Gets Better, a charity that supports LGBT Youth.

Want to pick up the latest Elden Ring DLC? It's also available on the Humble Store with the key being redeemable on Steam.

#ayeforscotland #Humble Bundle

105 notes · View notes

adz · 1 year ago

Note

hi! do you have any tips on learning to program or resources that helped you along the way? so far all i know is html css and a little bit of js but i want to work my way up to the c languages someday and its kinda daunting as a goal without going to uni v": thank you in advance for any advice!

You know more than I do!! I bet some of my followers are programmers tho, pls help this person out with resources c:

i do have the codepen site saved in my bookmarks, maybe it'll be useful to you? ive found some of the examples there helpful in the past!

71 notes · View notes

tanaka-drew · 19 days ago

Note

Hi, I was wondering if there are any updated tutorials on how to make themes? Also, if you publish this message, maybe some might suggest tutorials, base codes? Thank you, have a great one *hug*

hello hello nonny! sorry it took me days to reply but basically:

start with the tumblr documentation and familiarize yourself with the post blocks. then, you can choose base codes. the most updated ones are by eggdesign which are:

npf based template (this one supports new posts)

and this basic base one

if you opt to build your own, it is important that you have these scripts:

unnested captions by magnusthemes and neothm

npf fix by glenthemes

lightbox tutorial by shythemes

then, there's the designing parts:

google fonts for fonts of any kind

learn html x learn css by w3schools

phosphor icons. or you may browse glen's collection of icon fonts.

flex-box tutorial to make your designing easier

and on the advanced side, learn how to make anything responsive/mobile friendly

additional tutorials maybe found in w3schools and css-tricks.

idk if you'd like modals/popups but this is the tutorial that i use. and as for multiple tabs, i use this script too.

and shamelessly advertising my credits page because it's a masterpost of some sort that helped me with my coding journey

also just a tip, when coding anything, picture the lines that u input as a language of its own and picture how it wants to portray a div ^^

#reply #anonymous #hope this helps u nonny

13 notes · View notes

bunnydevs · 2 years ago

Text

Just in case you need to hear this:

It's okay to have to start over and try again.

At eighteen I learned java, html, css-- I was in an advanced online highschool program (that I paid for) with a 4.0 GPA. I worked 30-40 hours a week, was in the gym daily, had smoothies every morning and actively studied Korean. I was determined to rebuild my life and get on track.

And now, at twenty three, I am back to square one. My Korean skills are lackluster, I forgot everything I once knew about Java, and I couldn't afford to pay for highschool.

Instead of trying to rebuild everything in my life that crumbled in the years between, I am starting fresh. I am building something new and trying again.

It's okay to try again.

#filed under: bunnytalks #i dont always like to talk about why i've failed so much #but it's important for people to understand when they're looking at social media posts that #you may not have the same circumstances or privileges as that person on the screen #reminder #gentle reminder #codeblr #studyblr #study motivation

302 notes · View notes

red-viscountess-emika · 6 months ago

Text

a Tridaily Dose of Emika

(because of exams)

programming languages I use

I do programming, sometimes. I will list the languages I know, chronologically.

Scratch (when I was 10 or something)

Processing/weird combination of a Java library and a very shitty integrated code environment that comes with it, or whatever that word is. (when I was 14, maybe??)

Python (I dunno, used it for the first time at 16, I would guess)

C (when I was either 20 or 19)

HTML, CSS, Javascript (when I was 20??)

Haskell (when I was 20 (I am still 20))

So Scratch is just adorable, right??

Processing?? I dunno, it helped me learn the concepts????? It was really weird looking back at it. I feel like I was very shitty, but it had a library to make visual stuff easy, so it worked. I wouldn't know how to use actual Java, though, because classes were an advanced concept for me back then, and I forgot it since, and I don't ever use classes with the other languages I use.

Python sucks so bad, I hate it, but school coerces me into using it sometimes.....

C is my favourite, and the one I'm the best at. It's just very satisfying, I guess. I've been building a datastructure library lately.

HTML and CSS are kinda funny, Javascript sucks, but you need it I guess

Haskell is so cute, I love it, but I suck at it as of now. I had a month orso of using it and then went back to C, but I do plan to learn more of it later on :3 now, I will tell you more about these languages

Scratch is just some little kid who is throwing paint around (they are fine??? like they're a kid.... you can't judge them)

Processing is some friendly old white dude (he is fine)

Python is some 30-year old in lower upper management of some multinational who thinks very highly of himself and stuff (we hate him)

C is a 25-year old non-binary cool person (we like them)

HTML is not a person

CSS is not a person either

Javascript, we don't know enough to tell, and with we, we mean I

Haskell is a 16 or 17 year old alt girl (we like her)

#programming #scratch #processing #python #c #html #css #javascript #haskell #determining the personalities of programming languages

12 notes · View notes

help-an-alter · 3 months ago

Note

we, as a system, need some help. we've been blurry a lot lately and need a way to front trigger the guys with their shit more together (/silly)

i was thinking that maybe i could describe the alters briefly and get some ideas for stuff they might enjoy doing that could trigger them to front as well. i guess like. comforts for them so they can get up in front? anyways ill write short stuff abt them and feel free to just skip whoever you cant think of anything for!!

Miki (he/it): introject but source irrelevant. alien sent to earth to scope if it's liveable. loves space related stuff in general, and bouncy, silly music.

Jotaro (he/him): introject of jotaro kujo, from part 3 and 4 of jjba. source connecting relatively high. ageslider (17-30ish) with a passion for marine life. can seem cold and uninterested but does really enjoy taking to people. sometimes hearing his name makes him front. technically a physical pain handler

Y (she/her): optimist alter and fun haver. she loves 2000s webcore stuff and decorating simplyplurals. pink thing. loves cutesy stuff and daydreaming

thats it for now tbh these are our most responsible guys.. uh. sorry for the long ask, and thanks in advance for the help!

I’ll do my best!

Miki - bubbles, kinetic sand, lego building, nature observing/journaling, people watching, outfits with chrome details, face painting

Jotaro - aquarium visits, watching source media (maybe with friends?), paper models of marine life (you can also use these as decor!)

Y - learn to code html/css and build a personal website (here is a good tutorial to start with!!), if that’s a bit too much to do you can also try out strawpage. try out nicher computer programs (ukagakas might be fun?), play childhood games

Hope these help! Sorry for the long wait :(!

- mod lei

7 notes · View notes

ouhmouda · 6 days ago

Text

Tips for New Web Developers: Building a Strong Foundation

As a beginner in web development, it's important to focus on the fundamentals before diving into complex projects. Here are a few key tips to help you build a strong foundation:

Learn HTML & CSS: These are the building blocks of web development. Mastering them will allow you to create basic, functional websites.

Understand JavaScript: This language brings your websites to life by enabling interactivity. Start small and work your way up to more advanced concepts.

Responsive Design: Ensure your website looks great on all devices by learning responsive web design principles. Mobile-first design is crucial today.

Version Control (Git): Use Git for tracking changes to your code and collaborating with others. GitHub is a great platform to showcase your projects.

Focus on Clean Code: Write clean, readable code that is easy to maintain. It’ll help you and your future collaborators down the line.

Remember, the journey may be challenging, but with consistency and practice, you’ll become proficient and confident in web development. Keep coding! 🚀

#design #etsy #html #technology #website #web design #web developers #web development #html css #html5 #htmltemplate #htmlcoding #frontenddevelopment #code

4 notes · View notes

oneictskills · 2 months ago

Text

ICT Skills | An Online Live IT Training

ICT skills gives Live Online IT Training with job-oriented computer courses in India, We provide online programming certificate courses like Python, Java, Kotlin, C language, C plus plus, We serve online live full-stack Web Development Project Training programme such as Full stack framework based training with Django, Laravel, WordPress, PHP, Java, Node js, React JS, Mongo DB, Express js and as per student requirement, We (ictskills.in) give training on various field like online live UI-UX Design, Digital Marketing, Graphic Design, Web Design with essential tools HTML, CSS, SASS, Photoshop, illustrator, Canva, Figma, Indesign, Javascript with ES6, CorelDraw, Publisher, ICT gives live classes for basic to advanced skills in Word, Excel, Powerpoint, English, Hindi, Gujarati typing and as per school or college computer subject syllabus training in INDIA and World-Wide, We are teaching with Gujarati, Hindi, English language.

ICT Skills delivered training by a live instructor, in real-time. Virtually is training the student receives or accesses over the internet rather than being physically in the classroom with the instructor, We give Government authorized certificate to student. We conducted IT courses via the Internet. We are generally conducted through a learning management system, in which students can view their course syllabus and interact with instructor.

Enroll for Best Online IT Training | ICT Skills India

Contact Details: Ahmedabad, India Call: 09499569596 E-mail: [email protected] Website: www.ictskills.in Instagram Id: @oneictskills

#ictskillsin #oneictskills #ictskills #ict #institute #computer #ittraining #courses #india #ahmedabad #gujarati #hindi #english #liveclass #class #onlineclasses #stayhome #onlineclass #cbseclass #live #onlinecoaching #engineering #cbse #icse #designing #school #college #professional #ictweb #ict_ahmedabad

#computer science #online classes #hindi #liveclass #it training institute #coding #marketing #software training institute #career development #India #online #oneictskills #ict skills

3 notes · View notes

webtutorsblog · 2 years ago

Text

Advanced HTML Tutorial: Online Tutorial for Web Designing

Are you interested in taking your web development skills to the next level? Look no further than WebTutor! Our advanced HTML tutorial is the perfect resource for those who want tolearn advanced HTML and CSS.

Before you start, you may be wondering what you need to begin learning HTML and CSS. Our tutorial covers the essentials, including the software and hardware requirements for effective web development.

At WebTutor, we believe that learning should be accessible to everyone. That's why we've compiled a list of the best HTML and CSS tutorials available online. Whether you're just starting out or you're looking to improve your skills, these resources are a great place to start.

Our advanced HTML tutorial covers a wide range of topics, including advanced HTML elements, CSS layout techniques, and more. You'll learn how to create responsive designs, optimize images for the web, and use advanced CSS selectors to style your pages.

In addition to our tutorial, we recommend using online web tutorials to supplement your learning. These tutorials offer a wealth of information and can help you stay up-to-date with the latest web development trends and best practices.

Learning to code can be overwhelming at times. That is why it's important to have a support system in place. Our tutorial will teach you how to find support when you need it, whether it's through online communities or in-person meetups.

So what are you waiting for? Sign up for WebTutor advanced HTML tutorial today and take the first step towards becoming a skilled web developer! In conclusion, by utilizing advanced HTML tags and techniques, web developers can take their web design skills to the next level. From creating dynamic animations with the canvas element, to implementing responsive images and web components, these techniques allow for more interactive and user-friendly web experiences. Additionally, it is important to consider accessibility when designing web content, ensuring that all users can access and interact with the content. With these tools and techniques, web developers can create more engaging, accessible, and responsive web pages.

1 note · View note

fujowebdev · 1 year ago

Text

Kickstarter Update + Monday's Stream

We just published our new Kickstarter update, outlining our new year work plans for Volume 0 of "The Fujoshi Guide to Web Development" (Git & GitHub).

We also announced our next stream: add a contact form to your website, and send those messages to your Discord server!

In this stream, we’ll recap what we learned about forms during December, and start diving into the fascinating–and very useful!–world of webhooks. We’ll also work on writing down an article with some of the “forms know-how”, so our work can be useful beyond the video format.

We’re also trialing two new labels for streams:

Beginners Friendly: streams that tackle concepts that should be accessible (albeit maybe a bit of a skills-stretch) to people with beginner webdev knowledge.

Beginners Welcome: streams that tackle advanced concepts/work that is beyond the reach of most beginners. However, beginners are still welcome to attend, absorb new knowledge, and ask questions as we go!

This next stream will be Beginners Friendly! We'll assume some familiarity with Static Site Generation and HTML/CSS, but we'll be happy to answer questions as needed and help everyone get up to speed.

See you tomorrow, Monday January 8th at 3PM PST on Twitch!

#fujoguide #web development #codeblr #learn to code

29 notes · View notes

cs-med-world-insights · 11 months 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.

9 notes · View notes

theplayer-io · 2 months ago

Text

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

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

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

HTML and CSS basics below!!

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

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

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

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

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

<html>

<head>

</head>

<body>

</body>

</html>

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

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

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

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

In your HTML file, it would say:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

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

</body>

</html>

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

In your CSS file, it should say...

h1 {

color: red;

}

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

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

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

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

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

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

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

<html>

<head>

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

</head>

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

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

</body>

</html>

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

h1 {

color: dark blue;

}

h3 {

color: orange;

}

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

-ava

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

2 notes · View notes

blindrapture · 4 months ago

Text

the sixth one took a lot more faff to get to look right. I remember being quite meticulous with the aesthetics in the original blog. porting it to HTML and CSS was pesky. had to remember how to do custom fonts. but hey, here it is, in crisp mobile-friendly Website form.

number 6 came a few years after the previous ones. we're in 2019 now. this was maybe halfway through the Weed Years for me. I'd wiped my brain clean a lot more times by then, and I was clinging onto the books of James Joyce like they were a life-raft. but these two avenues of my life produced an unexpected conflict.

I had to go somewhere to get ahold of weed, right? and I had to spend some time there, with other people. the situation that was available to me was.. functional, but did not quite mesh. I ended up having to meet a lot of people through that, some of whom were an actual physical danger to me (but that doesn't happen until later). but even with the friendliest of those people, we had very different interests. he was somewhat younger than me, and he could handle his weed a lot better than I could. like, this is something I've had to learn about myself: when I take weed, I pretty much immediately go non-verbal. I needed something to focus my thoughts on. and naturally I'd come to bring Finnegans Wake with me so I could read it while other people played, like... car racing video games, or watched darts on TV, or listened to 80s british live guitar music on youtube (ugh...). I had grown to view this as peaceful, even polite! I could still be around, and if they asked me a question I would answer, but I would otherwise quietly read my book and let my brain process its shit.

I much preferred being high at home, in my room. and I did plenty of that, but when I had to get more of the stuff, I had to do a social call. and this was just the routine that developed. there's other factors that went into this, and I don't want to give a blow-by-blow of this rather seedy time in my life.

anyway, over the years this routine wore thin too. people want me to talk. sometimes I want to talk, or to do something, anything. and the whole routine was itself just a masking-over of an actual gulf: I did not.. have much in common with the people I'd encounter. I've had a different kind of life, and it had led me to withdraw and need to take care of myself.

god I'm still rambling.

there's a part of composition no. 6 that I'll quote directly.

When people see me reading a James Joyce book, I feel like a mummified fossil decomposing in the sun. Each page is another scrap of linen fluttering under the eyes of an observer, the words those personalized funerary spells covering the cadaver, making him an Osiris just like me. Preserver of a corpse, that's how I look compared to the man six feet away playing Soul Calibur II.

that's where I was when I made this blog. I was still rotting away, just as I had been a few years prior, only the rot was advancing, and I was mummifying myself in old books. I could engage in more modern, or social, things. I can play video games! but I was around people who had very different interests than me. (I did play a lot of Soul Calibur II with him in those days! I was much worse at it, but I gave it my all, I learned some tactics, I learned what characters I was good at. we'd do tournaments. sometimes I even managed to win. in hindsight, the Soul Calibur II days were alright. the chess days were when things turned sour.)

the next line is also important.

No one mocks me but I, and only in the eye.

I did feel mocked. I couldn't really be sure, but. I mean, I did reach out, I did try the things other people wanted me to try. and I tried to talk about what I was reading, I tried to involve others in my interests too, but that never worked.

that.. is a point of contention too. it's a two-way street. I did try, and I'd get shot down.

but I could never really be certain it was out of mockery. and an important part of coming out of your shell is coming to terms with mockery, or the lack thereof. and definitely coming to terms with the ambiguity of a social situation. if you aren't certain things are going bad, then it might just be anxiety.

and while I've mentioned that things turned physically dangerous later, that wasn't because of any of the people I was involved with here. they did actually enjoy having me around. it just was awkward for all of us, as none of us were really in the place in our lives we'd wanted to be. we were bonding at mutual rock bottoms.

anyway (x2).

composition no. 6 is defined by fiction. the background, the only conventionally visual element in the piece, is the title page of William Blake's The Marriage of Heaven and Hell. that's a hell of a book, honestly might be my all-time favorite of Blake's. it's a heretical spin on the teachings of organized christianity-- in the Marriage, Satan is the good one, God the Father is the bad one, angels are misguided, demons are wise and creative. and there's a metaphysical system to back this up. (it's not that God is evil, or that angels are bad. it's that God is Order, and angels find joy in order. but Order systematizes the living, refining life into restrictive nubs, dividing the world into borders and ruled lines. Satan's rebellion came about because he believed in the creative fire, the freeform freedom of the "poetic genius," which sounds incredibly pretentious but it's just two archaic words. "poetic" as in "creative," "genius" is an older way of saying "drive." your genius is your drive, the fire leading your thoughts.) I found this remarkably interesting, I took inspiration from it. when we at Blind Man's Book released the comically epic Summer Sucks in 2020, it included a piece of fiction that I'd written which was heavily based on Blake's metaphysics; it was basically a retelling of Urizen and Los creating the world (that's Reason and Creativity, analogous to God and Satan).

so. so this headspace I was in, that led to composition no. 6, it evidently did lead to creative fruit. things I'm extremely proud of! crystallizations of these things my brain was processing. I think these later compositions were me trying to process where all this density fit into my own life, directly. and as such, there's also references in 6 to the stories I had written by then!

here, let me break down the "Song of Shade" for you.

it's a song with three verses and three choruses. each verse is rooted in a different Fear from the Fear Mythos, and equally, each verse references a different story I'd made, and each verse reckons with the stresses that I'd found hardest to process at different parts of my life.

first is EAT, my early blogs (Jordan Eats, Genera, Early Rapture) focusing on EAT, and the drives that led me to blogging in the first place. I called my blogs at this point "Fearblogs."

EAT sings to me in my solitude as I recover from a drug habit. Fear is not her name but a misplaced epithet, O it and her but never she, otherwise known as our dear sweet mother Earth, daughter of our creations in her metaphysic, only audience for our great masturbatory Human race. What is a Fearblog but an ode to an essence we cannot speak? Smoldering. I miss talks and bardic jocks; I miss news and friendly reviews.

second is the Dying Man, the blogs I made as I became an adult (Dekan = PLAN 31, underscore and Mum and Sampo and Totality = Later Rapture, series of cenotaphs = Viceking's Graab and experimental blogs), the changing and possibly fading of my creative output. I called my blogs at this point "Deadblogs."

The Dying Man latched onto my habits long ago and forbid me from creation. That light is now absent which once could have powered a city named Dekan, a conspiracy called underscore, a planet dubbed Mum, a void of space named the Sampo, a place called the Totality. Replaced it did a darkness deep which I used to guide my hand in sculpting a series of cenotaphs of sizes varied. What is a deadblog but a tomb for something not there? Smothering. I miss dreams and productive schemes; I miss wings and eyeless things.

third is the Cold Boy, and the more musical focus which replaced my fiction (and at that point in my life felt like it would completely replace any drive to create text works). the Cold Boy is a Fear I had almost never written with, and in my isolation in the Weed Years, I was growing fixated on him as an unexpected force in my life. also present in this stanza are references to Finnegans Wake, and to Rapture's Sleepville, which was another instance of me finding the concepts I'd write about would become prophetic for me.

The Cold Boy will, ah he will, I know he well, visit our patch of grass. He's coming around the bend we call our Aire, sailing on a dinghy asearch for a friend he'll deem an heir, yes an endless business, yes that's all there is, yes. He'll play any game you want him to, he'll cover you in blankets and usher you into your hole, the angel to your devil, the contrast to your color, he'll play any game you want him to, and you'll wake up in a place called Sleepville. What is a song but an arrangement of intervals webbing senses into someone else's patterns? A thoughtless cry for help.

and that's the Song of Shade. named for Shade, the protagonist of my very long fanfic DCA, the one I made as a little kid.

I've basically talked in depth about the two biggest posts in 6 so far. I'd may as well talk about one more post.

"entropy as catalyst for the transubstantiation of joy into absence"

first, that title. definitely the result of my more scholarly research into Joyce. of course it's not nonsense. I'm calling entropy the catalyst that turns Joy into Absence. "transubstantiation" is the Jesus thing, and it's metaphor. Jesus's body is metaphorically the crackers, his blood metaphorically the wine. there had been historical schisms over this, but the metaphor argument is sorta where history landed, and it's sorta what led to the 'transubstantiation' of theology into Art. the techniques we have for studying Art today have their root in how people studied the Holy Texts, so in a way we can say that religion became art, maybe as sort of a child/descendant relationship. art is the child of religion. it's doing its own thing, of course, going its own ways, as children are wont to do. but religion was our past. I thought a lot about lineage in those days.

joy into absence. that's a really sad subject, and I probably wanted to acknowledge its hold over me without dwelling on it, so I made sure to word it in this clinical scholarly way.

the contents of that post are.. more directly addressing the sadness. it's where I have clarity and respond to my own fear from earlier in the blog. I had feared that Joyce had led me down a cul-de-sac, that no one could relate to me anymore, that I was a mummy. but here I respond that there are people in my life I am spiritually quite close to. my obstacle was physical distance.

honestly that's still been a struggle for me. (do you know how crazy it is that I met ellie? my current girlfriend? I met her here on tumblr. we were tumblr friends. and then it turned out we live, like, a city away from each other. sheer coincidence enabled me to finally fight against the specter of physical distance. obviously in 2019, at the writing of 6, this was not yet true, and it'd be another few years at least.) by that point in my life, it felt like the true source of the rot at the core of my brain. thousands of miles away from my hometown, my schools, my childhood friends, my memories. and at the other side of the country from Cornwall, where I'd made a new circle of friends. it was the recurring banshee in my life. it still upsets me to think about! really a sore point for me!

but. I really like how that post ends. and I think I might end this ramble by quoting it.

That banshee that outlasts every reckoning, the first and last obstacle for the living, more resilient than death and broader than time: Physical distance.

composition no. 6 was less traditionally "visual," a rebellion against the depression that came with the traditional "comic" style of 5, a pointed attempt to make the "visual object" of a.. text! text, which I was comfortable with and had found meaning in.

text. it can be poetry. it can be prose. it always looks pretty. I really like thinking of formatting, spacing, margins, the structure of a text or the structure of a Website. headers and footers! sidebars or lack thereof. it's all boxes to house the text, and the text itself is so pretty to look at. reading is fun. reading is a joy. it may feel like a dead-end joy sometimes, but that's just circumstance. you gotta keep going. you gotta keep making what drives you. you gotta follow your drive.

I made poetry in blogs. I made blogs because I still wanted to make Websites, and blogs were an easier (if more restrictive) way to make Websites. and now I get to make a real Website. and, in the songs we publish, I get to write poetry too!

I carry my memories with me. I don't want to wipe my brain anymore. my past may be physically very far away from me, but I carry it with me. and it spills out into my creations, interacting with the formatting and making shapes and colors in my head.

this is my way of staying human.

see you next time! still got two more to go through.

EDIT:

oh. wasn't actually done rambling. well!

so the first four compositions had their post orders "reversed" for the Website release. the reasoning for this was explained in a previous ramble.

5 has the same post order on Blogger and on Website, because even on Blogger I had intended it to be read from top-to-bottom and had posted it backwards to force it to read that way. this was for the purpose of making a conventional "comic."

6 also has the same post order on Blogger and on Website. I had intended this text to be read from top-to-bottom even on Blogger and had thus written the blog "backwards." while I did consider reversing the order for the Website, as it still reads interesting that way, I realized that there are direct connections in the posts that imply a linear "order."

finally, if you're wondering what the text "Space wields Time" means!!! I mean, it means something! it's philosophical, it's in the line of William Blake and Finnegans Wake. I think it's something like a poetic rendering of the harm that physical distance causes. space wields time as a weapon. but I think there's more to it than just physical distance. I think it did actually have a lot of thought put into it. I just can't remember it all right now. but it's poetry, you can interpret it and keep interpreting it. I sure do.

#my art #my work

3 notes · View notes