Do you know how to create a website that you visit? how it was formed and become an application that can be accessed by people on the internet. ?
Did you know, that it was made with a programming language that is a collection of codes that will form a project that you want on a computer. And the programming language for creating a website is HTML.
HTML is an abbreviation of Hyper Text Markup Language, is the standard language for making a website look.
Historically html was created by the Berners Lee team in Switzerland in 1991 for the first version issued, until now html has reached html5 version.
Then how do we start to create an html program?
Well the first thing you prepare is a text editor, a software for writing or compiling a code.
One of the most likely text editors you know is "Notepad". yep maybe you just use it to write memos or short work lists.
Other examples of text editors that are more useful are Notepad ++, Sublime Text, VSCode and so on. Those are more complete features for compiling a code, but this time I will use Notepad ++ to teach you as basic learning.
Secondly, you need a web browser to run html programs, for example like Google Chrome, Mozilla Firefox, Safari, Opera and so on.
we start from the basic html syntax namely:
<!DOCTYPE html> <html> <head> <title> My Website Title </title> </head> <body> <h1> Welcome to My Website </h1> <p> This is an example paragraph </p> </body> </html>
<!DOCTYPE html> is a declaration of a document type
each html syntax begins with opening the document <html> and ending </html> with the "</" as a closing tag.
<head> </head> tag is the part of the head in which there is a <title> </title> tag which will then appear in the title bar of your web browser.
then the <body> </body> tag is the initial tag of a web page that later contains content elements.
<h1> </h1> one of the element tags in the content for a head, commonly used for the title of a content.
<p> </p> tag elements for a paragraph of content.
Then open your text editor and start writing the code above.
Then save the file named home.html, and open the file in the browser.
1. Attributes
Inside an html tag there is an attribute for example in the <a> </a> tag, the tag that functions as a hyperlink that is to access to another link. To enter these other links, the href = "" attribute must be
<a href="http://google.com"> Google </a>.
As our other example we will arrange an article in the content by using the tag <font> as an example of syntax
<font color = "red" size = "150"> Hello World! </font>
The color = "red" attribute functions to give color to the text in the <font> tag and red is the color given.
size = "150" attribute sets the size of the post.
We will try to run this attribute code sample.
you can see in the text "Google" that is a hyperlink, if you click it will redirect to the Google website page that you put on the attribute href = "" and in the text "Hellow World!" red text with a size of 200 according to what you write in the attribute color = "" and size = ""
The material this time I think is enough up here as an introduction, thank you very much.
0 Comments