Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

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

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.
Will someone please ban this LQ fuck. 🤝

https://developer.mozilla.org/en-US/docs...troduction

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

https://developer.mozilla.org/en-US/docs...troduction

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
(Jan 15, 2016 11:00 PM)Jakeyy Wrote:  Will someone please ban this LQ fuck. 🤝

https://developer.mozilla.org/en-US/docs...troduction

Spoiler (Click to View)

:D ahahahaa nice one bro! 🤗 🤝 🎉
Are you serious bruv..

i cant learn anything from this LQ post this does not even explain the basics..
[Image: 9noGpJD.jpg?1]
(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
This is really basic, why make more than one thread for something like this?
(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 :)


Possibly Related Threads...
Thread / Author Replies Views Last Post
by Nakamoto.Apr 25, 2018 05:29 AM 44 8,754 Apr 25, 2018 05:29 AM
Last Post: Serenitee
by NasyrJul 28, 2017 04:51 AM 15 453 Jul 28, 2017 04:51 AM
Last Post: VirtualFrost
by gabrielchihongleeJan 15, 2016 08:11 PM 0 249 Jan 15, 2016 08:11 PM
Last Post: gabrielchihonglee