basic html, can somebody teach me about html.... Options

[hottiebheibi]

first and foremost, im a med student not a computer student, so please bear with me ... eneweiz, i want to learn all the basics of html... i know what the scripts are *i have all the list already* now, my problem is editing / changing the styles *that's what i call it* the html.. for example:::

if the code is <div id="bheibi"> it will be #bheibi *right? and <div class="sweet" it will be .sweet right? but, what if the codes are:

<img id="pic">
<img class="pic2">
<p id="yes">
<table id="pink">
<a class="blue">
<ul id="black">

and

<div id="xanga">
<h2> XANGA BLOG </h2>

<div class="buttons">
<ul>
<li>

<table id="red">
<tr>
<td>

<ul id="purple">
<li class="violet">
<img class="color">

how do i edit this things???

[talcumpowder]

Same way. Doesn't matter if it's a table, image, list or paragraph. All id's must be unique. Meaning you don't have a <img id="blue" scr="" alt=""> and a <div id="blue"> in the same page. Class, however, can be applied to multiple things. You can have a <img class="blue" scr="" alt=""> and a <div class="blue"> in the same page... Not that you would want to.
But, to simplify coding, your class/id should reflect what it contains or does.

[hottiebheibi]

but how am i going to edit the <ul> in the div? or img under the div?

[YourSuperior]

Just add ul or img to css like below.

CODE

<style type="text/css">
ul{
color: #000000;
background-color: #FFFFFF;
font family: Arial;
font-size: 12pt;
}
img{
color: #000000;
background-color: #FFFFFF;
font family: Tahoma;
font-size: 8pt;
}
</style>

[talcumpowder]

Er... A list/img within a div? Let's say it looked as follows:

CODE

<div id="boo">
<ul><li>This is a list item in an unordered list.</li></ul>
<img src="URL" alt="Image with boo.">
</div>

Then you could do your css like follows:

CODE

<style type="text/css">
#boo ul{font: 12pt Arial #000000; list-style-type: circle;}
#boo img{ width: 200px; border: 0px solid #000000;}
</style>

Which would make all ul tags in the div "boo" display @ 12pt Arial in black with a circle for a bullet point. Learn more about style-types here. Then, all the images in the "boo" div would display as 200px wide with no border. You can do that for p-tags and so forth too. But p-tags are better to use "class" on. For further CSS (and mountains of other stuff) reference, visit w3schools.com.

[hottiebheibi]

tnx... now i know better... :)