[HTML & CSS] HTML & CSS TUTORIAL - #1 - INTRODUCTION

[HTML & CSS] HTML & CSS TUTORIAL - #1 - INTRODUCTION - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: [HTML & CSS] HTML & CSS TUTORIAL - #1 - INTRODUCTION (/showthread.php?tid=5135123)

[HTML & CSS] HTML & CSS TUTORIAL - #1 - INTRODUCTION - gabrielchihonglee - Jan 15, 2016

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.

[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>

Will lead to:
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.

* - Jakeyy - Jan 15, 2016

Will someone please ban this LQ fuck. 🤝

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

Spoiler (Click to View)

* - gabrielchihonglee - Jan 17, 2016

(Jan 15, 2016 11:00 PM)Jakeyy Wrote: Will someone please ban this LQ fuck. 🤝

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

Spoiler (Click to View)

hey, it is just only the basic structure, please be calm....

i promise that i will quote that source next time, okay? plz forgive me

* - Armagedon - Jan 17, 2016

(Jan 15, 2016 11:00 PM)Jakeyy Wrote: Will someone please ban this LQ fuck. 🤝

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction

Spoiler (Click to View)

:D ahahahaa nice one bro! 🤗 🤝 🎉

* - wanbetaaler - Jan 18, 2016

Are you serious bruv..

i cant learn anything from this LQ post this does not even explain the basics..

* - gabrielchihonglee - Jan 18, 2016

(Jan 18, 2016 03:14 AM)wanbetaaler Wrote: Are you serious bruv..

i cant learn anything from this LQ post this does not even explain the basics..

this is just introduction, https://hackforums.net/showthread.php?tid=5135193 is another part of it

* - Sakuto - Jan 18, 2016

This is really basic, why make more than one thread for something like this?

* - gabrielchihonglee - Jan 19, 2016

(Jan 18, 2016 01:42 PM)Sakuto Wrote: This is really basic, why make more than one thread for something like this?

ok, I am sorry for that, I won't post any thing like this forever. thank you all for teaching me this lesson :)