انت هنا الان : شبكة جامعة بابل > موقع الكلية > نظام التعليم الالكتروني > مشاهدة المحاضرة

Dynamic HTML #2, Attributes, Colors, Tables

Share |
الكلية كلية تكنولوجيا المعلومات     القسم قسم شبكات المعلومات     المرحلة 2
أستاذ المادة حيدر محمد حبيب الخميس       09/10/2012 03:30:08
HTML Attributes

Attributes are another important part of HTML markup. An attribute is used to define the characteristics of an element and is placed inside the element’s opening tag. The attributes use to amplify the element. It means when a web browser interprets tags, it will also search for set attributes and then display the element (tags+attributes) completeness. At some point you may want to give your body element a background color or change the width of a table. All of these things and more can be achieved using Attributes.

Attribute Defaults
Many tags are assigned default attributes. This means that unless a tag attribute is specified by you, it will have some distinct attributes. For example, a paragraph tag will always align its text to the left unless it has an align attribute in it specifying otherwise. Also elements placed within a table are vertically centered and to the left unless otherwise specified. As you code and learn about each of the different HTML elements, you will become aware of many of these defaults.

Generic Attributes
Attributes exist to modify HTML tags allowing for complete customization of a website. Here s a table of some other attributes that are readily usable with many of HTML s tags.

HTML Color Coding System - Color Names
There are 3 different methods to set color. The simplest being the Generic terms of colors, examples: black, white, red, green, and blue. Generic colors are preset HTML coded colors where the value is simply the name of each color. Here is a sample of the most widely supported colors and their respective name values.

Understand Tables
Have you ever used a spreadsheet program? If so, you have a rough idea of what tables are and how they normally look. Tables were developed and added to the HTML standard in the early 1990s to provide a way to display structured information, such as in a spreadsheet. Before that time there was no good way to display columns of data in an HTML document; because HTML originally was devised for scientific and academic material, this presented a problem. The introduction of tables not only solved this problem, but provided a solution to an as yet undiscovered problem.
When the Internet was in its infancy, presentation and design weren’t very problematic; graphical browsers changed all that. However, basic HTML did not provide the tools for control that designers were used to. In fact, a Web designer was completely at the mercy of browser, system, and HTML limitations when it came to doing Web page layouts. Placement and appearance of text and graphics were not absolute, but static. A layout that looked good on a designer’s machine might be totally transformed on someone else’s system.
Then Web authors discovered tables. By putting text, graphics, and other content inside table cells, designers could take advantage of a table’s structure to “force” a browser to stay within a particular layout. Tables certainly did not solve all the difficulties Web developers faced, but they represented a great step forward. Even though the overall trend in the Web is toward Cascading Style Sheets (CSS) but tables still are frequently used in Web design.


المادة المعروضة اعلاه هي مدخل الى المحاضرة المرفوعة بواسطة استاذ(ة) المادة . وقد تبدو لك غير متكاملة . حيث يضع استاذ المادة في بعض الاحيان فقط الجزء الاول من المحاضرة من اجل الاطلاع على ما ستقوم بتحميله لاحقا . في نظام التعليم الالكتروني نوفر هذه الخدمة لكي نبقيك على اطلاع حول محتوى الملف الذي ستقوم بتحميله .
download lecture file topic