Intro to HTML Mr Singh HTML Basics Start
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 <h 1>, <p>, � You can have multiple <h 1>, <h 2>, <h 3>
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">
- Slides: 8