Shop More Submit  Join Login
×




Details

Submitted on
September 25, 2011
Image Size
281 KB
Resolution
800×800
Link
Thumb
Embed

Stats

Views
737
Favourites
24 (who?)
Comments
27
Downloads
19
×
PGA: Tech Studies 02. by Aonyx PGA: Tech Studies 02. by Aonyx

Tech Studies 02: HTML


Sup kiddos! It's time again for another assignment. I bet you didn't know I spoke two languages... English and Hypertext Markup Language. *laughs at his own joke* This time, we'll be learning the basics of HTML. HTML is one of the many ways to edit websites and such. All of these work on Deviantart, except for the paragraph marker... since we just use the Enter button anyway!

All HTML that edits texts begins and ends with brackets. These are brackets: < >. Keep this in mind.

There is bold text.
Italic text.
Underlining.
Strike through.
And uperscript and subscript, that look like the small font you see before you!

For all of these, you will use this formula without the spaces between the brackets:
< b >YOUR TEXT HERE</ b>
< i >YOUR TEXT HERE</ i>
< strike >YOUR TEXT HERE</ strike>... etc!

For the HTML on the right side, it's a little more complicated.
The first is how you link to a different website.
For example, here is a link to the last assignment.
To use this, use the code (without spaces):
< a href= " LINK ">YOUR TEXT HERE</ a>
Replace the word LINK with the URL to the site you wish to link to!

< img src= "IMGLINK">
This one is a little tricky. To find an image link, right click the picture. You may need to go to "Properties" if you are using Internet Explore. Copy the URL (also know as the address) and place it where it says "IMGLINK".

To center your text, use the code:
< div align ="center">THE TEXT YOU WANT CENTERED.</ div>
And finally, to make a heading, which is very large text, use the code:
< h1 > HEADING < /h1>

That's about it! Remember to remove the spaces in the codes, except for the space between "img src" and "a href".


Your Assignment


Draw yourself as a person from a fairy tail or nursery rhyme, such as Robin Hood. Make it look very tech-y! Then, in the description, write a paragraph about the fairy tail or nursery rhyme. Use at least eight of the different HTML codes to put emphasis on the story or song. If you have any questions, feel free to comment!



That's in munchkins! Get to work!
Goddamn, I accidentally put this in Stationarmy. Sorry!

:iconpokegijinkaacademy:
Add a Comment:
 
:iconxxunovianxx:
xXunovianXx Featured By Owner Jun 4, 2013  Hobbyist Digital Artist
<divalign="center">I can't center my text even when I delete the spaces :P.
Reply
:iconaonyx:
Aonyx Featured By Owner Jun 8, 2013
div and align are supposed to have a space between them. also, it doesn't work with comments, only journals and dev descriptions
Reply
:iconxxunovianxx:
xXunovianXx Featured By Owner Jun 9, 2013  Hobbyist Digital Artist
I know it's doesn't work for comments... just wanted to show you if I did anything wrong. Anyways, thanks! :)
Reply
:iconamynsallyfan:
AmynSallyfan Featured By Owner Nov 28, 2012  Student Digital Artist
<ahref="[link]">This was even more helpful but yours is also helpful too.
Reply
:iconaonyx:
Aonyx Featured By Owner Nov 30, 2012
i dont care
Reply
:iconamynsallyfan:
AmynSallyfan Featured By Owner Nov 27, 2012  Student Digital Artist
<h1>AWESOME</h1>
Reply
:iconamynsallyfan:
AmynSallyfan Featured By Owner Nov 27, 2012  Student Digital Artist
THANKYOU
Reply
:iconblack-chouji:
BLACK-CHOUJI Featured By Owner Oct 24, 2011  Hobbyist General Artist
Klink:

"Is it okay if I put my code on a separate page. I couldn't get some of it to work in the description box...

Here is my report: [link]

and this is my picture for it: [link]"
Reply
:iconaonyx:
Aonyx Featured By Owner Oct 25, 2011
I'm sorry, I'm not longer part of PGA. ><;;
Reply
:iconblack-chouji:
BLACK-CHOUJI Featured By Owner Oct 25, 2011  Hobbyist General Artist
its ok im sorry to bug you
Reply
Add a Comment: