Poll: Did this help you ?
You do not have permission to vote in this poll.
Yes
50.00%
1 50.00%
No
50.00%
1 50.00%
Total 2 vote(s) 100%
* You voted for this item. [Show Results]

Thread Contributor: Arma
Introduction to HTML
#1
Hey guys it's Arma, today i will be introducing and explaining the basic properties of HTML.

What is HTML?
HTML stands for Hypertext Markup Language, it is the "operating system" of sorts for almost every single website on the internet.
HTML is quite a basic coding language, with people being able to absorb and create an understanding of the basic principles of the language
in a single sitting. HTML is a powerful coding language, it is able to create webpages with an almost infinite amount of customization 
possibilities. 

Elements
HTML Element's are what make up the code in a HTML File the format of a HTML Element is:
<openingtag>content</closingtag>
The opening and closing tags define what tag type the content is to be shown as. The different types of tags
are listed here:

<a> - Hyperlink
<abbr> - Abbreviation
<address> - Contact Information
<area> - Area within an Image Map
<article> - Article
<aside> - Content Aside from Page Content
<audio> - Sound Content
<b> - Bold text.
<base> - Base URL for document
<blockqoute> - A quote from another source
<body> - The tag holding the man site conent
<br> - Single line break
<button> - Clickable button
<canvas> - Drawing graphics ( Utilizes Java )
<cite> - Title of a work
<div> - Section of a document
<dl> - Description List
<dr> - Name in a description list
<em> - Emphasized Text
<footer> - Footer Section of a document
<form> - Section for user input
<h1> to <h6> - HTML Headings
<head> Information / Metadata about the Document
<header> Header Section of a document
<html> - Root of HTML Document
<img> - Image
<li> - List item
<script> - Client Side Script
<ul> - unordered List
<var> - Defines a Variable
<video> - Video
<p> - Paragraph

Simple HTML Elements:
<!DOCTYPE html> - Declares the document type to be HTML.
<html>Element</html>  - Declares the root element of the HTML Document.
<head>Information</head> - Contains the Meta Data of the Document.
<title>Arma's HTML Basics</title> -  Defines the title of the Document.
<body>HTML Shit</body> - Defines the Main body content of the Document.
<h1>Arma is a great Bloke</h1> - Defines a large heading on a Document.
<p>Paragraph text<p> - Defines a paragraph in the Document.

Example:
Code:
<html>
   <head>
       <title>Arma's HTML Intro</title>
   </head>
     <body>
      <h1>Arma is a great bloke</h1>
      <p> paragraph goes here lol</p>
      <p> another paragraph goes here lmao</p>
   </body>
</html>

This would create a document with the title "Arma's HTML Intro", the document would contain 
a header and two paragraphs as you can view in the code above. 


Thank you for reading this thread! i will most likely be updating this into a tutorial thread and maybe opening a help desk etc. 
Hope this helps you on your journey of learning the way things work and how to code things to do what you want.

- Arma
[Image: arma_sig.png]

#2
Nice tutorial, great for learners who are just starting off with basic web design principles.

#3
(11-16-2016, 02:52 AM)Silent Storm™ Wrote: Nice tutorial, great for learners who are just starting off with basic web design principles.

Thank you for the feedback! hope it can help some people out!
[Image: arma_sig.png]

#4
Nice explanation man, I'm sure people that are new can benefit from this. Adding an update with an example for each tags would be awesome.
[Image: 466bf1cb2c.jpg]

#5
(11-16-2016, 11:39 AM)Power Wrote: Nice explanation man, I'm sure people that are new can benefit from this. Adding an update with an example for each tags would be awesome.

Thanks for the suggestion, will do this when i have more time on my hands!
[Image: arma_sig.png]

#6
Really good tutorial nice man.

#7
Code:
<!DOCTYPE html>
<html>
<head>
Test Website
<!-- Title will be displayed in the tab name.-->
</head>
<h1> This is what I think would be another solid for your post </h1>
<p> Not saying anything. Great job!
</p>
<footer>
<h1> Have a great day! </h1>
</footer>
</html>
Solid basics for a person who doesn't know HTML, however adding some explanations for how to make some of the tags functional would be great. For example, the code above explains my point.



Users browsing this thread: 1 Guest(s)