Jan 15, 2016 06:50 PM
(This post was last modified: Jan 15, 2016 07:34 PM by gabrielchihonglee.)
This post was first posted by me on http://megabg.com/showthread.php?tid=45
My username there is gabrielchihonglee. I don't know if posting the same post of the same person on different forums violate the rules, if it does, I am very sorry for that, please tell me and delete this post.
For example, here is a screenshot of a website with and without css:
[img]http://css.biz/wp-content/uploads/2013/01/css_tutorial.jpg[/img]
Therefore, changing the CSS can create a different style for the same webpage:
[img]http://webstyleguide.com/wsg3/figures/5-site-structure/5-6-700.jpg[/img]
But before CSS, we need a HTML file to determine the contents of the webpage, here is an example of HTML file structure:
The browser reads the file and determines how to display the contents, for example,
Will lead to:
You are beginning to learn HTML.
So, this is the end for my first tutorial introducing HTML and CSS to you.
My username there is gabrielchihonglee. I don't know if posting the same post of the same person on different forums violate the rules, if it does, I am very sorry for that, please tell me and delete this post.
[img]http://oi68.[censored].com/2zg9a3d.jpg[/img]
Let's first know about the full name of HTML and CSS:
- HTML - Hyper Text Markup Language
- CSS - Cascading Style Sheets
Web pages are created using HTML and CSS. What do these languages do?
- HTML is used to establish a page's structure. It also lets us add text, links and images.
- CSS is used to control the design and layout of the page.
For example, here is a screenshot of a website with and without css:
[img]http://css.biz/wp-content/uploads/2013/01/css_tutorial.jpg[/img]
Therefore, changing the CSS can create a different style for the same webpage:
[img]http://webstyleguide.com/wsg3/figures/5-site-structure/5-6-700.jpg[/img]
But before CSS, we need a HTML file to determine the contents of the webpage, here is an example of HTML file structure:
Code
<html>
<head>
<title>Page title here</title>
</head>
<body>
This is sample text...
[b]<!--[/b] We use this syntax to write comments -->
[b]<!--[/b] Page content and rest of the tage here... -->
[b]<!--[/b] This is the actual area that gets shown in the browser -->
</body>
</html>The browser reads the file and determines how to display the contents, for example,
Code
<p>You are <em>beginning</em> to learn <b>HTML</b>.</p>You are beginning to learn HTML.
So, this is the end for my first tutorial introducing HTML and CSS to you.
[img]http://oi67.[censored].com/2wdsqy8.jpg[/img]
In the next tutorial, we will cover HTML elements, which are the basic units of a webpage.


![[Image: d4ca372b95fbe283b9e1e3503084bf39.png]](https://i.gyazo.com/d4ca372b95fbe283b9e1e3503084bf39.png)

![[Image: 9noGpJD.jpg?1]](https://i.imgur.com/9noGpJD.jpg?1)