ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Writing in HTML Code for Web Development

Updated on May 31, 2014

HTML - The Language of the Web

Understanding HTML

The acronym "HTML" has a tendency to be intimidating, especially for those outside of a professional web designers and computer engineers. In this short article I am going to help you understand what HTML is, how it works, and how you can begin writing code in HTML.

First, definitions: HTML stands for hypertext markup language. "Tags" are the pieces of HTML code that help define how something will look or act. For example: a "less-than angle bracket" followed by an "a" with a bunch of stuff in the middle and closed with a "less-than", "backslash", "a", and "greater-than bracket" is used to describe a section of hyperlinked text or image. Nearly all HTML tags have a start tag and an end tag which are used to open and close a section of code. Any tags that do not require a closing tag are known as "empty tags". Later in this article I will show links to a few different tags and how they can be used.

HTML is basically a language that is used to describe how things will appear on a web page. Without HTML text can be typed and saved to a web page. While the text will appear, it will appear in plain text. This means that the letters and spaces will appear but there will be no formatting what so ever. No paragraphs, no line breaks, no special font, no change in font size, no color, etc...(you get the point). With HTML, a plain web page can be converted into a true piece of art. HTML is what communicates to web browsers. Web browsers read HTML and then display the page based on the instructions provided through the HTML code.

HTML Tags

If you are actually planning on doing something big with HTML, I strongly recommend that you an HTML editor. I will explain more about this in a minute. For now, an editor allows you to format text and images as you  normally would on a word processor and then get the HTML code that corresponds with what you developed. This way you do not have to write the entire page using code. However, so that you understand how HTML works and in case you just need to make minor changes in code, here are a few examples of some different HTML tags. Just click on the link to see what the tags look like. 

HTML tag for hyperlinked text

HTML tag for paragraph

HTML tag for an image

HTML tag for a line break

For more help with HTML tags visit: http://www.w3schools.com/html/default.asp

Using an HTML Composer

HTML can allow you to create anything you want. You can even create tables using HTML to format where you want certain images or text to appear. As I mentioned earlier, the best way to do this is to use an HTML editor. I personally recommend using Mozilla's SeaMonkey editor which is available through the SeaMonkey browser and application suite. It does not cost anything and it is very easy to use. Click here to go to the download page for SeaMonkey. Downloading and installing SeaMoney is simple and usually only takes a few minutes.

Once you have installed and opened the SeaMonkey browser, look for the drop-down tab titled "Window" near the top of the page. Click on the "Composer" tab to open the composer. In the composer you can begin to create a file much like you would if you were using a word processor. You can do a lot of things using the composer such as add images, enhance text, insert links, and build tables.

You will notice a set of tabs located near the bottom of the page which read "Normal", "HTML Tags", "Source" and "Preview". Once you have completed your work (or if you would like to preview your work in HTML), click the "Source" tab. All your work will be immediately converted into HTML code. To revert back to your previous view, just click the "Normal" tab and you will be back in "word processor" mode. Using the source view you can use the new HTML code you have created by copying and pasting the code where ever you need it. The SeaMonkey composer also has some options for publishing which can be accessed by clicking the "Publish" tab located near the top-center of the page. You can design a lot using this technique and you don't have to have a bunch of HTML memorized or study HTML guidebooks till your blue in the face. Using an HTML editor/composer can make a daunting HTML project seem a whole lot easier and more enjoyable. You will be mastering HTML and web design in no time! 

Web Design and the Internet

Should you decide that you need some professional web design for your enterprise, I highly recommend that you visit www.willmusto.com. Will Musto provides excellent web development services at incredible prices.

If you enjoyed this article I recommend:

Making Sense of the Internet

Using Social Technologies to Enhance Brand Image

Comments

    0 of 8192 characters used
    Post Comment

    • profile image

      sovereign 

      5 years ago

      thanks for the help! New to the world of coding. Will HTML work with web pages that use an external client aswell?

    • profile image

      sarika gaikwad 

      6 years ago

      it helps to understand the code to how to create the web page help of HTML code.

      Its great.

    • Jason Matthews profile imageAUTHOR

      Jason Matthews 

      7 years ago from North Carolina

      Thanks for reading and for your encouraging feedback!

    • profile image

      Web Design Company  

      7 years ago

      Your blog is so different & very informative.Thanks to share your post publically.Keep it up.

    • Jason Matthews profile imageAUTHOR

      Jason Matthews 

      7 years ago from North Carolina

      Great point simeonvisser, I am glad you mentioned that. Using an editor in any large project would be quite tedious. Since this article was written to help introduce people to HTML, I didn't mention PHP, but I agree that PHP becomes more effective as your project size and complexity increases.

    • simeonvisser profile image

      simeonvisser 

      7 years ago

      It's important to note though that a HTML editor should only be used for basic websites. For larger websites (that generally require interactivity) it's better to program the website using a language like PHP as this will allow for greater control over the HTML of the website.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)