A Common Language

So you want to get get your business online now? First off, check out my blog post Build a Website if you are looking to get started with putting up a website for your company. If you are already passed that and ready to begin to design your page, you’ve come to the right post. As I said in the Build a Website post, I mentioned all the different platforms that can be used to create a website. Now, let’s get on the technical side. While it is important to know other languages, my personal opinion is this: everyone that is making a website should have a strong understanding of HTML.

What is HTML to begin with? It stands for HyperText Markup Language. It is the main markup language for creating web pages, etc. that can be displayed on web browsers. My personal favorite for looking different codes for HTML is w3schools.com. They have great tutorials and they show the exact code that would be needed. They also give different tools for coding as well like charts of codes to different colors you wish to use.

The following are different codes that I believe are helpful for getting started with your webpage.

Links
<a href=”URLGOESHERE”>TITLEGOESHERE</a>
Example: Shelbyisms
ExamplePictures
<img src=”URLGOESHERE” atl=”TITLEGOESHERE</a>

Emphasized Words
<i>italics</i>, <u>underline</u>, <b>Bold</b> There are also sights that use the following: <em>Italics</em>, <span style=”text-decoration: underline;”>Underline</span>, <strong>Bold</strong>
Example: Italics, Underline, Bold

Breaks and Paragraphs
Place the paragraphs at the beginning and end of your paragraph as shown or you can make different lines with a breakline. There is also another way to show breaks and that is by placing a horizontal line where you want it to go.
Paragraph code: <p>PARAGRAPHGOESHERE</p>
Line break: <br> or </br> or <br /> (it’s by preference and what works with the website you are using)
Horizontal line: <hr>


Lists
There are two types of lists that can be made. There are those that are numbered and those that are in bullet form. Bullet lists can be made as follows
<ul>
<li>ITEMHERE</li>
<li>ITEMHERE</li>
</ul>

Numbered lists are made as follows
<ol>
<li>ITEMHERE</li>
<li>ITEMHERE</li>
</ol>

In the end they look like this

  • Item here
  • Item there
  1. Item here
  2. Item there

Of course, there are many more things that should be learned when working with HTML. Using w3schools is a great way to know everything and a great tool for if you have any questions. There are also many books at stores like Amazon that go into detail about HTML as well. If you have a blog on WordPress you can easily practice there. Here’s how:

  1. Go to a new post page
  2. In the box where you write out the post, there is the option to either type in visual or in text. Visual allows for the user to use the formatting functions at the top of the screen or quick key on the keyboard (ex. Ctrl + b for bold). The text option allows you to code everything by hand. Here you can practice writing out your code to create your blog.
  3. After you write you post in the text tab, click the visual tab. This will now display your post in the way you have formatted it but without all the code and in the way you want it to be.

Below shows the two different tabs for a picture reference.

visual
text

Have you coded in HTML? What codes have you found useful to use? Have any further questions or comments about the language comment below. 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s