HOME | DD

SanguineEpitaph — HTML Tutorial 1.0 by-nc-nd

Published: 2010-09-17 14:15:01 +0000 UTC; Views: 11601; Favourites: 466; Downloads: 243
Redirect to original
Description So, I just finished this tutorial on (X)HTML for anyone who wants to learn. I cover , , some CSS stuff, attributes, and MORE!

Comments and suggestions welcome. Just leave a comment.

If you use this document, fave it or leave a comment! I want to see what you make if you use this to do it.


PS I'll probably edit it over time.

For use with my CSS tutorial:
Related content
Comments: 112

Nature-essence In reply to ??? [2017-12-16 17:56:57 +0000 UTC]

you have to hit the download button first, I made the same mistake

👍: 0 ⏩: 0

hilliurn [2015-05-19 04:22:10 +0000 UTC]

Hi there, look, I've already made an HTMl file, the problem is to submit it here, do you have any idea how?

👍: 0 ⏩: 0

MiloPanda [2015-02-17 22:23:31 +0000 UTC]

Ok I am guessing this isn't for people that have never even seen coding X3
Is there another way to explain??

👍: 0 ⏩: 0

MadelynKitten [2014-09-17 23:30:36 +0000 UTC]

Oh god. I'll try to read this but my brain just automatically goes "NOPE" ;3;

👍: 0 ⏩: 1

yvgen In reply to MadelynKitten [2016-05-09 08:32:16 +0000 UTC]

same

👍: 0 ⏩: 0

Icy-Roulette [2014-06-10 09:07:59 +0000 UTC]

It's 3AM, I don't have time to read this now. I'll favorite it, and read later. c: 

👍: 0 ⏩: 0

Pan-cakuu [2014-06-07 16:36:53 +0000 UTC]

>e< HEADACHES!!'

👍: 0 ⏩: 0

ZypherH [2012-12-27 09:04:55 +0000 UTC]

That was very helpful! I do have one question (and I googled it first, but didn't get any helpful answers), I used the image code but nothing seems to be working (triple checked it too).
The link I used was: [link]

Any help would be greatly appreciated! Thank you for the tutorial

👍: 0 ⏩: 1

SanguineEpitaph In reply to ZypherH [2012-12-27 15:13:06 +0000 UTC]

I'm not really sure to be honest, but if you could show me the code I would be more than happy to try and solve the issue.

👍: 0 ⏩: 1

ZypherH In reply to SanguineEpitaph [2012-12-27 22:13:34 +0000 UTC]

[link] " alt="Hello" title="Coyote">

👍: 0 ⏩: 1

SanguineEpitaph In reply to ZypherH [2012-12-27 23:45:24 +0000 UTC]

Try adding a / before the >

👍: 0 ⏩: 1

ZypherH In reply to SanguineEpitaph [2012-12-28 00:21:51 +0000 UTC]

Hmm...doesn't seem to work. Let me upload a picture of this real quick. I'll tag you in it.

👍: 0 ⏩: 1

SanguineEpitaph In reply to ZypherH [2012-12-28 07:32:54 +0000 UTC]

Okay!

👍: 0 ⏩: 1

ZypherH In reply to SanguineEpitaph [2012-12-28 08:02:12 +0000 UTC]

Done! ^_^
It's in my scraps.

👍: 0 ⏩: 1

SanguineEpitaph In reply to ZypherH [2012-12-28 17:40:01 +0000 UTC]

Wow!I honestly don't know why it isn't showing up. Your code appears to be all right and I haven't ever seen this before. the only thing I can think of is that the file is stored on your computer and the image is online. Still, I dunno why that would be... maybe try saving the image to the same folder as the html file as "coyote.jpg" and then replace the long url in your html with just the name of the image.

👍: 0 ⏩: 1

ZypherH In reply to SanguineEpitaph [2013-01-13 12:37:55 +0000 UTC]

Sorry for the very late reply! I tried it, no luck :\ I'll keep looking around google and trying things, it might just be firefox or my computer.

👍: 0 ⏩: 0

x-RainFlame-x [2012-10-29 01:00:55 +0000 UTC]

Thank you for taking the time to make this! It's sad that I have minor interest in coding, but am borderline incompetent when it comes to such things haha XD You've shed some light on the subject, so thank you!

👍: 0 ⏩: 0

SweetLittleSmiles [2012-08-29 18:14:21 +0000 UTC]

I just read through your whole tutorial, this is very helpful!! I just have a couple questions... What do you mean by < b >, < u > and < i > tags are deprecated? And is CSS used with HTML? Like if I'm going to write a code and I want to use both CSS and HTML together, can I use their codes alongside each other?

👍: 0 ⏩: 1

SanguineEpitaph In reply to SweetLittleSmiles [2012-09-01 03:53:21 +0000 UTC]

I am glad to be helpful! Thanks for using my tutorial.

In the tutorial, that is actually incorrect (I wrote this a few years ago when I didn't know as much about HTML as I do now). Those tags are not deprecated, so you can ignore that. It would have meant that their use is discouraged because they're old/wrong/inefficient (such as the tag <font></font>, which is deprecated). Basically it's obsolete and unnecessary and what it does can be accomplished by CSS/another tag.

HTML is like building a person (a man, let's say), and CSS is like giving your newly created man some clothes. CSS is the stuff that makes HTML pretty, colorful, formatted, and consistent. HTML is only for showing data (like text, images, etc.) on a page, CSS is for making it look nice.

If you code a website you definitely need CSS and HTML, and they do work together. However, HTML and CSS should not really be written in the same document -- you need an HTML document (for your home page or something) and a CSS document (which is separate, but might be called mainCSS.css if it's to style the pages of your website). I hope that's not confusing! I have a CSS tutorial available if you're interested: [link]

Hope this helps!

👍: 0 ⏩: 1

SweetLittleSmiles In reply to SanguineEpitaph [2012-09-03 16:45:49 +0000 UTC]

Okay, thank you very much! Um, since you offered to answer questions on your page, I was wondering if you could teach me a bit about making journal skins, if you know how? I've been making custom box backgrounds stuffs lately and I've been thinking about taking it to another step and starting to make journal skins!

👍: 0 ⏩: 1

SanguineEpitaph In reply to SweetLittleSmiles [2012-11-08 02:58:36 +0000 UTC]

Sorry for the long delay in responding! I can't go into details about the skin structure because it will take a very long time! But I can direct you to `ginkgografix 's gallery. She has a multitude of resources about skin structure and how to access certain parts of the skin with CSS. Hope this helps!

👍: 0 ⏩: 0

Starkke [2012-07-24 19:50:32 +0000 UTC]

I can't use hyperlinks for some reason :/ they keep going to the page of the picture I'm using... Do I need to use only Text? or is there another way for me to use photos as the hyperlink? should I use ?

👍: 0 ⏩: 1

SanguineEpitaph In reply to Starkke [2012-07-29 16:59:51 +0000 UTC]

You should use <a href="url you want them to go to"><img src="image's url" /></a>

Hope that helps!

👍: 0 ⏩: 1

Starkke In reply to SanguineEpitaph [2012-07-29 17:52:07 +0000 UTC]

Thank you!! <3

👍: 0 ⏩: 0

Starkke [2012-07-23 17:27:31 +0000 UTC]

This really helped me! I've been wanting to learn basic coding for a while, and this made it really easy!

👍: 0 ⏩: 1

SanguineEpitaph In reply to Starkke [2012-07-29 16:58:39 +0000 UTC]

Glad to hear that!

👍: 0 ⏩: 0

PastelAlpacas [2012-07-12 17:21:58 +0000 UTC]

I am still condused with the code 2 put the pic on.

👍: 0 ⏩: 0

Zedna7 [2012-06-13 00:47:21 +0000 UTC]

Thanks for sharing. Not sure when I'll use it, but I've always wanted to learn CSS codes better ^^

👍: 0 ⏩: 1

SanguineEpitaph In reply to Zedna7 [2012-06-14 16:45:06 +0000 UTC]

No problem, glad you like it!

👍: 0 ⏩: 0

Sugaree-33 [2012-06-12 12:25:57 +0000 UTC]

👍: 0 ⏩: 0

Droidigan [2012-05-22 17:02:17 +0000 UTC]

Hey eh, can I like put pictures on the background too so I can type over them? Sorry if I ask so much XD;;

👍: 0 ⏩: 1

SanguineEpitaph In reply to Droidigan [2012-05-22 17:05:05 +0000 UTC]

To do that you need to use CSS. I have a tutorial for that too.

👍: 0 ⏩: 0

RusPatriot [2012-05-22 07:53:53 +0000 UTC]

Good job thx for this tutorial

👍: 0 ⏩: 1

SanguineEpitaph In reply to RusPatriot [2012-05-22 16:25:20 +0000 UTC]

No problem, I'm glad you like it!

👍: 0 ⏩: 0

Droidigan [2012-05-21 18:59:22 +0000 UTC]

I. Really. Suck.
Oh god the only thing that worked with me is make the pic show :C

👍: 0 ⏩: 1

SanguineEpitaph In reply to Droidigan [2012-05-22 16:25:35 +0000 UTC]

If you have any specific questions I'd be happy to try and help!

👍: 0 ⏩: 1

Droidigan In reply to SanguineEpitaph [2012-05-22 16:43:10 +0000 UTC]

Oh, I think I fixed my problem anyways.
But now you're asking, can I change letterype perhaps? :3

👍: 0 ⏩: 1

SanguineEpitaph In reply to Droidigan [2012-05-22 16:45:32 +0000 UTC]

You can change the font with HTML using <font face="Font name here">Text.

👍: 0 ⏩: 1

Droidigan In reply to SanguineEpitaph [2012-05-22 16:54:50 +0000 UTC]

You're a god

👍: 0 ⏩: 1

SanguineEpitaph In reply to Droidigan [2012-05-22 17:05:47 +0000 UTC]

Someone else just said that to me.

👍: 0 ⏩: 1

Droidigan In reply to SanguineEpitaph [2012-05-22 17:07:42 +0000 UTC]

Eheh, Double the fun answering! XD

👍: 0 ⏩: 1

SanguineEpitaph In reply to Droidigan [2012-05-22 17:10:07 +0000 UTC]

👍: 0 ⏩: 0

kin-gyo [2012-04-09 18:56:57 +0000 UTC]

Thank you so much for this! It really helps. And I love the way you describe it as a person. It makes it very comprehensive.

👍: 0 ⏩: 1

SanguineEpitaph In reply to kin-gyo [2012-04-11 13:57:07 +0000 UTC]

Thank you so much for using it! Glad it helps.

👍: 0 ⏩: 0

rydi1689 [2012-04-08 18:35:04 +0000 UTC]

Gotta love you <3 there's no other way!

👍: 0 ⏩: 1

SanguineEpitaph In reply to rydi1689 [2012-04-11 13:57:15 +0000 UTC]

Oh you.

👍: 0 ⏩: 0

JagularXing [2012-03-21 23:26:46 +0000 UTC]

GREAT tutorial! Thanks a lot!

👍: 0 ⏩: 1

SanguineEpitaph In reply to JagularXing [2012-03-22 13:06:02 +0000 UTC]

I'm glad you like it, thanks!

👍: 0 ⏩: 0

Blockbeap [2012-01-22 13:04:10 +0000 UTC]

How do you change the text's color??

👍: 0 ⏩: 1

SanguineEpitaph In reply to Blockbeap [2012-01-23 03:55:51 +0000 UTC]

For that I would recommend CSS. c: Here is a tutorial I made for it: [link]

👍: 0 ⏩: 1


| Next =>