Absolute Basic : learn some code

Please ignore the Caps vs lowercase, Etc? Thank you!

Yes, I literally did this all on my phone.

This is merely an example:

It will have to remove the multiple duplications of the code ”   ” because that’s just how it s

I honestly don’t know if this example will show up so I’ve attached photos screenshots of me typing this…. ..up in the Amino app. Yes, I literally did this all on my phone.

UPDATE: apparently a lot of the code doesn’t work in the app for even simple display and screenshot, I apologize for that confusion.
Please ignore the Caps vs lowercase, Etc? Thank you!

<HTML> <Head> <Title>ridiculous example</title> <Style> Body{background-color: #000; font-size:14px; color:#fff; text-align:center;} Div.top{width:300px; color: red; text-align: left;} A:link.navi{color:red; font-size:24; background-color: #fff; border-radius:20px; text-decoration:none;} A:visited.navi{color:red; font-size:24; background-color: #fff; border-radius:20px; text-decoration:none;} A: hover.navi{color: aqua; font-size:26; background-color: #fff; border-radius:20px; text-decoration:underline;} A: active.navi{color:red; font-size:26; background-color: #fff; border-radius:20px; text-decoration-style: wavy;} Div.navi{width:500px; height:28px; text-align: center; color:red; font-size:26; background-color: #fff; border-radius:10px; padding:5px; border-bottom-style: red wavy 2px; Border-left:#fff dotted 2px; Border-right:#fff dotted 2px; Border-top:#fff solid 2px;} Div.content{color:gray; background:silver; text-indent:20px; text-align: left; font-size:14px;} Div:hover.content{color:#000; background:#fff; text-indent:20px; text-align: left; font-size:14px;} Iframe.content{color:#000; background:#fff; text-indent:20px; text-align: left; font-size:14px; width:400px; height: 500px;} </Style> </Head> <Body> <Div class=”top”> Welcome </Div> <Div class=”navi”> <A href=”http://MCtheGirL.com” class=”navi” target=”content”>home</a> <A href=”http://MCtheGirL.com/likeitcan” class=”navi” target=”content”>blog</a> <A href=”http://MCtheGirL.com/host” class=”navi” target=”content”>host</a> <A href=”http://MCtheGirL.com/contact” class=”navi” target=”content”>contact</a> </Div> <Div class=”content”> This is merely a sample of code, nothing more. What I just did was make a line break, jumping down one line otherwise if I continue to type it would be one long continuous string as I am doing it right now. Again just a simple line break. this text is bold and this text is italic. …. If you hover over this text it will be easier to read because obviously light gray on dark gray and vice-versa is difficult to read. …. Though, upon hovering over this the text will turn black and the background will turn white and become much easier to read. Thank you for viewing this ridiculous example, -MCtheGirL </Div> <Iframe name=”content”> </iframe> <Body/> </HTML>

I honestly don’t know if this example will show up so I’ve attached photos screenshots of me typing this in the app… Here is the link for this post in the amino app: http://aminoapps.com/p/2xtje6

Here are some of the photos of the 4 screenshots.

Hopefully, this information will help someone as a reference / cheat cheat for education to learn on how to code a basic web page with links and an iframe.

Blog

Absolute Basic : learn some code

Leave a Reply Cancel reply