Toggle navigation
TechnoWikis.com
Email or Username
Password
Remember
Login
Register
|
I forgot my password
All Activity
Questions
Hot!
Pending
Ask a Question
Privacy Policy
Contact
Learning basic Html and my first web page
Home
Tutorials
Development
HTML5 / CSS3
Learning basic Html and my first web page
(adsbygoogle = window.adsbygoogle || []).push({});
+5
votes
247
views
Learning basic Html and my first web page
asked
Jun 23, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
reopened
Jun 23, 2019
|
247
views
answer
Your answer
Your name to display (optional):
Email me at this address if my answer is selected or commented on:
Email me if my answer is selected or commented on
Privacy: Your email address will only be used for sending these notifications.
Add answer
Cancel
1
Answer
+3
votes
Best answer
What is HTML?
Its acronym means "Language for hypertext markup".
It is defined as a language of labels that allow the development of a web page.
Among the elements with which this language counts, are the controls (labels, text boxes, text areas, buttons) to implement forms, lists, tables, insert images, video, audio, among others.
It is a very simple language to learn because it is not in itself a programming language, but a language that makes.
In addition to that the reserved words that compose it are easy to remember and very descriptive.
The most basic environment to start practicing and developing a web page is the common "Notepad" which is a text editor, although there are also special compilers (for example, Netbeans) that have the function of autocorrection for when a word in the syntax it is wrong, it marks it and makes it easier to locate.
HTML files should always be saved with the extension .html, whether the developer adds it manually or the editor adds it automatically.
The type of .html file will be opened with the browser or browser of the user's preference (for example: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) since, as previously mentioned, the HTML language is composed of tags which the browser is ready to interpret.
Your first web page ...
In this case we will open the notebook, because we are working under windows environment and we will introduce the following code, for the typical "Hello world!":
As can be seen in the image, the file has not yet been saved.
Then we go to the File> Save menu.
To have well organized the files that we develop during this tutorial we will create a folder with the name "BASIC HTML", we access this folder and we personalize the file name, we introduce the name "index.html" remembering that it is important to establish the extension, because but it will only be saved as a text file ie .txt.
Go to the location of the file, double click on icon with the name "index.html" and this will open in the default browser in this case Google Chrome.
This is what you will see:
Now let's go back to the code ...
<html>
Tells the browser that it is opening an HTML file.
<head>
Document header.
<title> My first web page.
</ title>
Title of the page.
</ head>
Close the document header.
<body>
Body, all the contents of this section will appear on the page.
Hello World!
</ body> Body
closure.
</ html>
Close the HTML file.
The <html> tag tells the browser that an html document is being opened, this is where it begins to interpret the content.
It is important that each label that opens be closed, the closing tag can be displayed at the end of the document.
<Head> indicates the header of the document, here among other things that we will learn later will be placed the title of the page.
Which brings us to the line of code <title> My first web page.
</ title>, the result of this line will be reflected in the browser's title bar.
The closing of the </ head> tag is shown below.
In the <body> and </ body> tags the content of the page will be placed, which can directly contain text and / or other format tags.
The attributes ...
Some tags have one or more attributes, these are defined as characteristics for the main tag.
We must take into account some aspects for the definition of attributes:
They have the structure
name = "value"
The value always goes in quotes.
They are placed on the opening label.
Example: In the <body> tag we will add the bgcolor attribute assigning a value that is hexadecimal and that will be enclosed in quotes.
For a color guide I leave the following link " HTML color codes ".
We save our file to visualize the changes, and the result will be:
* IMPORTANT::
The labels can be written in lowercase as we have been visualizing them in the examples and in uppercase for example <BODY>.
The World Wide Web Consortium (W3C) recommends the use of lowercase, in addition to XHTML which is the most updated version of HTML, only accepts the use of lowercase.
answered
Jun 23, 2019
by
stackoverflow
(
3.5m
points)
edited
Jun 23, 2019
ask related question
comment
Your comment on this answer:
Your name to display (optional):
Email me at this address if a comment is added after mine:
Email me if a comment is added after mine
Privacy: Your email address will only be used for sending these notifications.
Add comment
Cancel
Related questions
+3
votes
1
answer
Learning HTML (Basic tags)
asked
Jun 23, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
|
257
views
+5
votes
1
answer
How to make an HTML Web page in Notepad
asked
Sep 26, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
|
320
views
+4
votes
1
answer
Characteristics and use of mailto in html
asked
Jun 24, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
|
272
views
+3
votes
1
answer
How to comment on lines of code in HTML and PHP
asked
Jun 24, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
|
6.1k
views
+5
votes
1
answer
HTML5 First steps
asked
Jun 23, 2019
in
HTML5 / CSS3
by
backtothefuture
(
552k
points)
|
208
views
Sponsored articles cost $40 per post. You can contact us via
Feedback
All categories
Tutorials
7.5k
Microsoft
1.9k
Android
1.4k
Security
120
Linux / Unix
543
Internet
757
Virtualization
104
Apple
611
Networks
64
Other Devices
321
Other Applications
184
Hardware
19
Development
53
HTML5 / CSS3
12
Web Servers
9
JavaScript
12
Other languages
2
PHP
8
CMS
4
Python
5
WebServers
1
Digital Marketing
47
Databases
14
Graphic Design
30
Guides
794
GraphicDesign
54
Networking
4
PlayStation
186
Gaming
55
Linux/Unix
85
Manzana
33
Otherdevices
38
Otherapps
49
Digitalmarketing
39
Safety
1
Developing
2
Help
685
Social Networks
34
Android Tutorial
549
iPhone Tutorial
267
News
17
Social
6
Phone
11
Telephone
9
Applications
167
Smartphones
3
Cell Phones
11
Applications
25
Travels
6
Photo
21
Education
18
Games
25
Internet
14
Music
8
Technique
10
Video
6
Windows
5
Apple
2
Cell Phones
3
TikTok
216
Trips
2
House
1
Operating System
5
Tips & Tricks
892
Solutions
6
Tutorials
3
FAQ
1
Applications
5
Cell Phones
2
Tutorials
4
Computers
6
Tutoriales
2
8
Technology
2
In Computers
1
In Applications
2
Tutorials Tutorials
9
Applications Applications
25
Aplicaciones Applications
4
Devices Devices
5
Tutoriales Tutorials
1
Tutorials u00a0 Tutorials
2
Applications u00a0 Applications
2
Devices u00a0 Devices
1
OS OS
1
Etc Etc
2
Most popular questions within the last 30 days
Please leave a comment about whether the solution works or not (with device model)
[X]Close
10,659
questions
10,791
answers
510
comments
3
users