Silver dapple design
  • Home
  • Art
    • Photography
    • Paintings
    • Murals
  • Horses
  • Web Design Cheats
    • HTML
    • CSS
    • JAVASCRIPT
    • Liquid (shopify)
  • Todd's Pumpkin Patch
  • Contact
  • Easy Dinner Calendar
  • Logo Design
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
  • Art
    • Photography
    • Paintings
    • Murals
  • Horses
  • Web Design Cheats
    • HTML
    • CSS
    • JAVASCRIPT
    • Liquid (shopify)
  • Todd's Pumpkin Patch
  • Contact
  • Easy Dinner Calendar
  • Logo Design