WEB DESIGN -> FRONTEND DEV

1.HTML FUNDAMENTALS : HTML -> HYPERTEXT MARKUP LANGUAGE

Basic Html stuffs

The HTML code is made up of characters that live inside angled brackets — these are called HTML elements. Elements are usually made up of two tags: an opening tag and a closing tag. (The closing tag has an extra forward slash in it.) Each HTML element tells the browser something about the information that sits between its opening and closing tags

SEMANTIC TAGS

    <Header>
    <main>
    <nav>
    <section>
    <figure>
    <figure>
    <form>

Semantic Tags were Created to let the browser know which content is where on the webpage

FORM:

    <label>
    <inputs>
      text
      email
      radios
      checkBoxes
      dropdowns
   <buttons>
   <textarea>

Other tags:
<div>
<img>
<ol>
<ul>
<li>
<a>
<h1> - <h6>
<p>
<tr>
<th>
<td>
<span>

HTML ENTITIES
they start with  & and end with a semi colon.
eg &copy; this one inserts a copyright symbol (c) in our website.

2.CSS FUNDAMENTALS: CSS -> CASCADING STYLE SHEETS

CSS allows you to create rules that specify how the content of an element should appear. For example, you can specify that the background of the page is cream, all paragraphs should appear in gray using the Arial typeface, or that all level one headings should be in a blue, italic, Times typeface.

So learning CSS means learning how different properties affect Different Elements

example of a CSS code

body {
width: 750px;
font-family: Arial, Verdana, sans-serif;
color: #665544;
}
p {
width: 230px;
float: left;
margin: 5px;
padding: 5px;
background-color: #efefef;
}
.clear {
clear: left;
ets;
}

N.B: HTML & CSS are not programming languages