Jump to content

User:Dylan620/Adoption/JohnTheSupercargo/lesson2

From Wikipedia, the free encyclopedia

About HTML

[edit]

Here's a tutorial in HTML, like you asked. :)

Font colors

[edit]

You can change font colors of text here on Wikipedia. For example, let's just say I wanted to type something red, like this. I would insert <font color="red"> just before the word "like," and would insert </font> just after the word "this" to close it out. For instance:

<font color="red">like this</font>

produces:

like this

[edit]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

In the above paragraph, {{lorem}} is in the font color green. However, links (the links in the above paragraph are to Lorem ipsum, sit, and Duis) break the font color pattern. In order to fix this problem, I would have to type the following HTML... (be sure to run your cursor over the text in green!)

[[Lorem ipsum|<font color="green">Lorem ipsum</font>]]

which produces:

Lorem ipsum.

...for sit
[edit]

[[sit|<font color="green">sit</font>]]

which produces:

sit.

...for Duis
[edit]

[[Duis|<font color="green">Duis</font>]]

which produces:

Duis.

The paragraph with the fixes applied
[edit]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Linking is one of Wikipedia's most important features.

Internal linking

[edit]

Internal linking is linking to other pages within Wikipedia. For instance, your userpage can be linked to if two brackets ([[) are each placed before and after User:JohnTheSupercargo. For instance:

[[User:JohnTheSupercargo]]

produces:

User:JohnTheSupercargo.

Let's just say that I wanted to link to pie, but wanted the the text to show up as "bull." I would type:

[[pie|bull]]

which produces:

bull.

External linking

[edit]

External linking is linking to other websites outside of the Wikimedia Foundation (WMF). For instance, http://example.org can be linked to by means of the following methods:

I would have used a real website, but I didn't want to get accused of linkspamming.

Interwiki linking

[edit]

From here (and every other WMF wiki), you can link to every other WMF wiki.

Here are my userpages on other WMF projects:

For more info...

[edit]

...see WP:CHEAT. Cheers! --Dylan620 Efforts · Toolbox 13:14, 21 April 2009 (UTC)

Signature

[edit]

You can make a pretty cool signature from HTML. To make your own customized signature, go to your Special:Preferences, check the "raw signature" box, and enter HTML into the box. Here are some suggestions from me for signatures:

  1. JTS talk
  2. John (talk · edits)
  3. JohnTheSupercargo
  4. John speak watch

Would you like any of the above signatures? --Dylan620 Efforts · Toolbox 13:39, 21 April 2009 (UTC)


Yes, I'm here, Dylan! Sorry - should have got back directly when I was working with Lesson 2 yesterday. Thank you for all the above. I spent a happy hour yesterday desiging signatures and revisiting myself at 13. The four you made are all very attractive but ... I'd like to make one all of my own. :-)
  • How can I add a background colour? (I've seen that some sigs are written on little blocks of colour.)
    • Let's just say I wanted the background color (without the "u" for me, since I'm American ;)) to be red, and for the font color to be white and to read "aaaaaaa." I would type: <span style="background:red; color:white">aaaaaaa</span>. This would produce: aaaaaaa. If I wanted the word "aaaaaaa" to link to wikt:simple:User:Dylan620, I would type [[wikt:simple:User:Dylan620|<span style="background:red; color:white">aaaaaaa</span>]]. This produces aaaaaaa. --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
      • Fantastic! Though I see there's a limit to how long a line of code you can put into the raw sig.
        JohnTheSupercargo 13:54, 24 April 2009 (UTC)
  • Well, on a more global note, I understand I can use HTML together with Wiki coding and the pages don't need the HTML Body tags. Do I have that right? Is there any HTML coding that I can't use?
  • Here are a few specific questions I've been wrestling with.
  1. How do I make images etc float left or right so the text wraps around them?
    I taught this to a user named "Renereynoso" approx. 4-5 months ago, see User talk:Renereynoso#Re: Images. --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
    OK, that's straightforward enough - but it still leaves a block of white. How do you get the text to wrap around? Or is it better to use tables? --JohnTheSupercargo 13:54, 24 April 2009 (UTC)
    By having the text wrap around the image, do you mean... (see the image)
    ...like this? --Dylan620 Efforts · Toolbox 14:55, 24 April 2009 (UTC)
    Yes, exactly that. How did you do it?JohnTheSupercargo 15:12, 24 April 2009 (UTC)
    [[File:Tudor Rose.svg|thumb|<insert comment here>]]. --Dylan620 Efforts · Toolbox 15:17, 24 April 2009 (UTC)
    Ah! So in order to have the picture float to the right next to a block of text (like this) it's necessary to insert the picture before the text it has to float next to! (By George, he's got it.) Thanks again! --JohnTheSupercargo 15:41, 24 April 2009 (UTC)
    You're welcome, John. :) Ready for Lesson #3 – fighting against vandalism? --Dylan620 Efforts · Toolbox 16:00, 24 April 2009 (UTC)
    No! Not just yet - give me a couple more days please. Family things this weekend. :-)
    OK, thanks for the breather. I'm ready for Lesson 3 now.--JohnTheSupercargo 16:06, 28 April 2009 (UTC)
  2. On my User page I tried to put User boxes into a column to the right of the page as I've seen other people do, but I can't get the boxes to align centre. Does HTML not work inside a Wiki column? Would it be better to use HTML tables?
    User:Juliancolton might be able to provide you with an answer (the userpage, not the actual user!). --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
    No - far too complicated for me. Is there a page for Wiki coding (like the HTML Cheat sheet) that I can look at?--JohnTheSupercargo 16:06, 28 April 2009 (UTC)
  3. How do I insert references (citations) into a Wiki article which does not have any? I've tried, but get a warning that something isn't right. Do I have to prepare an article with some special code before trying to insert refs?
    Let's just say I wanted to reference to word "porkyforkygorky." I would insert <ref>porkyforkygorky</ref>. BUT {{reflist}} is needed at the bottom of the page. If {{reflist}} (see #References) is there (you can add these in the same edit, of course), then referencing the word "porkforkygorky" should work just fine![1] --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
    Ah! Damn! Of course - I knew this. :S --JohnTheSupercargo 14:02, 24 April 2009 (UTC)
  4. What do I have to do to constrain an SVG image to appear as a very small in-line image? I want to use the Tudor Rose [[Image:Tudor Rose.svg|thumb|The Tudor Rose of England.]] after or before those links on my User page to articles about 16thC British History that I've spent a lot of work on. (Only one at present, but I hope to have more later.)
    {{{icon|[[File:Tudor Rose.svg|20px]] }}} produces . Apologies if I misunderstood. --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
    Great! Perfect. Just what I wanted! Thanks. --JohnTheSupercargo 14:02, 24 April 2009 (UTC)
  5. Can I change the title of an article if I think it's incorrect? (If I can how do I do it?) Or is that right restricted to administrators?
    Yes, you can correct the title of a page. No, this isn't restricted to administrators, but it is restricted to autoconfirmed users. You can correct the title of a page at Special:MovePage. But you need a target page: for instance, if I want to move this page, I need to go to Special:MovePage/User:Dylan620/Adoption/JohnTheSupercargo/lesson2. --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
    Well, good to know it's possible but looks a bit complicated. I'll hold off for the time being. Wait till I get a better hang of other things I can do. --JohnTheSupercargo 16:06, 28 April 2009 (UTC)
  6. I see from the above that you've got several different user pages on different Wikis. So obviously it's OK to have multiple user pages. (Wasn't sure about that.) I've joined the Sweden Project, but see I'm going to have to spend some time also on the Swedish Wiki pages. Not to be writing articles - my written Swedish isn't up to it - but to take part in discussions and to talk to the administrators. Is it better to have a user page also on the Swedish Wiki, do you think? Could I otherwise sign with my English Wiki sig on Swedish wiki pages?
    Yes, I'd advise creating a userpage on sv.wikipedia (the Swedish-language Wikipedia). You don't have to have the same signature on all projects. Here are my sigs across WMF (modified to link to the pages on those projects):
    1. English Wikipedia: --Dylan620 Efforts · Toolbox
    2. Simple English Wikipedia: --Dylan620 (Sign this plz)
    3. Simple English Wikiquote: --Dylan is here
    4. Simple English Wiktionary: --Dylan620 Speaketh · @ en.wikipedia
    5. Meta-Wiki: --Dylan620 Talk to the left, stalk to the right.
    6. Uncyclopedia: --Dylan620 (I IZ n00b · 1337!)
    7. Wikia Scratchpad: --Lounge with Dylan620 today!
    Sorry that it took so long; I had a lot to reply to! --Dylan620 Efforts · Toolbox 14:49, 23 April 2009 (UTC)
A long time?!? I just checked and there were all my answers! Thanks. Wonderfull, will start playing with my signature again this afternoon!
--JohnTheSupercargo (talk) 10:21, 24 April 2009 (UTC)
OK. Can't think of anything more to ask at the moment.
Many thanks, and looking forward to Lesson 3.
Cheers, John

--JohnTheSupercargo (talk) 13:25, 23 April 2009 (UTC)

References

[edit]
  1. ^ porkyforkygorky