HTML and CSS

HTML

HTML stand for "Hypertext Markup Language". This language use tags to describe and separate the web page content. The tags looks like: <name></name>. All the HTML tags starts with the minor than symbol "<" following by the tag name and the mayor than symbol ">". The closing tags are the ones that said, this is the end of the section and always use the forward slash "/".

<open> Content </close>

There is a basic structure to start working in the HTML page. This structure is:


           

            
          <!DOCTYPE html><!--This
                defines the document to HTML5.-->

             <html><!--First tag to be included--> 

             <head><!--After this is included special
                  code to describe the page or code to add functions and special
                  instructions for the web page-->
           
                  <title>This is the title of your
              page</title>
          </head><body>
                       All the web content
                goes here,        
                    after </body> and before </body>
          </body>
               </html>

Basic Tags

Page title:

<title></title>In this tag your write the Title of your web page. This is the title that are show on the top of the Web Browser, in the bookmarks and in the search results.

Paragraphs

<p></p>This defines a text block.

Headings or titles

Used to define titles and goes in order of importance or hierarchy order.

<h1>Title 1</h1>
Title 1
<h2>Title 2</h2>
Title 2
<h3>Title 3</h3>
Title 3
<h4>Title 4</h4>
Title 4
<h5>Title 5</h2>
Title 5
<h6>Title</h6>
Title 6

Horizontal rule (line

Simply to create a horizontal line. It is normally used to visually separate content. It does not have a closing tag.
<hr>

Line break

It is used to create a new line or space between lines, sentences or any content. You can compare it to the "Enter" key when using Word or Google Docs.
<p>Tech Class web page.<br>This is an example.</p>Tech Class web page.
This is an example

Links

To create a link to another page (external or internal) the used tag is:
<a href="url">Short description, call to action, name, or title</a> <a href="https://www.google.com/">Google</a> <a href="https://webdevelop-firststeps.neocities.org/">Visit the Resource Page</a>Learn more about HTML in this<a href="https://www.youtube.com/watch?v=qz0aGYrrlhU">Video</a>.

Google

Visit the Resource Page

Video

Lists

There are two types of lists in HTML: ordered lists and unordered lists. The first uses the default number order, the second uses bullets.
<ol> <li>Element 1</li> <li>Element 2</li> </ol>
1. Element 1
2. Element 2
<ul> <li>Term 1</li> <li>Term 1</li> </ul>
- Term 1
- Term 1

Images

To insert images in HTML the tag used is <img src=" ">

<img src="url or the name of the image">
Example

 <img
              src="https://learn-htmlcss.neocities.org/img/bgworkingspace.jpg">

 <img src="bgworkingspace.jpg">

              

              <img src="img/bgworkingspace.jpg">

HTML

Basic Tags

Page title:

Paragraphs

Headings or titles

Title 1

Title 2

Title 3

Title 4

Title 5

Title 6

Horizontal rule (line

Line break

Links

Lists

Images

<img src="url or the name of the image">

Example

`<img src="url or the name of the image">`