Saturday, February 25, 2017

( HTML Div Tutorial in Bangla) এইচটিএমএল ডিভ টিউটোরিয়াল

এইচটিএমএল ডিভ টিউটোরিয়াল ( HTML Div Tutorial in Bangla)

HTML Div Tutorial in Bangladiv ট্যাগ (<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 &copy; YpDesigner
</div>



                                                                       Ordered Alphabetically
     DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed.
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


----------------------------------------------------------x---------------------------------------------------

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo