Tag Archives: programming

Intro to HTML and CSS – Adding Style in Sublime Text

Okay, so opening our file in the browser is probably not what you expected. Looking at it in developer tools, the structure is exactly as you defined it, but the style description isn’t there and the browser uses it’s default style for all of the elements, and as you can see, it’s not very pretty… Read More »

HTML Tutorial – 12 – Lists

HTML offer three types of lists: ordered, unordered, and definition. The ordered, or numbered list, uses the list item element to specify each item. The end tag for this element is optional. The numerals for the ordered list can be changed using the type attribute. Arabic numbers are used by default but we can also… Read More »

HTML Tutorial – 14 – Forms II

The most useful and common input type is the text field. Like most form elements it requires the name attribute to be specified and the value attribute will be set to the text that it contains. Another useful input type is the password field, which hides its characters from view. For both of these types… Read More »

HTML Tutorial – 09 – Presentational Markup

The presentational markup is used to describe the appearance of text. However, it is recommended that we use Cascading Style Sheets instead for handling all kinds of style information. First we have the text styles: bold, italic , underlined, and strike-through/. Bold and italic are still commonly used text styles, but underlined and both strike-through… Read More »

HTML Tutorial – 02 – Tags and Elements

The markup that defines HTML is called tags. For example, we here have the break tag, which is used to make a line break. All tags are delimited by angle brackets () and are case-insensitive. Most tags, such as the paragraph tag here , have both a start and an end tag. The end tag… Read More »

HTML Tutorial – 07 – Images

To include an image into our web page we use the image tag. This tag requires the source attribute (src) to points to the location of the image, which can for example be in the JPG, GIF or PNG format. Another attribute that we should include is alt, for alternative description. If for any reason… Read More »

HTML Tutorial – 16 – Multimedia

The element used for embedding multimedia and applications in HTML is called. It replaces older tags such asand.lets us include objects such as images, video, flash, sounds, and applications into a webpage. To include an object we have two attributes to specify its location. Data is used when we want to embed data that the… Read More »

HTML Tutorial – 13 – Forms I

Forms allow users to enter and submit data. For example, we can use forms to handle logins, order forms, and user feedback. The form tag requires two attributes – action and method. Action is the location where the form is sent to. This can be either an email link or a form handling script. A… Read More »

HTML Tutorial – 03 – Hello World

To start developing HTML we first need an HTML editor. I will be using Dreamweaver for this tutorial, but any regular text editor will do. Either way, we first start off by creating an empty web document, which is a plain text file with an html file extension. The HTML part of every website starts… Read More »

HTML Tutorial – 11 – Tables

Tables allow us to display data in rows and columns. Each is organized into rows, using the table row tag . And each row is then split into table cells containing either header or data tags. The cells can be formatted separately and expands to fit its content. They may also contain their own tables… Read More »