Dear Staff, HTML Code guide (mostly)

[HarleyQuip]

Hello again! I would like to post an html guide here but it links to an external website, please advise if this is okay or not. I did not create the content but I have taken the time to organize it so that anyone can read the description of each link and decide what they are in need of.  @The Dark Wizard @Kaerri @welian @Fyuri @Musician

 

[The Dark Wizard]

Hello again! I would like to post an html guide here but it links to an external website, please advise if this is okay or not. I did not create the content but I have taken the time to organize it so that anyone can read the description of each link and decide what they are in need of.  @The Dark Wizard @Kaerri @welian @Fyuri @Musician

That is fine

 

[HarleyQuip]

That is fine

Alright I will post it with my next reply if you find it to be helpful enough please consider pinning, thank you!

 

[HarleyQuip]

Alright so here is a comprehensive list of different html codes to understand the "basics". I've put together a list of the ones I thought were important enough to cover for roleplay purposes but don't let that stop you from exploring further if you so desire. I am in no way an html expert, or even novice but even I can understand what these are explaining. You will note that each page has a "try it yourself" button that will show you how the code is executed and will also provide you with an html tester so you can try out your own code.

You will also notice that the complexity of code get's harder and harder as this list goes on but learning the other elements will greatly increase the quality of your creations.
 

1. First up is covering Html Headings, paragraphs, links, and images. Most of this can be done with the convenience of the text editing buttons here on RpN, but is good to know and understand in the case that you are trying to develop more complex templates/forms.
   Click Here
    
   
2. This next link will provide insight to "Attributes" basically this is when you hover over an object, text, or file and it gives you additional information on the item your cursor is on:
   Click Here
    
   
3. Talking about headers once again but more in depth:
   Click Here
    
   
4. Paragraphs again, more detailed:
   Click Here
    
   
5. This one is all about text, background colors, font families, the good stuff:
   Click Here
    
   
6. Next up is the smaller details. The formatting of your text:
   Click Here
    
   
7. (Not sure if this is supported on this site) How to put notes into the code you write without having it show up in the actual post:
   Click Here
    
   
8. This will teach you about the different types of color codes html supports (Hex is what I find to be the easiest):
   Click Here
    
   
9. (Advanced users who understand CSS) This will cover some of the cool things you can do with CSS: 
   Click Here
    
   
10. HTML Links again, but more in depth:
    Click Here
     
    
11. Everything image related, including your favorite; image floating, width height, etc.:
    Click Here
     
    
12. Time to create tables:
    Click Here
     
    
13. Information on how to create lists:
    Click Here
     
    
14. Blocks this will teach you about inline and block-level elements (another example of background color with text inside the formatting):
    Click Here
     
    
15. Do you want to have more than one div with the same name? This will teach you how to do that:
    Click Here
     
    
16. This is another great one to try out for yourself and get to understand (I don't have a complete understanding of this but I like it enough to include and learn after I get to 500 posts) this will teach you more about the layout of your posts/formatting/html. This will help you make your roleplay projects even prettier:
    Click Here
     
    
17. (Advanced users) More CSS but pulls more from what you've learned into an organized fashion:
    Click Here
    

I will say this again but these links provided are meant to cover the basics(possibly more with CSS). There is so much more in the realms of html that are very important for web design but... most of what the html will be used for is roleplay projects and posts so I have put all the links I personally feel would be commonly used by the community here at RpN. I am in no way shape, size, or form an HTML "Aficionado". Most of the questions you might have about these links I will be unable to answer until I have more experience using them.
 


That's it for now, and remember to have fun! If you get frustrated and can't figure something out take a breath, step back and come back to it. I'm sure there are also staff members who have extensive html knowledge and would be happy to help. I will update this topic if I become more skilled and proficient enough to handle technical support inquiries. Thanks for taking the time to read


@The Dark Wizard (I hope everything works correctly, let me know if any of the links are broken)

 

[IctoraPost]

@HarleyQuip


Great guide! You should put this in the Tutorial section so that it won't just fall into obscurity.

 

[HarleyQuip]

@HarleyQuip


Great guide! You should put this in the Tutorial section so that it won't just fall into obscurity.

will do!  thanks for looking out for the community

 

[slim]

Thanks for this!!

 

[ewolf20]

thanks

 

[HarleyQuip]

Thanks for this!!

thanks

Of course! I actually searched for something like this when I first joined this site but only found a fragment of possibilities. Goodluck to you two if you want me to check out your future projects just tag me I'd love to take a look