Image Attributes Used In Professional Web Design

Image tags with its source attribute points to the uniform resource locator that is URL of the graphic file to be displayed to add an inline image to the web document. The tag is added to the HTML document at the location in which we want to display the image. Then file name is replaced with the URL of the image we want to display.

When an inline image is inserted in a document along with text by default the text is aligned with the bottom of the image. The default alignment can be changed using the image tags align attribute. To align the text at the top of the image we can use few attributes. Browsers display images inline and text does not wrap around images but an image can be displayed on the right or left side of the document such that the text surrounds the image. Such an image is termed as a floating image in professional web design.

A floating image can be easily created by using the image tags align attribute that is left or right. Hyper Text Markup Language also supports image scaling. Scaling down of an image means that the image would be displayed in a size described by the image tags height and width attributes, irrespective of the actual dimensions of the image. The download time of the image
does not reduce if we specify dimensions less than the actual image dimensions. The browser still downloads the actual image and then scales it before displaying it on our web page.

Scaling up on an image can also be done. It is similar to scaling down of the image that we attain by using the height and width attribute. Scaling up an image causes deformation of image that is termed as pixilation. Hence scaling up of an image should be avoided as far as possible in professional web design

Alternative text can also be provided for users who use text based browsers. Alternative text tells the user about the presence of a graphic image and provides a brief description of the same. This can be achieved by using image tags.

Web browsers display images with a border around them. The border attribute of image tag can be set by providing a value for the border thickness in pixels. White space around an image can be provided by using space attributes of the image tag. Space tag is used to add vertical and horizontal space around the image.

These attributes provide the space and pixels. Hyper Text Markup Language uses image maps which are a kind of navigational tabs making work easy in professional web design. An image maps an image to one or several links using regions called hot zones.

read more...

Working With HTML Text In Professional Web Designing

All the text that is entered on a page should come between body tags. Container tags are body tags that tell a web browser what parts of the HTML document should be displayed in the browser window. The text which we enter in body tag technically should be in another container tag that is paragraph tag.

This tag is used to inform a web browser what text in document constitutes a paragraph. The paragraph container tells the web browser that all the text between the on and off tags is in a single paragraph in professional web design. When we start another paragraph the web browser will insert a line between the two. Break tag is used to end a line. The comment tag is fairly unique in that it is actually used to make the web browser ignore anything that the tag contains. It could be text, hypertext links, image links even small scripts and programs.

We can hide text by using comment tag. The point in hiding the text is that it allows you to create a private message that is intended to remind you of something or to help those who view the raw HTML document to understand what is being done. That is why it is called the comment tag. The comment tag is not the most elegant one in HTML but it works.
Anything typed between comments should be ignored by the browser. We can even ignore multiple lines.

In HTML we can differentiate a portion of text from the rest of it by using header tags. These are container tags and range from level one to six. They allow creating different levels of emphasized headlines to help you organize your document and helps in professional web design. But one significant characteristic of a header tag is that it has the same effect as a paragraph tag, in that it creates a new line after it's off tag. The web browser places the header text and plain text on different lines.

Technically larger header tags should be used previously as per the HTML standard that is if header tag two is used, header one tag should be there somewhere before it. Very few browsers actually require it and developers usually use header tags to change the size of text for emphasis. But it is better to use header tags for true headers and only in a particular order for professional web design. There are few explicit tags often called as physical tags which specifically tell the web browser how the designer wants text to appear physically.

The most common ones are those which mark text as bold, italic or underline and are frequently used in professional web design.

read more...

Basics Of HTML For Professional Web Design

HTML is a language used for professional web design. Hyper text markup language is full form of html. It is a standard which is used by World Wide Web documents in professional web designing.

A program called browser is used to view the documents. It is not a programming language even though it is termed as a language. The basic element of a Hyper Text Markup Language is page and therefore any document on the web page is in ASCII text.

HTML uses tags and it is represented by angle brackets. All the code is written in between these brackets. Any text which is contained by angle brackets is considered as an HTML tag by the browser and interpreted accordingly. This code can be text, any address, and it supports different type of image formats. Since HTML uses ASCII text, the web documents are delivered over the network such that they are not platform dependent. Hence only a web browser is required which can interpret HTML files irrespective of whether it is running on a machine using windows or UNIX or Macintosh or any other operating system or hardware platform. We can use any browser from Internet Explorer to Mozilla fire fox.

Web pages for professional web
design can be easily created using any simple text editor. In Windows 95 one can use notepad or WordPad. All HTML files are plain ASCII text files with .html extension. Web browsers used to view the files are internet explorer or Netscape navigator or Netscape communicator. The first HTML tags that are used are document tags. These tags are required for every HTML page that is created in professional web design. Different parts of the document are defined by them. An HTML document has two distinct parts namely a head and a body. The head of the HTML document contains the title of the page and other commands. To create the head portion of HTML document and to give the document a title specific text is entered into the text editor.

This tells a web browser that information should be included in head portion of the document and by what name should it call the document in the title bar of the browser window. Most of the work is done inside body. The text is entered here; headlines and graphics are also part of body section. Between these two tags one has to enter the rest of the text and graphics for professional web designs.

In order that all web browsers recognize that this is an HTML document one needs to add some tags on either side of the head and body tags which we have created.

read more...