ITI 133 HTML5 Desktop and Mobile Level I - ProfBurnett.com

ITI 133 HTML5 Desktop and Mobile Level I - ProfBurnett.com

ITI 133 HTML5 Desktop and Mobile Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page www.profburnett.com Class Outline Code the Head Section Code the Text Elements Structure the Content Code Links, List and Images Structure the Web Page Student Exercise 1

01/16/2020 Copyright Carl M. Burnett 2 Code the Head Section Title Favicon Metadata charset, name, content External CSS JavaScript

Global CSS JavaScript 01/16/2020 Copyright Carl M. Burnett 3 Code the Text Elements Heading and Paragraphs h1, h2, h3, h4, h5, h6, p Special Blocks of Text

pre, blockquote, address Inline Elements page 91 Character Entities page 93 01/16/2020 Copyright Carl M. Burnett 4 Core HTML Attributes id Unique identifier for element for CSS. class class name for use by CSS. title additional info for tooltip.

lang language of the content of the element. 01/16/2020 Copyright Carl M. Burnett 5 Structure the Content HTML Block Elements

Element Element HTML5 Semantic Elements

Other HTML5 Elements 01/16/2020 Copyright Carl M. Burnett 6 Code Links, List and Images Coding for: Links List Images

01/16/2020 Copyright Carl M. Burnett 7 Structure the Web Page Page Layout HTML File 01/16/2020 Copyright Carl M. Burnett

8 Student Exercise 1 Complete Exercise 3-1, page 120 using Dreamweaver. The Town_Hall directory listed in the book is now the root directory on your developmental site. The c3_content.txt file listed in the book for Exercise 3-1 is located in the txt folder on your developmental site. Upload your HTML home page file to the live site to preview. Students will preview in browser website files 01/16/2020 Copyright Carl M. Burnett

9 Class Review Code the Head Section Code the Text Elements Structure the Content Code Links, List and Images Structure the Web Page Student Exercise 1 Next: Chapter 4 How to Use CSS to Format the Elements of a Web Page 01/16/2020

Copyright Carl M. Burnett 10

Recently Viewed Presentations

  • The Human Body: An Orientation - Google Sites

    The Human Body: An Orientation - Google Sites

    List the 11 organ systems of the body. ... Frontal Oblique Transverse Sagittal What type of cut would separate the brain into anterior and posterior parts? The Human Body: An Orientation Chapter 1 Objectives: Explain how structure complements function Name...
  • Integrating Primary and Behavioral Health in a CMHC

    Integrating Primary and Behavioral Health in a CMHC

    The Wellness Center at Community Healthlink, Inc. Community Healthlink, Inc. Cohort 3 Region 5 Worcester, MA 774-312-2764 The Wellness Center is a stand alone model in an urban setting providing both behavioral health and primary care interventions Our primary care...
  • Mark Vitner- Dynamics of the Economy

    Mark Vitner- Dynamics of the Economy

    Mark Vitner, Managing Director & Senior Economist. January 30, 2019. U.S. Review. Economic Outlook. Fiscal Policy. The short-term boost from tax reform appears to be fading and smaller refunds may create some headwinds early next year. Government spending remains a...
  • Data and Graphing - Ms MacCormack's Science Classes

    Data and Graphing - Ms MacCormack's Science Classes

    Data and Graphing. MsMacCormack. Fall 2017. Line Graphs ... Remember "Tails Dry Mix" ... We don't' want all of the data smushed in only one part of the graph; spread it our and make it as large as you can...
  • Volume & Surface Area - Arizona State University

    Volume & Surface Area - Arizona State University

    Example of volume units are cm3, cubic feet, cubic meters or inches3. Surface Area Surface area is the flat area on the surface of a three-dimensional object. What you do is compute the area of all the sides of an...
  • International Dispute Resolution Overview

    International Dispute Resolution Overview

    Higher labor court, parties must be represented by a lawyer, trade union official, or employers' association official. All cases before the Federal labor Court must be legally represented. * Labor Court Example - Italy labor courts an integrated element of...
  • Medical Nutrition Therapy - The Weight Management Resource Page

    Medical Nutrition Therapy - The Weight Management Resource Page

    Medical Nutrition Therapy ….PEIA Weight Management Encounters. ... List and prioritize the nutrition diagnosis (es) using a PES statement (Problem, Etiology, Signs/Symptoms) Most Common . Dx. for Weight Management: ... Use PES statements.
  • ITD Goals - Mesa Community College

    ITD Goals - Mesa Community College

    Between Subjects Design A. Single Factor Randomized Groups Design Randomized Two-Group Design Randomized Multigroup Design Parametric Design Nonparametric Design Multiple Control Group Design. * III. Between Subjects Design B. Matched Groups Design Matched Sets Distributed At Random Logic Advantages and...