 |
|
 |
 |
CSS and HTML are a bit different in terms of lists. In CSS, there are only 2 types of lists as opposed to HTML, which has 3. CSS has numbered and bulleted types of lists and you can define the style of the bullets and numbers with CSS using list-style-type property.
Styling the List
This tutorial deals with major aspects of background effects and CSS. We will cover
1)Colors
2)Images
3)Watermarking
The CSS box model is the one which model which is implemented while rendering images in any browser. It takes care of the boxes that are formed around the content in any Webpage. Every element under consideration is as a box, and this factor does not depend upon the actual shape of the object. It might be an ellipse, but would still be represented in a box.
Parts of the CSS box model
There are four parts
1)Margin
2)Border
3)Padding
4)Content
Today, we will be discussing the most basic tags that are required by ever web-page for proper compilation in HTML.
The HTML Tag
<html> is the topmost tag in any HTML page because this is the tag which tells the browser that this page will be treated as an HTML page, and the whole formatting would be done based on the HTML text. It is a paired tag, and it requires a </html> to close and to tell the browser that all HTML data has finished after it. It is essentially the last tag of an HTML page.
Now in this tutorial, we are going to discuss about HTML tags which define the page, like blanks, quotes and paragraphs.
The Paragraph Tag
The paragraph tag, given by <p> , is used for making paragraphs in your text. Its an open tag, which means that the </p> tag is not required. They basically indicate where a new paragraph starts by inserting a blank between successive text. Consecutive <p> tags are ignored by the browser, and each <p> pair should have some text between them for actual count.
Now that you have successfully started with Notepad and HTML, lets move on to headings and Text stuff in your site.
We can divide the whole Website into headings, and there are a total of 6, starting from h1 to h6. The main heading, which is also the largest, is h1, and all others are subheadings.
Text can be modified using Bold and Italics effects as per your requirement. Usually, these are used to divide and make the Web document presentable, and its used to highlight important stuff.
HEADINGS
There are 6 headings in total, and they can be coded in the following form as shown.
So you want to get started with Website designing, and are confused which all software you would require?! Well initially, you can start with the inbuilt Windows editor which can easily help you out with the HTML, because that is what you would be using for most of your initial development. On top of that, its free and easy to learn!
Lets get started with the basics of HTML with Notepad
STEP 1
Go to Start > Programs > Accessories > Notepad, to start the application.
Web design can be an incredibly daunting project if you are new to the idea of the Internet. If you are interested in creating your own website but are not sure where to begin, here is a brief tutorial on getting started with website design and development.
1- Learn a little bit of HTML – There are plenty of WYSIWYG or “What You See Is What You Get” HTML editors, but there are a lot more capabilities out there that you will only discover if you take the plunge and learn some HTML on your own.
- Learning HTML can be one of the greatest investments that you ever make when it comes to designing and developing a website. There are many great places to learn HTML, including HTML Goodies and HTML Tutorial
- Learning CSS is another important part of designing and developing a website, as they can assist tremendously when it comes to controlling your website’s layout, images and colors. The w3schools website I mentioned before is a great place for learning CSS as well.