Intro to HTML Mr. Singh
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
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
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>
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
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
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”
HTML Image <img src="https://www.kasandbox.org/programmi ng-images/animals/rabbit.png" alt="Rabbit with lop ears in barn" width="203">