Presentation on theme: "HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers."— Presentation transcript:
HTML Creating Web pages
HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers
What you need to create a Webpage using HTML To create a page: - A text editor (TextEdit, TextMate, BBEdit) - A Web browser Once your page is ready to be pushed live: - FTP software
HTML tags Tags give the Web browser instructions on how to display elements of a Web page, whether it's text, pictures, video clips, or hyperlinks to other Web pages. - Signified by " " - Usually contain and opening and closing tags - Lowercase
Starting an HTML document
Page title ENTER YOUR PAGE TITLE HERE
Body text My Sample Web Page Enter text you want to show up in the browser window here.
Spacing Single return Tuesdays & Thursdays, 7:30-9:20 a.m. Location: Cronkite 316 Instructor's e-mail: firstname.lastname@example.org Paragraphs Prerequisites and expectations: This class is required of all journalism majors in the new curriculum. Students must be in the professional program and have completed JMC 201. Course goals: This class will introduce students to journalism in an online environment. Students will gain an understanding of the capabilities and attributes of good online journalism, including interactivity, functionality, navigation and innovation.
Headers These tags are used as headers: They are bold and have returns automatically Heading text = Heading text
Formatting tags: Bold, italics, underline = bold = strong = italics = emphasis = underline For example: Times: = Times: The Daily Show = The Daily Show Hours of operation = Hours of operation Other examples of formatted text
Nested tags You can use more than 1 tag to format text. Make sure you sandwich the text with them. Example: Coding for The Arizona Republic The Arizona Republic
Creating links to other Websites Hyperlinks can point to any resource on the web: an HTML page, an image, a sound file, a movie, etc. To create a link, you'll need the URL of your target, and the text/image you want to link: Text/image
Creating a text link New York Times OR My favorite news source is New York Times. New York Times
Creating an e-mail link TEXT For example: E-mail me
Save file as.html (or.htm on a PC) Save your file as a plain text document (not in Word) with the extension.html
Try formatting a text document Go to asujmc305.wordpress.com and copy the text. Go to TextEdit >> Preferences and select "Plain Text"
Ordered lists A list of numbered items Example: The top 3 best downtown restaurants: 1.Pizzeria Bianco's 2.Athenian Express 3.Matt's Big Breakfast The top 3 best downtown restaurants: Pizzeria Bianco's Athenian Express Matt's Big Breakfast
Unordered lists A list of un-numbered or bulleted items Example: JMC305 covers Social media Video Web design JMC305 covers Social media Video Web design
Tables Tables can be used to arrange "columnar" data, anywhere you have multiple rows and columns of text. = table = table header = table row = table data Year Sales 2000 $18M 2001 $25M 2002 $36M