HTML Basics
steembloggers·@blockgators·
0.000 HBDHTML Basics
<p>While studying html I decided to take an online workshop for learning the basics. HTML stand for <em> Hyper Text Markup Language.</em> The workshop goals was to teach me:<br> <blockquote>Objectives:<br> By the end of this workshop, you will be able to:<br> • Use a text editor to author an HTML document. <br> • Be able to use basic tags to denote paragraphs, emphasis or special type. <br> • Create hyperlinks to other documents. <br> • Create an email link. <br> • Add images to your document<br>. • Use a table for layout. <br> Apply colors to your HTML document. </blockquote> The prerequisites were not hard for me because I use Notepad and Microsoft Word. For this workshop and when writing in HTML in general Microsoft Word is not encouraged while Notepad is encouraged. For the Internet browser I used the Steemit Post area to view the work I would complete in order to see if it was compatible with Steemit. I also used the work area on W3Schools.<br> During the workshop, I learned what an html file is. <em> It is simply tags and codes that a web browser can interpret in order to display what you tell it on a computer screen. The html file must have a htm or html file extension.<br> I noticed after a few sessions of working in html the set-up is similar when setting the page up. It is the html tag that goes first then the head and body tags.<br> On the Steemit platform there is no need for html, head, or title tags because it is already there when you create the post. The tags are basically the key words and there is already a place for your title. Head tag header information /head closing tag, This information does not show on the web page and is also not allowed when posting on Steemit. The post area is also the body area of your html work.</p> <p>This workshop gave some great advice. The best advice it gave about learning HTML is to simply look at someone’s work by viewing it in the browser under Page Source.<br> HTML tags are surrounded by angle brackets <>. They normally come in pairs as open and closed tags put the / in front of the word where you want to close the tag you open. For example, start, /start tags. HTML tags are not case sensitive but it is best to use lowercase letters.<br> While learning the basics about HTML they talked a lot about tags. Tags obviously play a very important role in HTML. In the workshop they also suggested to use style sheets to add style to HTML page instead of physical tags.<br> Nested tags must close in the proper order. Tags also can have attribues. A tag tell the browser to do something and the attribute tells the browser how to do it. <br> During the workshop I read, <blockquote>Attributes always come in name/value pairs like this: name="value". Attributes are always added to the start tag of an HTML element and the value is surrounded by quotes.</blockquote> I learned the difference between logical tags and physical tags. I’ve decided to work with physical tags until I learn how to use style sheets. CSS is the style sheets. HTML and CSS goes hand and hand. <br> Background tags can not be used on the Steemit post. I’ve learned about the unordered list and ordered list at Code School and of course it is an HTML basic.<br> This workshop has went over a lot of HTML basics so now I will continue learning more about HTML and how to incorporate it in my posts.</p> https://steemitimages.com/DQmRbTsT14h6jTsXMhN1d7142DKXNUVeLwgBLCZcA1Pqazr/Blockgators%20New%20Closure%20Tag.gif <p><h2><center><a href="https://steemit.com/steemit/@blockgators/old-steemit-logo">Buy a Steemit T-Shirt while supplies Last</a></center></h2></p> <blockquote><a href=" https://steemfollower.com/?r=4037 "> Want more followers and upvotes? Try out Steemfollower if you want results! </a></center><blockquote> <a href="https://steemit.com/steemblogger/@blockgators/blockgators-curation-trail-vol-1"> BlockGators Curation Trail Vol. 1</a><br> <a href="https://steemit.com/steembloggers/@blockgators/follow-blockgators-on-steemauto">Follow @blockgators on SteemAuto</a> </body>
👍 fikards, darniyuscivil, jasonmunapasee, suheri, muhammadrizki96, suzayn17, shakailove, aiyanna, adonisabril, ronalassidiq, rajarimba, khusairi, shaimah, nfctc, c0ff33a, moscato, krissy330, daeshawn, osobiggie, kennybrown, amayahaley21, cryptoindex, layarkaca21, remedium, upmyvote, aksdwi, buildawhale, upme, pushup, mercurybot, appreciator, sneaky-ninja, postpromoter, ipromote, blockgators,