The Laboratory II – Try Your HTML & ASCII Art Experiments Here

Home Forums YWN Main Site & Coffee Room Issues The Laboratory II – Try Your HTML & ASCII Art Experiments Here

Tagged: 

Viewing 50 posts - 1 through 50 (of 1,054 total)
  • Author
    Posts
  • #589254

    Since there are still questions in some threads as to how formatting and ASCII art works, why not try out your various experiments in one place? Those who already know formatting techniques can share their knowledge with others.

    I don’t have the time right now, but IY”H if someone else hasn’t already done so by tonight, I’ll b’n give examples of:

    Allowed markup: a blockquote code em strong ul ol li.

    You can also put code in between backtick ( ` ) characters.

    …as well as ASCII art formatting.

    #1053083
    moish01
    Member

    hey, can’t we keep this ascii art between you, me, curious and not qwertyuiop? come on!

    #1053084
    moish01
    Member

    …and you take pride in it…

    #1053085
    moish01
    Member

    hey moderator: can you change my post to say “now qwertyuiop” instead of “not qwertyuiop?” sorry – typo

    #1053086
    moish01
    Member

    can’t believe i lasted till now without exercising my artistic abilities…

    .
    _ _ _ _ _ _ ____ _ _ ____ _ _ ____ ____ ____ _ _ _ _ ____ _ _ ____ __.
    |/| | | |_/ [__ |__| |__| |_/ |___ [__ |__| | | _/ | | | | |___ _]
    | | | |___ | _ ___] | | | | | _ |___ ___] . | | | | | |__| | | |___ .
    '

    ___________
    | |
    | |
    ____________|___________|____________
    __|_____________________________________|
    < | .' | |
    |. | |
    ]__________________________________[ '
    .
    Y]__________________________________[ L
    | ________ |
    | L. Pts. '| L |
    | | | | |
    | | | F |
    | 1 -|- MAX | J F
    | | | | J
    | | | | |
    | | . | | |
    | |- 1 1/2 | | |
    | | | F |
    J . | F J F
    J | F | J
    L 3/4 -| . J | |
    L | J F |
    | | | J F
    | | | | J
    | | | | |
    J . |- 1 . F | |
    L | J F |
    | | | .' F
    | 1/2 -| | .' .'
    J | . F .' .'
    L | J.' .'
    | . | | .'
    | | | .'
    J | F'
    L |- 1/2 . J
    | . | |
    J 1/4 -| F
    L | J
    | | . |
    J . F
    L J
    J ._ _. F
    L '-. .-/' J
    J '.'-. .-'.' F
    VK L '.-'.-' J
    |_______(__(___)______|
    | |
    F J
    J L
    | |
    F J
    J L
    | |
    |_________________________|

    .

    (by the way, you know that i don’t create any of these… just wanted to clarify)

    #1053087
    teen
    Member

    moish01: u dont? so how do u get them?

    #1053088
    moish01
    Member
    .
    *
    ***
    *

    *** **** **** **** **** *** ****
    *** **** *** * * *** * * *** * *** * *** *
    ** **** **** * **** * **** ** * ****
    ** ** ** ** ** ** ** ** ** e
    ** ** ** ** ** ** ** ** ** x
    ** ** ** ** ** ** ** ** ** c
    ** ** ** ** ** ** ** ** ** l
    ** ** ** ** ** ** ** ** *** * a
    *** *** *** ***** ** ******** *** * ******* m
    *** *** *** *** ** *** *** *** ***** a
    *** t
    **** *** i
    ******* ** o
    * **** n

    .

    #1053089
    teen
    Member

    oooooooooooooo mysterious

    #1053090
    areivimzehlazeh
    Participant

    moish- you and Albus Dumbledore (howdya spell it?)

    #1053092
    moish01
    Member

    what does “code” do?

    #1053094
    Curious
    Member

    moish – I have officialy retired. The CR artistry job is all yours. Do us proud!

    #1053095

    gee i wonder? curious y u didn’t nominate me 4 that job lol(check out my gorgeous last post lol)

    #1053096
    Joseph
    Participant

    Curious – do you have a pension? are you moving into a retirement home?

    #1053097
    Curious
    Member

    coke, I don’t think your fellow members would appreciate it 🙂

    #1053098
    Curious
    Member

    Jo – after reading the foodstamps thread, I was starting to reconsider my career.

    My employer offers a great rtirement plan, 401K, etc. ….NOT!

    #1053099
    squeak
    Participant

    Joseph, unless YW doesn’t comply with FAS 158, I see no evidence of Curious having a pension.

    #1053100

    🙂

    #1053101

    Lesson 1- the basics:

    Each one of these is a HTML tag that is used to notify the browser that special formatting is needed. Most tags need to be used both before and after the text you want to mark, and two only need to be used before the text.

    Here are brief descriptions of each tag, and samples of how they work:

    Sample:

    Original HTML Lab

    Sample:

    <blockquote>This is a blockquote</blockquote>

    This is a blockquote

    Sample:

    <em>Italicized text</em>

    Italicized text

    Sample:

    <strong>Bold text</strong>

    Bold text

    Samples:

    <ul>Colors
    <li>red
    <li>orange
    <li>yellow
    </ul>

      Colors

    • red
    • orange
    • yellow

    <ol>Colors
    <li>red
    <li>orange
    <li>yellow
    </ol>

      Colors

    1. red
    2. orange
    3. yellow

    Let’s see how the above turns out.

    Depending on if it’s OK or not, the next post will either attempt to correct errors, or go on to lesson 2.

    Lesson continues here…

    #1053102
    qwertyuiop
    Member

    Curious: you must keep your position as official CR artist.$

    moish: i was quite insulted when i saw your first post, but now i feel all warm and fuzzy(that was for asdfghjkl), and i’ll make you something later, when i get a chance.$

    #1053103
    teen
    Member

    coke: what is that? modern art? 😛 im jk its gorgeous 😛

    #1053104
    anonymisss
    Participant

    Upon the retirement of curious, cr arist, moish will hereby be promoted to the position of cr artist. moish has previously served as adjunct artist to the cr. The chairpeople of the cr look forward to working with you.

    Yours truly,

    ~a~

    asdfghjkl

    #1053105
    RoshYeshivah
    Member

    <test/a>

    #1053106
    qwertyuiop
    Member

    moish: this is for you:

    .  __   .__                      __
    _/ |_ | |__ _____ ____ | | __ ___.__. ____ __ __
    __| | __ / | |/ / < | | / _ | |
    | | | Y / __ _| | | < ___ |( <_> )| | /
    |__| |___| /(____ /|___| /|__|_ / ____| ____/ |____/
    / / / / /

    .__ .__
    _____ ____ |__| ______| |__
    / / _ | | / ___/| |
    | Y Y ( <_> )| | ___ | Y
    |__|_| / ____/ |__|/____ >|___| /
    / / /

    .

    #1053107
    asdfghjkl
    Participant
    #1053108
    Curious
    Member

    Squeak, can you do my tax return?

    #1053109
    Anonymous
    Inactive

    Amazing artwork indeed-maybe we should alert the useum of Modern Art

    #1053111
    Curious
    Member

    I think coke’s artwork will definitely get in to MOMA.

    Moish’s artwork is too conservative. It just doesn’t pull the senses and encourage imagination.

    #1053112
    asdfghjkl
    Participant
  • the cr is so much fun!!!!!!!!!!!!!
#1053113
asdfghjkl
Participant

oh well the last one didn’t work!!! i’m so happy this lab re-opened!!!

#1053114
asdfghjkl
Participant
#1053115

Lesson 1a – using quotes in the anchor tab causes the link to not work properly. Let’s try it without the quote marks:

Sample:

<a href=http://www.theyeshivaworld.com/coffeeroom/topic/the-laboratory-try-your-html-formatting-experiments-here>Original HTML Lab</a>

Original HTML Lab

Apparently you had two quotes inside your tag in the previous post. I fixed it and also provided links within your lessons to the next parts. – YW Moderator-42

Lesson continues here…

#1053116
squeak
Participant

Curious, not as a service (:

#1053117
asdfghjkl
Participant

<blockqot>hello qwertyuiop!!!!!!!!</blockquot>

#1053118
asdfghjkl
Participant

OH WELL THAT DIDN’T GO!!!!!

#1053119
Curious
Member

as a favor?

#1053120
teen
Member

asdfghjkl: u forgot the e after the t in quote

blockquote

#1053121

Lesson 2 – fixed font vs. proportional font:

When trying ASCII art, a fixed-width font is needed. that means each character takes up the same width. Proportional fonts are more visually appealing on a letter, but wreck picture-drawing attempts.

1) Fixed-width vs. proportional:

a) Fixed width-

wwwwwwwww

iiiiiiiii

b) proportional-

wwwwwwwww

iiiiiiiii

Notice any difference in how the “i”s and “w”s line up?

Another problem with the default appearance of posts is that multiple spaces between words is truncated to one space.

a b c becomes a b c.

How can a fixed-width font be selected, and spaces be preserved?

Prefixing a backtick before the post, and appending another backtick at the end takes care of this.

Lesson continues here…

#1053122
beacon
Participant

asdf- spelling… 🙂

#1053123
squeak
Participant

Absolutely. I do it as a favor for many people. But I am not legally allowed to prepare it on your behalf, so you have to take responsibility for the accuracy.

#1053124
qwertyuiop
Member

asdfghjkl

Member

hello asdfghjkl, try again and spell blockquote CORRECTLY.$

#1053125
asdfghjkl
Participant

teen: thanx!!! i’ll atempt it again!!!!

<blockqote>hello qwertyuiop & teen!!!!!!!!

#1053126
qwertyuiop
Member

asdfghjkl: now you forgot the “u”, it’s spelled BLOCKQUOTE, get that straight.$

#1053127
asdfghjkl
Participant

lol clearly spelling was never my thing!!!!!!

#1053128
Curious
Member

No prob, just tell me where to send my papers!!! 😉

I’ve tried several times to do it on my own. TurboTax babies me with the federal part, but then I get stuck with the state return. And end up having someone else do it for me. 🙁

Maybe I’ll try again this year and will pose all questions to the esteemed CR.

#1053129
qwertyuiop
Member

ICOT: how come when the pge is like this, blockquote doesn’t work??$

asdfghjkl: my post just went upin 10 seconds, the mods are going so fast now.$

#1053130

and u forgot the end blockquote thingy

#1053131

Lesson 2 (continued):

Look at the following three attempts at ASCII art.

The first will not use any tricks to preserve spaces.

The second will preserve spaces, but use a proportional font.

The third will preserve spaces and use a fixed-font.

1)

y y

yy yy

yy y yy y N N MM MMM

y yy y yy M / M M M

y y y y y y M M M M

y yy y yy M M M M

yy yy MMMMMM M MM M

XXXX XXXX

XXXX XXXX M M M M M M

XXXX XXXX M M * M M M M

XXXX XXXX M M M M M M

XXXXXXXXXX XXXXXXXXXX MM M MMMMMM MMMMMMM

XXXXXXXX XXXXXXXX

XXXXXX XXXXXX

XXXX XXXXXX

XXXXXX XXXX

XXXXXX XXXXXX

XXXXXXXX XXXXXXXX

XXXXXXXXXXXXXX XXXXXXXXXXXXXX

2)

      y                  y

      yy                 yy

     yy y               yy y         N    N   MM   MMM

    y   yy             y   yy         M  / M   M     M

    y y  y             y y  y         M    M   M     M

     y yy               y yy          M    M   M     M

      yy                 yy           MMMMMM   M   MM M

     XXXX               XXXX

     XXXX               XXXX      M   M      M   M  M  M

     XXXX               XXXX      M   M    * M   M  M  M

     XXXX               XXXX      M   M      M   M  M  M

  XXXXXXXXXX         XXXXXXXXXX  MM   M  MMMMMM  MMMMMMM

   XXXXXXXX           XXXXXXXX

    XXXXXX             XXXXXX

     XXXX              XXXXXX

    XXXXXX              XXXX

    XXXXXX             XXXXXX

   XXXXXXXX           XXXXXXXX

XXXXXXXXXXXXXX     XXXXXXXXXXXXXX

3)

.      y                  y
yy yy
yy y yy y N N MM MMM
y yy y yy M / M M M
y y y y y y M M M M
y yy y yy M M M M
yy yy MMMMMM M MM M
XXXX XXXX

XXXX XXXX M M M M M M
XXXX XXXX M M * M M M M
XXXX XXXX M M M M M M
XXXXXXXXXX XXXXXXXXXX MM M MMMMMM MMMMMMM
XXXXXXXX XXXXXXXX
XXXXXX XXXXXX
XXXX XXXXXX
XXXXXX XXXX
XXXXXX XXXXXX
XXXXXXXX XXXXXXXX
XXXXXXXXXXXXXX XXXXXXXXXXXXXX

#1053132
squeak
Participant

Why send the papers? Just post all your financial info right here!

#1053133
asdfghjkl
Participant

qwertyuiop:

thanx for the spelling lesson!!!!!!!!

#1053134
asdfghjkl
Participant

qwertyuiop: the updates are amazing now!!!!

thanx mods!!!! we love ya!!!!

Viewing 50 posts - 1 through 50 (of 1,054 total)
  • You must be logged in to reply to this topic.