Download presentation
Presentation is loading. Please wait.
1
Intro to HTML Mr. Singh
2
HTML Basics Start your code with <!DOCTYPE html>
What does this mean? This tells the browser we are using modern HTML language specifically HTML 5 or later The first tag of every page is <HTML> Every tag must be closed </HTML> HTML is a mark up language which is why we use tags <> <meta> the user doesn’t see anything but it tells the browser how to render the page
3
HTML Basics In our HTML code we use <meta charset=“utf-8>
Just to tell the program what type of characters we will be using After you start with the HTML tag what comes next? <head> </head> This is what your website will be called
4
HTML Basics common tags
After your<head> tag, you follow with a <title> tag to write your Website Name Most of your website will be contained in what tag? <body> tag Other tags we have are <h1>, <p>, <br> You can have multiple <h1>, <h2>, <h3>
5
HTML Lists What is the tag for a list>
<ul> - stands for unordered list (bullet points) Every list items after that will have a tag <li> <li> stands for? List item What does <ol> stand for? Ordered list Make sure you close </> all your tags
6
Image HTML Which tag is used to insert an image? <img>
What is an attribute? Additional information about a tag <img src> Now we need a <img src = The = sign tells the browser what the attribute value is
7
HTML Image In addition to img src we need to add an extra attribute. What is it? alt = “…” this describes the picture Some more attributes to an image: Width =“100” what does this mean? 100 pixels wide Height = “50”
8
HTML Image <img src=" ng-images/animals/rabbit.png" alt="Rabbit with lop ears in barn" width="203">
Similar presentations
