L003. coding basics
on CLOUD 9 || graphics & layouts tutorialscoding basics
1. You'll need to go into source to start coding. Click "source" to code and click it again to go back to the normal editor.
2. The most important thing about coding is the <div> tag. The <div> tag groups different part of the code together. <div> starts the group and </div> ends the group.
For example, the blue <div> and </div> groups 1 part of the code, and so any other tag applied to this <div> group will apply to the whole group.
3. Click on the preview button to preview how your layout would look like.
In this case, this is the preview of my layout:
4. The <div> tag groups, adding the word style to it enables you to add style to the group.
So when you put
<div style="width:200px;">text here</div>
that text box would have a width of 200.
Notice how you'll need to put an = sign, followed by the " and " to group all your styles together, so if you want to set the height of the group as well, you'll put
<div style="width:200px;height:200px;">
Also, you'll need to add px behind any value of size in your code, take it as a unit
Comments