In this tutor I will show you the basic of HTML.
What is the HTML?
HTML, which stands for Hyper Text Markup Language, is the predominant markup language for web pages. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists etc as well as for links, quotes, and other items. It allows images and objects to be embedded and can be used to create interactive forms. It is written in the form of HTML elements consisting of “tags” surrounded by angle brackets within the web page content. It can include or can load scripts in languages such as JavaScript which affect the behavior of HTML processors like Web browsers; and Cascading Style Sheets (CSS) to define the appearance and layout of text and other material. The W3C, maintainer of both HTML and CSS standards, encourages the use of CSS over explicit presentational markup.
Let start:
to start open an editor text like notepad.
All html page start by : <html> named tag. each tag should be closed with the same name with start with a slash. the html tag will be closed by </html>
next tag is <head> also will be closed with a </head>. <head>define the head of your page that include the title, description, keyword of you page befre you start building it.
each web page should have a title: what’s this page talk about.
than we define the title tag <title> … </title>
let combine all this tag:
<html>
<head>
<title> my first html tutor test </title>
</head>
</html>
Now we need to build the body of the web page. the body will start with the rag <body> and end with end by </body>
the body will start just after the head than our page will become:
<html>
<head><title>My first html tutor </title></head>
<body>
</body>
</html>
Now let write some think in opur page.
Most people use the “hello world” for there first test. let change it today, we will let our page write “ Never too late to learn“
our new page will look like :
<html>
<head><title>My first html tutor </title></head>
<body>
Never too late to learn
</body>
</html>
now save this text under any name you like with an extesion .html or .htm
you can name it test1.html save it in mydocument now if you double click the file test1.html
you will get a screen like bellow:
you can see in the top of the window the title of the page and the text message you write in main page.
That was your first test .
Of course we will not make a webpage just to write a few word.
Next time I will show how to change the text, how to chamge font size, create a table.
you can bookmark this page
Filed under: HTML Basic
Trackback Uri
Recent Comments