This course introduces web designers to the nuts and bolts of HTML
(HyperText Markup Language), the programming language used to create web
pages. Author Bill Weinman explains what HTML is, how it’s structured,
and presents the major tags and features of the language. Discover how
to format text and lists, add images and flow text around them, link to
other pages and sites, embed audio and video, and create HTML forms.
Additional tutorials cover the new elements in HTML5, the latest version
of HTML, and prepare you to start working with Cascading Style Sheets
(CSS).
Uploaded.net
Rapidgator.net
K2s.cc
Topics include:
- What is HTML?
- Using HTML tags and containers
- Understanding block vs. inline tags
- Controlling line breaks and spaces in text
- Aligning images
- Linking within a page
- Using relative links
- Working with tables
- Creating progress indicators with HTML5
- Adding buttons and check boxes to forms
- Applying CSS
- Optimizing your pages for search engines
- Building document outlines
Table of content
- Introduction
- Welcome
- Using the exercise files
- What you need to know about this course
- Overview
- What is HTML?
- Examining the structure of an HTML document
- Understanding tags and containers
- Exploring content models in HTML5
- Looking at obsolete elements
- Fundamentals of HTML
- Understanding whitespace and comments
- Displaying text with paragraphs
- Applying style
- Using block and inline tags
- Displaying characters with references
- Metadata and the Document Head
- Exploring the front matter of HTML
- Applying CSS to your document
- Adding scripting elements
- Using the meta tag
- Optimizing your page for search engines
- Text
- Controlling line breaks and spaces
- Exploring phrase elements
- Using font markup elements
- Highlighting text with mark
- Adding headings
- Using quotations and quote marks
- Exploring preformatted text
- Formatting lists
- Forcing text direction
- Suggesting word-break opportunities
- Annotating East Asian languages
- A CSS Primer
- Introducing CSS
- Understanding CSS placement
- Exploring CSS syntax
- Understanding CSS units of measure
- Some CSS examples
- Images
- Using images
- Flowing text around an image
- Breaking lines around an image
- Aligning images
- Mapping links in an image
- Hyperlinks
- Understanding URLs
- Working with hyperlinks
- Using relative URLs
- Specifying a base URL
- Linking within a page
- Using image links
- Lists
- Exploring list types
- List elements in depth
- Using text menus with unordered lists
- Structural, Contextual, and Semantic Elements
- Introduction to HTML semantics
- Exploring an example
- Marking up figures and illustrations
- Creating collapsible details
- Audio, Video, and Other Objects
- Embedding audio
- Embedding video
- HTML5 Data Elements
- Creating ad-hoc Document Object Model (DOM) data with the data-* attribute
- Displaying relative values with meter
- Creating dynamic progress indicators
- HTML5 Microdata
- Overview of HTML5 microdata
- Exploring an example with microdata
- Document Outlines
- Understanding outlines
- A demonstration of outlining
- Tables
- Table basics
- Exploring the semantic parts of a table
- Grouping columns
- Frames
- Frames overview
- Using traditional frames
- Exploring inline frames using iframe
- Simulating frames with CSS
- Forms
- Introducing forms
- Using text elements
- Using checkboxes and radio buttons
- Creating selection lists and dropdown lists
- Submit and button elements
- Using an image as a submit button
- Keeping context with the hidden element
- Setting tab order
- Preloading an autocomplete list using the datalist feature
- Displaying results with output
- A Case Study
- Touring a complete site
- Touring the HTML
- Touring the CSS
- Conclusion
- Goodbye
Rapidgator.net
K2s.cc
- bit.ly/1hM7cGq
- Uploading.....
- Uploading.....
No comments:
Post a Comment