All HTML elements are naturally displayed in one of the following ways:

Block example

<p> tags and <div> tags are naturally displayed block-style.

(I say “naturally” because you can override the display style by setting the CSS display property e.g. display:inline;.)

A block-display element will span the full width of the space available to it, and so will start on a new line in the flow of HTML. The flow will continue on a new line after the block-display element.

Here I’ve started a paragraph and now I’m going to insert a <div>

and then continue the text here…

See how the <div> jumped in and took over the full width of the space?

Common HTML elements that are naturally block-display include:

<div>

Your general-purpose box

<h1> … <h6>

All headings

<p>

Paragraph

<ul>, <ol>, <dl>

Lists (unordered, ordered and definition)

<li>, <dt>, <dd>

List items, definition list terms, and definition list definitions

<table>

Tables

<blockquote>

Like an indented paragraph, meant for quoting passages of text

<pre>

Indicates a block of preformatted code

<form>

An input form

Inline example

Inline-display elements don’t break the flow. They just fit in with the flow of the document.

So here I’ve got a paragraph going on, and I’m going to add a <span> tag that has a yellow background and italic text. See how it just fits right in with the flow of the text?

More elements are naturally inline-style, including:

<span>

Your all-purpose inline element

<a>

Anchor, used for links (and also to mark specific targets on a page for direct linking)

<strong>

Used to make your content strong, displayed as bold in most browsers, replaces the narrower <b> (bold) tag

<em>

Adds emphasis, but less strong than <strong>. Usually displayed as italic text, and replaces the old <i> (italic) tag

<img />

Image

<br>

The line-break is an odd case, as it’s an inline element that forces a new line. However, as the text carries on on the next line, it’s not a block-level element.

<input>

Form input fields like and

<abbr>

Indicates an abbr. (hover to see how it works)

<acronym>

Working much like the abbreviation, but used for things like this TLA.

You change the display property of any elements

Although each HTML element has its natural display style, you can over-ride these in CSS.

This can be very useful when you want your page to look a particular way while using semantically-correct HTML.

Examples

Say you want to provide a list of items, but you don’t want a big bulleted list. You just want to say that you’re going to the store to buy:

• some fizzy drinks,
• a chainsaw,
• and some nylon stockings.

Or maybe you want a nice toolbar, which is stricly a list (of links) and so should be marked up as a <ul>.

Here’s the code

Here’s how it looks as a normal list

• Home
• About us
• Products
• FAQs
• Contact us

Just adding the class “toolbar”…

Here’s how it looks with the CSS styles applied

• Home
• About us
• Products
• FAQs
• Contact us

The favorite link form and a few other forms allows users to get the title of the web page based on the URL input filled on the form. The backend function called by the javascript throught the web service API is GetHTMLTitle() in the PrimeObjects.Util.Helper.dll. We added the following script into the function to decode HTML of the tile content.

title = System.Web.HttpContext.Current.Server.HtmlDecode(title);

The browser compatibility is configured via the following XML.
\\PrimeObjects.ApplicationSystem.Web\BrowserCompatibility.xml

Sample contents,
<BrowserCompatibility>
  <Browser Name="IE" Version="6" OldVersion="8"/>
  <Browser Name="Firefox" Version="3" OldVersion="3"/>
  <Browser Name="Chrome" Version="8" OldVersion="8"/>
  <Browser Name="Safari" Version="5" OldVersion="5"/>
</BrowserCompatibility>

In SSMS, Server Objects -> Linked Servers, Right-click on SERVER2 and choose Properties.

In the properties window, click on "Security" in the left hand panel.

In the section labeled, "For a login not defined in the list above, connections will:", choose the last option "Be made using this security context:". Then specify a login and password for an account on Server2 with appropriate permissions for the task you're trying to accomplish.

Dynamic Ports