Silver dapple design
  • Home
  • Portfolio
    • Pet Portraits
    • Exotic Animals
    • Graphite Drawings
  • Custom Paintings
    • 22x30 Watercolor
    • 11x15 Watercolor
    • 9x12 Watercolor
    • 5.5x8 Watercolor
  • Shop
    • Original Artwork
    • Printable Art >
      • Ocelot Kitten
      • Seal Pup
  • Memorials
  • Contact
HTML
CSS
JAVASCRIPT

HTML

Start with a Blank Document - I like to use note pad 2

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

My First Heading

My first paragraph.


<--- This information tells the browser what going on

Basic HTML

<h1>heading</h1>
<h2>heading</h2>
<h3>heading</h3>
<h4>heading</h4>
<p>paragraph text</p>

Biggest heading

Large heading

Med heading

Small Heading

paragraph text

This text may look different depending on browser and css formatting

My Most Common Tags
<br />   = Line Break
<form> </form> = Forms
<button> </button> = button


Link to the w3 school tag reference page
https://www.w3schools.com/tags/ref_attributes.asp

Make Some Links

<a href="https://www.silverdappledesign.com">This is a link to the silverdappledesignwebsite</a>
This is a link to the silverdappledesign.com home page
links tend to be blue and sometime have an under line

Link images and buttons

<img src="image.jpg" alt="silverdappledesign.com" width="104" height="142">
linked image
Picture

Colors


Tooltip

<h3> Example </h3>

<p title="I'm a tooltip">
This is a paragraph. That has a tooltip on it. Hoover over it so see the "tooltip". (?)
</p>

Example

This is a paragraph. That has a tooltip on it. Hoover over it so see the "tooltip". (?)


  • Home
  • Portfolio
    • Pet Portraits
    • Exotic Animals
    • Graphite Drawings
  • Custom Paintings
    • 22x30 Watercolor
    • 11x15 Watercolor
    • 9x12 Watercolor
    • 5.5x8 Watercolor
  • Shop
    • Original Artwork
    • Printable Art >
      • Ocelot Kitten
      • Seal Pup
  • Memorials
  • Contact