HTML 'div' Tag/Element

Q

What Is a "div" Tag/Element?

✍: FYIcenter.com

A

A "div" element is a block element that you can use a container of flow elements (flow elements are really the superset of both inline elements and block elements). By default, "div" elements will be treated as paragraphs by most browsers. Here are basic rules about an "div" element:

"div" elements are block elements.
"div" elements can have PCDATA as contents.
"div" elements can have inline elements as sub-elements.
"div" elements can have block elements as sub-elements.
A "div" element will be displayed as a paragraph by most browsers.

Here is a tutorial example of "div" elements:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>DIV Elements as Paragraphs</title>
 </head>
 <body>
  <h4>XHTML Interview Questions</h4>
  <div style="background-color: #eeeeee; padding: 4px;">
   Q: What is the number one advantage of using XHTML?
  </div>
  <div style="background-color: #ffeeff; padding: 4px;">
   A: XHTML documents are well-formed XML documents.
   This allows your documents to be processed by any XML 
   applications.</div>
  <div style="background-color: #eeeeee; padding: 4px;">
   Q: What is most difficult part when converting 
   a HTML document into an XHTML document?</div>
  <div style="background-color: #ffeeff; padding: 4px;">
   A: The most difficult part is to make all elements
   are closed. XML documents requires that all elements
   must be closed with closing tags or with the extra "/" 
   at the end of the opening tag.</div>
 </body>
</html>

If you save the above document as div_elements.html and view it with Internet Explorer, you will see that each "div" is displayed as a paragraph as shown below:

⇒ Using HTML 'div' Elements with CSS Properties

⇐ HTML 'div' and 'span' elements

⇑ HTML 'div' and 'span' elements

⇑⇑ HTML Tutorials

2017-03-11, ∼2546🔥, 0💬

Server-Side Image Maps in HTML
What Is a Server-Side Image Map? A server-side image map is an image inside a hyper link. The image must be defined with the "ismap" attribute in the "img" element. When a server-side image map is clicked in a browser window, the mouse coordinates will be delivered to the server by them to the end o... 2017-03-22, ∼4138🔥, 0💬

Client-Side Image Maps in HTML
What Is a Client-Side Image Map? A client-side image map is an image defined with the "ismap" attribute and the "usemap" attribute. When a client-side image map is clicked in a browser window, the browser will take mouse coordinates and map them to a predefined image map entry, to retrieve a target ... 2017-03-22, ∼2999🔥, 0💬

Nested HTML 'div' Elements
Can "div" Elements Be Nested? Can "div" elements be nested? The answer is yes. In fact, nested "div" elements provides you more flexibilities to specify CSS properties at different levels. Here is a tutorial example of nested "div" elements: <?xml version="1.0" ?> <!DOCTYPE html... 2017-03-11, ∼2949🔥, 0💬

Animated Images in HTML
What Is an Animated Image? An animated image is a special image file saved in animated GIF format. When an animated image is displayed in a browser window, multiple image frames will be displayed in sequence to form a simple animation. Here is a tutorial example with a server-side image map: &lt... 2017-03-22, ∼2692🔥, 0💬

HTML 'div' Tag/Element
What Is a "div" Tag/Element? A "div" element is a block element that you can use a container of flow elements (flow elements are really the superset of both inline elements and block elements). By default, "div" elements will be treated as paragraphs by most browsers. Here are basic rules about an "... 2017-03-11, ∼2547🔥, 0💬

Using HTML 'div' Elements with CSS Properties
How To Use "div" Elements to Change CSS Properties? As elements containers, "div" elements are perfect places to set CSS properties which will be applied to all elements in the container. Here is a tutorial example of how to set CSS properties on "div" elements: <?xml version="1.0" ?> ... 2017-03-11, ∼2525🔥, 0💬

HTML 'span' Tag/Element
What Is a "span" Tag/Element? A "span" element is an inline element that you can use a container of inline elements and text contents. By default, browsers will do nothing on "span" elements unless specify some CSS properties in them. Here are basic rules about an "span" element: "span" elements are... 2017-03-11, ∼2462🔥, 0💬

HTML 'div' and 'span' elements
Where to find tutorials of introduction to HTML "div" and "span" elements? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML "div" and "span" elements. Clear answers are provided with tutorial exercises on basic usages of "di... 2017-03-22, ∼2370🔥, 0💬

Floating HTML 'div' Elements
Can "div" Elements Be Floated? Can "div" elements be floated? The answer is yes. If you want to float a "div" block, you can use the "float" CSS property. Here is a tutorial example of floated "div" elements: <?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 St... 2017-03-11, ∼2362🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.