Posts

Showing posts with the label HTML

HTML Colors | html color, html color codes, html color picker, rgb color picker, html background color

Image
HTML -Colors | rgb color picker | html background color | html font color | learn html | hex color codes | html text color1. Text color करनाText को Color करने के लिए  "color= 'color name'  या color code;" का प्रयोग किया जाएगा।  जैसे-  <p style="color=blue">
<h1 style="color=blue">
<div style="color=blue">
<span style="color=blue">
<body style="color=blue">
<li style="color=blue">
or
<p style="color=#fff"> 
<h1 style="color=#ddd">
<div style="color=#eee">
<span style="color=#ccc">
<body style="color=#3D3F">
<li style="color=#4E5D">
2. Background color करनाbackground को color करने के लिए "background-color:'color name या code' " का प्रयोग किया जाएगा। जैसे-
<body style=background-color:yellow> or <body style="background-color:#2f3d">

HTML ID Selector

Image
HTML ID selector बिल्कुल क्लास की तरह ही define किया जाता है बस केवल ID name के पहले "." की जगह पर आपको "#" का प्रयोग करना होता है।

उदाहरण देखें-


 यहां पर लाईन 6 में class define किया गया है. जबकि लाईन 14 में ID define की गई है।

इसी प्रकार से आप ब्लाक बना सकते हैं।

यहां पर कुछ HTML के इनलाईन ब्लाक के element दिये जा रहे है जिनका प्रयोग ब्लाक बनाने में किया जा सकता है।

<a>,    <abbr>,    <var>,  <time>,   <b> ,  <big>,   <br>,   <button>,  <city>,  <code>,  <input>,   <kbd>,  <label>,  <object>, <output>,  <strong>,  <samp>,  <script>,  <select>, <div>

उदाहरण देखें-


इसी प्रकार आप अलग-अलग तरह के ब्लाक अपने वेब पेज पर बना सकते हैं।

लाईन 18- में float: none; से आप ब्लाक को vertically align कर सकते हैं।

यहां पर लाईन  23 एवं 28 के <div id="list"> आवश्यकता नहीं हैं। यदि आप ब्लाक की नेस्टिंग करना चाहते हैं तभी आपको इसकी आवश्यकता होगी।