এইচটিএমএল ডিভ টিউটোরিয়াল (
HTML Div Tutorial in Bangla)
div ট্যাগ (<div></div>) খুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর। এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে section (খন্ড) তৈরী করা
হয়। যতগুলি div ততগুলি খন্ড। একটা
<div></div> এলিমেন্ট তার ভিতরে থাকা সব এলিমেন্টের জন্য
পাত্র বা container হিসেবে কাজ করে।
লেআউট বানানোর জন্য
div এর জুরি নেই। এইচটিএমএল এ লেআউটের
জন্য টেবিল ব্যবহার শূন্যের কোঠায় চলে এসেছে বিভিন্ন কারনে। আর তাই div এখন লেআউট তৈরীর অবিচ্ছেদ্য উপাদান।
<div style="border:1px solid #f00">
<h1>HTML div tutorial in YpDesigner</h1>
<p>Basically div layout designed by CSS</p>
</div>
<div style="border:1px solid #f00">
<h1>HTML div tutorial in YpDesigner</h1>
<p>Basically div layout designed by CSS</p>
</div>
div দিয়ে কোড লেখার পর সিএসএস দিয়ে সেটা প্রয়োজনীয়
আকৃতি দেয়া হয়। সিএসএস টিউটোরিয়ালে
এসব আলোচনা হবে।
এখানে শুধু জেনে রাখুন
div একটি অন্যান্য এ্ইচটিএমএল এলিমেন্টের মত একটা এলিমেন্ট । এটা ব্লক লেভেল এলিমেন্ট। align নামে একটা এট্রিবিউট ব্যবহার করা যায় তবে HTML 5 এটা
deprecated, আসলে align এট্রিবিউটের সব কাজ সিএসএস
দিয়ে করা যায় বা করা য়।এখানে ইনলাইন সিএসএস লিখেছি (style="border:1px solid #ddd") এরুপ সিএসএস দিয়ে সুন্দর
সুন্দর লেআউট বানানো যায়।
<div
style="float:left;background:yellow;width:100%;">
<ul>
<li>item1</li>
<li>item 2</li>
</ul>
</div>
<div style="border:1px solid #f00; float:left
;width:48% ">
<h1>HTML div tutorial in YpDesigner</h1>
<p>Basically div layout designed by CSS</p>
</div>
<div style="border:1px solid #f00;
float:left;width:48%;margin-left:5px">
<h1>HTML div tutorial in YpDesigner</h1>
<p>Basically div layout designed by CSS</p>
</div>
<div
style="background:#000;width:100%;float:left;color:#fff;text-align:center;">
Copyright © YpDesigner
</div>
Ordered
Alphabetically
S=Strict,
T=Transitional, and F=Frameset
88
----HTMT TAG
Tag
|
Description
|
DTD
|
<!--...-->
|
Defines a comment
|
STF
|
<!DOCTYPE>
|
Defines the document type
|
STF
|
<a>
|
Defines an anchor
|
STF
|
<abbr>
|
Defines an abbreviation
|
STF
|
<acronym>
|
Defines an acronym
|
STF
|
<address>
|
Defines contact information for the author/owner of a document
|
STF
|
<applet>
|
Deprecated. Defines an embedded applet
|
TF
|
<area
/>
|
Defines an area inside an image-map
|
STF
|
<b>
|
Defines bold text
|
STF
|
<base
/>
|
Specifies the base URL/target for all relative URLs in a
document
|
STF
|
<basefont
/>
|
Deprecated. Specifies a default color, size, or font for
all the text in a document
|
TF
|
<b0dy>
|
Overrides the current text direction
|
STF
|
<big>
|
Defines big text
|
STF
|
<blockquote>
|
Defines a long quotation
|
STF
|
<body>
|
Defines the document's body
|
STF
|
<br
/>
|
Defines a single line break
|
STF
|
<button>
|
Defines a clickable button
|
STF
|
<caption>
|
Defines a table caption
|
STF
|
<center>
|
Deprecated. Defines centered text
|
TF
|
<cite>
|
Defines a citation
|
STF
|
<code>
|
Defines a piece of computer code
|
STF
|
<col
/>
|
Defines attribute values for one or more columns in a
table
|
STF
|
<colgroup>
|
Specifies a group of one or more columns in a table for
formatting
|
STF
|
<dd>
|
Defines a description of an item in a definition list
|
STF
|
<del>
|
Defines text that has been deleted from a document
|
STF
|
<dfn>
|
Defines a definition term
|
STF
|
<dir>
|
Deprecated. Defines a directory list
|
TF
|
<div>
|
Defines a section in a document
|
STF
|
<dl>
|
Defines a definition list
|
STF
|
<dt>
|
Defines a term (an item) in a definition list
|
STF
|
<em>
|
Defines emphasized text
|
STF
|
<fieldset>
|
Groups related elements in a form
|
STF
|
<font>
|
Deprecated. Defines font, color, and size for text
|
TF
|
<form>
|
Defines an HTML form for user input
|
STF
|
<frame
/>
|
Defines a window (a frame) in a frameset
|
F
|
<frameset>
|
Defines a set of frames
|
F
|
<h1>
to <h6>
|
Defines HTML headings
|
STF
|
<head>
|
Defines information about the document
|
STF
|
<hr
/>
|
Defines a horizontal line
|
STF
|
<html>
|
Defines the root of an HTML document
|
STF
|
<i>
|
Defines italic text
|
STF
|
<iframe>
|
Defines an inline frame
|
TF
|
<img
/>
|
Defines an image
|
STF
|
<input
/>
|
Defines an input control
|
STF
|
<ins>
|
Defines text that has been inserted into a document
|
STF
|
<kbd>
|
Defines keyboard input
|
STF
|
<label>
|
Defines a label for an <input> element
|
STF
|
<legend>
|
Defines a caption for a <fieldset> element
|
STF
|
<li>
|
Defines a list item
|
STF
|
<link
/>
|
Defines the relationship between a document and an
external resource
|
STF
|
<map>
|
Defines a client-side image-map
|
STF
|
<menu>
|
Deprecated. Defines a menu list
|
TF
|
<meta
/>
|
Defines metadata about an HTML document
|
STF
|
<noframes>
|
Defines an alternate content for users that do not
support frames
|
TF
|
<noscript>
|
Defines an alternate content for users that do not
support client-side scripts
|
STF
|
<object>
|
Defines an embedded object
|
STF
|
<ol>
|
Defines an ordered list
|
STF
|
<optgroup>
|
Defines a group of related options in a drop-down list
|
STF
|
<option>
|
Defines an option in a drop-down list
|
STF
|
<p>
|
Defines a paragraph
|
STF
|
<param
/>
|
Defines a parameter for an object
|
STF
|
<pre>
|
Defines preformatted text
|
STF
|
<q>
|
Defines a short quotation
|
STF
|
<s>
|
Deprecated. Defines strikethrough text
|
TF
|
<samp>
|
Defines sample output from a computer program
|
STF
|
<script>
|
Defines a client-side script
|
STF
|
<select>
|
Defines a drop-down list
|
STF
|
<small>
|
Defines smaller text
|
STF
|
<span>
|
Defines a section in a document
|
STF
|
<strike>
|
Deprecated. Defines strikethrough text
|
TF
|
<strong>
|
Defines strong text
|
STF
|
<style>
|
Defines style information for a document
|
STF
|
<sub>
|
Defines subscripted text
|
STF
|
<sup>
|
Defines superscripted text
|
STF
|
<table>
|
Defines a table
|
STF
|
<tbody>
|
Groups the body content in a table
|
STF
|
<td>
|
Defines a cell in a table
|
STF
|
<textarea>
|
Defines a multiline input control (text area)
|
STF
|
<tfoot>
|
Groups the footer content in a table
|
STF
|
<th>
|
Defines a header cell in a table
|
STF
|
<thead>
|
Groups the header content in a table
|
STF
|
<title>
|
Defines a title for the document
|
STF
|
<tr>
|
Defines a row in a table
|
STF
|
<tt>
|
Defines teletype text
|
STF
|
<u>
|
Deprecated. Defines underlined text
|
TF
|
<ul>
|
Defines an unordered list
|
STF
|
<var>
|
Defines a variable
|
STF
|
<xmp>
|
Deprecated. Defines preformatted text
|
0 comments:
Post a Comment