front-end-developer_1_

Front-End-Developer - Level 1
Block elements
Embedded Video: https://www.youtube.com/watch?v=Rp7zt-d_wHs?rel=0
The first thing we need to learn is how to make simple web pages using HTML, which stands
for HyperText Markup Language. HyperText is a nerdy word for a link, a markup language is
a language that lets you insert instructions within the text that you write, and HTML is the
language web browsers translate into the web pages you see on your screen. Now, we're
going to start writing our first HTML!
With my-first-webpage.html open in a text editor, let's start by typing the following code.
Don't type the my-first-webpage.html bit at the top - that's just telling you what file the
following code goes in.
my-first-webpage.html
This is my first web page!
Isn't it nice?
The is called a p tag, and it means that everything that follows is a paragraph, until
is reached. The is called a closing tag or end tag.
Now, if we open the file in a web browser (by double-clicking it), we have two paragraphs of
text. We just wrote our first HTML code!
Now, let's add some more stuff to the page:
my-first-webpage.html
My first web page
Written with the guidance of Opteamize Coding School
This is my first web page!
Isn't it nice?
Here, we've added a main header ( ) and a subheader ( ). You can actually add
up to six different levels of headers using through .
HTML ignores spaces and blank lines, which together are called whitespace. That's why the
extra line between our headers and paragraphs doesn't do anything. We could take it out, or
make it three spaces, and it would look exactly the same in the browser.
Let's add some elements to our page:
Block elements
25