The Html page, which is a scripting language used to create web pages on the Internet in order to enable users to log in, is kept on the servers where it is located with the extensions '.html' or '.htm'. When logging into any website, the page that the system directs us to is defined as the login page to the site. Creating web pages with HTML is very simple. When you start creating web pages with this language, you can develop pages as if you are using a daily spoken language. At this stage, the question of what is css is also one of the questions to be answered, but it will not be mentioned because it is out of our subject at the moment. Because css is a different technology in itself. Now we can answer the question of how to use HTML. For this, using the 'Notepad' program will be a very practical solution. The fact that applications developed with Html do not need to be compiled provides great convenience and advantages to developers in this regard.
We will often use the lowercase and uppercase (< >) signs to create an HTML page. Then let's start by writing 'html' between the < > signs. Then we write the 'head' and 'body' tags inside the html tag using the (< >) signs. The html, head and body we write here are called tags in HTML language.
Now, let's examine the codes of the situation we mentioned above in detail below.
<html>
<head>
<title> Our First HTML Page </title>
</head>
<body>
<font size = "5" face = "Tahoma" color = "gray"> Our First HTML Page </font>
</body>
</html>
When we examine the above codes, we see a nested structure. On the outermost are the <html> </html> tags that we mentioned above. The next tag is <head> </head> and the next tag is <body> </body>. The head tag represents the title, while the body tag represents the body. In other words, we write the data about the title of a web page in the head tag, and the ones related to the content and appearance in the body tag.
Label(Tag) Description
<!–…–> Defines comments
<!DOCTYPE> Specifies the document type
<a> Defines a hyperlink
<abbr> Defines an acronym or an abbreviation
<acronym> Defines an acronym (<abbr> is used in HTML5)
<address> Identifies the contact information of the author/owner of a document
<applet> Defines an embedded applet. (HTML5 uses <Embed> or <object>)
<area> Defines an area within an image map
<article> Defines an article
<aside> Defines page content aside
<audio> Defines audio content
<b>Bold text defines</b>
<base> Sets the base URL / destination for all relative URLs in a document
<basefont> Specifies a default color, size, and font for all text in a document (HTML5 is not supported. Use CSS instead)
<bdi> May be formatted in a different direction than other text isolates some of the text
<bdo> Overrides current text direction
<big> Defines large text (HTML5 not supported. Use instead of CSS)
<blockquote> Defines a quoted section from another source
<body> Defines the body of the document
<br> Defines a single line break
<button> Defines a clickable button
<canvas> Used to draw graphics on the fly via scripting (usually JavaScript)
<caption> Defines a table caption
<center> Defines centered text (HTML5 not supported. Use instead of CSS)
<cite> Defines the title of a work
<code> Identifies a piece of computer code
<col> Specifies column properties for each column within a <COLGROUP> element
<colgroup> Specifies a table, one or more column groups to format
<datalist> Specifies a predefined list of options for input controls
<dd> Defines the description / value of a term in a description list
<del> Defines text that has been deleted from a document
<details> User defines additional details to display or hide
<dfn> represents an instance of defining a term
<dialog> Defines a dialog or window
<dir> Defines a directory listing (HTML5 not supported. Use <ul>)
<div> Defines a section in a document
<dl> Defines a description list
<dt> Defines a term/name in a description list
<em> Defines highlighted text
<embed> Defines a container for external (non-HTML) application
<fieldset> Groups related to elements of a form
<figcaption> Defines a title for a <digit> element
<figure> Specifies self-contained content
<font> Defines the font, color and size for text
<footer> Defines the footer of a document or section
<form> Defines an HTML form for user input
<frame> Defines an HTML form for user input…
<frameset> Defines the frameset
<h1> title 1st degree
<h6> Defines HTML headers
<head> Defines information about the document
<header> Defines a header of a document or section
<hr> Content defines thematic change
<html> Defines the root of an HTML document
<i> Defines the root of an HTML document
<iframe> Defines an inline frame
<img> Defines an image
<input> Defines an input control
<ins> Defines text embedded in a document
<kbd> Defines keyboard input
<keygen> defines a keypair generator field (for Forms)
<label> Defines a tag for a <input> element
<legend> Defines a title for a <fieldset> element
<li> Defines a list item
<link> Defines the relationship (most used to link style sheets) between a document and an external resource
<main> Determines the main content of a document
<map> Defines a client-side image map
<mark> Defines marked / highlighted text
<menu> Defines a list of commands / menu
<menuitem> Defines a command/menu item that the user can invoke from the dropdown
<meta> Defines meta about an HTML document
<meter> Defines a scalar measure within a known range (a measure)
<nav> Defines navigation links
<noframes> Defines an alternative content for users that do not support frames
<noscript> Defines an alternative content for users without client-side script support
<object> Defines an embedded object
<ol> Defines an ordered list
<optgroup> defines a group of related options in a drop-down list
<option> Defines an option from a drop-down list
<output> Defines the result of a calculation
<p> Defines a paragraph
<param> Defines a parameter for an object
<pre> Defines preformatted text
<progress> represents the progress of a task
<q> Defines a short quote
<rp> Defines what ruby shows in browsers that do not support annotations
<rt> character defines a description/pronunciation (for East Asian typography)
<ruby> defines a ruby annotation (for East Asian typography)
<s> Now defines correct text
<samp> A computer program defines sample output
<script> Defines a client-side script
<section> Defines a section in a document
<select> Defines a dropdown list
<small> Defines smaller text
<source> (<Video> and <audio>) defines multiple media sources for media elements
<span> Defines a section in a document
<strike> Defines strikethrough text (HTML5 not supported. Use <del> or <s>)
<strong> Identifies important text
<style> Defines style information for a document
<sub> Defines subscripted text
<summary> Defines a visible title for a <detail> element
<sup> Defines superscript text
<table> Defines a table
<tbody> Groups a table body content
<td> Defines a cell in a table
<textarea> Defines multi-line input control (text area)
<tfoot> Groups a table footer content
<th> Defines a header cell in a table
<thead> Identifies a header cell in a table
<time> Defines a date/time
<title> Defines a title for the document
<tr> Defines a row in a table
<track> (<Video> and <audio>) defines text tracks for media elements
<tt> Defines teletype text
<u> Defines text that must be stylistically different from regular text
<ul> Defines an unordered list
<var> Defines a variable
<video> Defines a video or movie
<wbr> Defines a possible line-break