The HTML formatting was interesting to interact with as it seemed to be very basic and as long as you followed the rules you could format some very simple concepts on the webpage that you created in a somewhat short space of time. The more difficult the concept, the harder the project began to be as you had to be very specific about the results that you wanted. One of the most difficult things was to find images that you could use for free and then link them to the webpage. I had to go to an HTML tutorial website that showed me the way the language could be used successfully the first time. It was a lot of trial and error. I used the website HTML.am to copy example codes and then execute them and see how it would be displayed on the webpage I was creating. This allowed me to play with established codes that worked and then try to make them do what I wanted them to do. I spent a lot of time trying to find things that worked and that I could use to convey what I wanted. It took a considerable amount of time just to get things working in a manner that was not totally dysfunctional and had a somewhat coherent presentation on the webpage. It required the naming of multiple text files as each iteration grew upon itself and then saving them as an HTML file separately. This made it easier than to have to start over each time I made a major mistake. I am sure that with experience you could program with less lines of input and achieve more. I couldn't figure out how to attach this as an .html file so:
The final code: Copy and save as a .TXT file and then rename as a .HTML file and execute.
<html>
<head>
<title>Beer can make a perfect world better!</title>
</head>
<div style="background-color:pink;width:1000px;height:50px;"</div>
<body>
<h1>Beer can make a perfect world better!</h1>
<p style="color:#000099;">So drink more beer!</p>
<b>In order to have a more perfect world let's all sing together!</b></body>
<br>
<br>
<div style="background-color:yellow;width:1000px;height:400px;"</div>
<br>
<br>
<marquee behavior="alternate">99 bottles of beer on the wall, 99 bottles of beer! Take one down, pass it around, 98 bottles of beer on the wall!</marquee>
<br>
<br>
<marquee behavior="scroll" direction="left">98 bottles of beer on the wall, 98 bottles of beer! Take one down, pass it around, 97 bottles of beer on the wall!</marquee>
<br>
<br>
<marquee behavior="alternate">97 bottles of beer on the wall, 97 bottles of beer! Take one down, pass it around, 96 bottles of beer on the wall!</marquee>
<br>
<br>
<marquee behavior="scroll" direction="right">96 bottles of beer on the wall, 96 bottles of beer! Take one down, pass it around, 95 bottles of beer on the wall!</marquee>
<br>
<br>
<marquee behavior="scroll" direction="down">One more time!</marquee>
<br>
<br>
<div style="background-color:green;width:500px;height:50px;"</div>
<br>
<body><i><b>Check out my Beer Wall!</b></i></body>
<br>
<img src="https://i.pinimg.com/736x/2c/f8/6e/2cf86e1c60a7ac4b8a7842805a89b1b3--corporate-design-corporate-branding.jpg
" alt="The beer on my wall!" style="max-width:100%;">
</html>
No comments:
Post a Comment