Today, we'll be learning about HTML and CSS and putting that knowledge to practice in our first project.
Last updated
<!-- If you ever have text you only want humans to read,
you'll need to put it into a comment. Every language
has it's own syntax for comments, but this is how you
do it in HTML. -->
<!-- We'll use comments to explain things in our code :) --><h1>Page title</h1>
<h2>Subheading</h2>
<h3>Tertiary heading</h3>
<h4>Quaternary heading</h4><p>text</p><img src="/image.jpg" alt="profile picture" height="400" width="400" /><a href="https://parthean.com/">Click here to go to Parthean</a><strong>Bold text</strong><i>This text is italic</i><div>Block element</div>
<!-- divs are a form of block element. What that means is that their
width is automatically set to 100% of it's container -->/* This is a comment in CSS *//* Background Color */
background-color: green; /* or any other color from here: https://www.w3schools.com/cssref/css_colors.asp */
background-color: transparent; /* if you don't want a color *//* Border Width:
the thickness of the border */
border-width: thin; /* or any of these:
medium, thick, length */
/* Border Style:
what the border looks like */
border-style: none; /* or any of these:
hidden, dotted, dashed, solid, double, groove, ridge, inset, outset */
/* Border Color:
well, this one's self explanatory */
border-color: yellow; /* or any other color from here: https://www.w3schools.com/cssref/css_colors.asp */font-style: normal /* or italic, oblique, inherit */
font-weight: normal /* or bold, bolder, lighter */
font-size: 16px; /* or any other number */
font-family: serif; /* or sans-serif of the name of the font you specifically want */text-align: left /* or right, center, justify */
color: orange; /* or any other color from here: https://www.w3schools.com/cssref/css_colors.asp *//* Height and Width:
used to describe the height of an element */
height: 30%; /* You can use or px (and other css units) */
max-height: 200px;
min-height: 100px;
width: 70%;
max-width: 700px;
min-width: 400px;
/* Margin:
used to describe how far other elements must stay from this one */
margin: 10px; /* You can use or px (and other css units) */
/* Padding:
used to describe how far this element's border must stay from it's contents */
margin: 10px; /* You can use or px (and other css units) */