Web developersthis is your all-in-one guide to HTML and CSS! Learn to use HTML to format text and structure web pages. Understand the HTML document skeleton before creating forms, referencing hyperlinks, embedding active content, and more. Then style your pages with CSS: Create consistent designs with selectors, the box model, the cascade algorithm, and inheritance. Round out your client-side development experience by getting to know JavaScript. With detailed code examples, you'll master HTML and CSS in no time!a. HTML for Formatting and StructureMaster HTML syntax and document structure. Work with tags, elements, and attributes to build HTML documents. Create tables and forms, embed images, configure links, and develop interactive HTML elements.b. CSS for Style and DesignDevelop simple and complex web layouts with CSS rules, selectors, declarations, combinators, pseudoclasses, and pseudoelements. Understand the principles of cascading, specificity, and inheritance. Learn to use the CSS box model, the position property, and more.c. JavaScript FundamentalsExpand your knowledge with an introduction to JavaScript. See how to use variables, statements, functions, arrays, and objects to write and run simple programs. Explore the basics of Ajax for interactive web application design. Highlights:HTML syntax and structure HTML elementsTables, links, and imagesHTML formsCSS selectorsCascade and inheritance CSS box modelCSS preprocessorsResponsive layout designTestingJavaScriptAjax

Consult and download practical code examples

Autorentext

Jürgen Wolf is a web and software developer and the author of several seminal works about programming and photography.

Klappentext

Web developers-this is your all-in-one guide to HTML and CSS! Learn to use HTML to format text and structure web pages. Understand the HTML document skeleton before creating forms, referencing hyperlinks, embedding active content, and more. Then style your pages with CSS: Create consistent designs with selectors, the box model, the cascade algorithm, and inheritance. Round out your client-side development experience by getting to know JavaScript. With detailed code examples, you'll master HTML and CSS in no time!

Highlights include:

1. HTML syntax and structure
2. HTML elements
3. Tables, links, and images
4. HTML forms
5. CSS selectors
6. Cascade and inheritance
7. CSS box model
8. CSS preprocessors
9. Responsive layout design
10. Testing
11. JavaScript
12. Ajax

Highlights:

• HTML syntax and structure
• HTML elements
• Tables, links, and images
• HTML forms
• CSS selectors
• Cascade and inheritance
• CSS box model
• CSS preprocessors
• Responsive layout design
• Testing
• JavaScript
• Ajax

Inhalt
... Preface ... 25

... Book Resources ... 26

... HTML5 and the Living Standard ... 26

... Target Group ... 27

... How Should I Read through the Book? ... 28

... Written for You, the Reader ... 28

... Acknowledgments ... 28

1 ... Introduction to the HTML Universe ... 31

1.1 ... Is This Book Even Intended for Me? ... 31

1.2 ... Different Types of Websites ... 32

1.3 ... Dynamic and Static Websites ... 37

1.4 ... Languages for Designing and Developing on the Web ... 41

1.5 ... What Do I Need to Get Started? ... 44

1.6 ... Conventions Used in This Book ... 53

1.7 ... Summary ... 53

2 ... Basic Structure of HTML and HTML Documents ... 55

2.1 ... Syntax and Structure of HTML and HTML Documents ... 55

2.2 ... A Simple HTML Document Framework ... 65

2.3 ... Summary ... 68

3 ... Head Data of an HTML Document ... 69

3.1 ... Overview of HTML Elements for the Head ... 69

3.2 ... title: Heading of the HTML Page ... 70

3.3 ... Related Topic: Naming Convention and Referencing ... 72

3.4 ... Defining the Base URL of a Web Page Using base ... 76

3.5 ... Referencing an External Document via link ... 78

3.6 ... Writing Document-Wide CSS Styles Using style ... 81

3.7 ... Including Scripts in Web Pages Using script ... 82

3.8 ... Metadata for the Document Using meta ... 85

3.9 ... Summary ... 93

4 ... The Visible Part of an HTML Document ... 95

4.1 ... HTML Elements for Structuring Pages ... 95

4.2 ... HTML Elements for Structuring Text ... 111

4.3 ... Using Semantic HTML ... 130

4.4 ... HTML Elements for Text Markups ... 138

4.5 ... Related Topic: Character Encoding ... 157

4.6 ... Character Entities in HTML ... 160

4.7 ... Summary ... 161

5 ... Tables and Hyperlinks ... 163

5.1 ... Structuring Data in a Table ... 163

5.2 ... Electronic References (Hyperlinks) Using a ... 177

5.3 ... Summary ... 193

6 ... Graphics and Multimedia ... 195

6.1 ... Embedding Images Using img ... 196

6.2 ... Creating Link-Sensitive Graphics (Image Maps) ... 204

6.3 ... Loading the Appropriate Image Using picture ... 210

6.4 ... Adding an Icon for the Website (Favicon) ... 213

6.5 ... Using Vector Graphics in HTML Documents ... 214

6.6 ... Drawing Graphics Using canvas ... 221

6.7 ... Playing Videos Using the HTML Element video ... 222

6.8 ... Playing Audio Files Using the HTML Element audio ... 229

6.9 ... Including Other Active Content ... 231

6.10 ... Summary ... 235

7 ... HTML Forms and Interactive Elements ... 237

7.1 ... Defining a Space for Forms ... 238

7.2 ... HTML Input Fields for Forms ... 239

7.3 ... Special Types of Input Fields ... 250

7.4 ... The HTML Attributes for Input Fields ... 257

7.5 ... Other Useful Helpers for Input Fields ... 263

7.6 ... Sending Form Data Using PHP ... 268

7.7 ... Interactive HTML Elements ... 275

7.8 ... Summary ... 277

8 ... Introduction to Cascading Style Sheets ... 279

8.1 ... The Story of CSS ... 280

8.2 ... The Basic Principle of Using CSS ... 281

8.3 ... Integrating CSS into HTML ... 285

8.4 ... Analyzing CSS in the Web Browser ... 295

8.5 ... Summary ... 296

9 ... The Selectors of CSS ... 297

9.1 ... The Simple Selectors of CSS ... 298

9.2 ... Combinators: Concatenating the Selectors ... 332

9.3 ... Recommendation: How to Use Efficient and Simple CSS ... 340

9.4 ... Summary ... 343

10 ... Inheritance and Cascading ... 345

10.1 ... The Principle of Inheritance in CSS ... 345

10.2 ... Understanding the Control System for Cascading ... 354

10.3 ... Related Topic: Passing Values to CSS Features ... 363

10.4 ... Summary ... 374

11 ... The Box Model of CSS ... 375

11.1 ... Classic Box Model of CSS ... 376

11.2 ... Newer Alternate Box Model of CSS ... 386

11.3 ... Analyzing the Box Model in the Browser ... 392

11.4 ... Box Model for Inline Elements ... 393

11.5 ... Designing Boxes ... 393

11.6 ... Related Topic: Web Browser Prefixes (CSS Vendor Prefixes) ... 413

11.7 ... Summary ... 416

12 ... CSS Positioning ... 417

12.1 ... Positioning via CSS Feature position ... 417

12.2 ... Controlling Stacking Using z-index ... 431

12.3 ... Floating Boxes for Positioning via float ... 434

12.4 ... Flexible Boxes of CSS ... 443

12.5 ... Summary ... 454

13 ... Creating Responsive Layouts with CSS ... 457

13.1 ... Basic Theoretical Knowledge of Responsive Web Design ... 457

13.2 ... Let's Create a Simple Responsive Layout ... 472

13.3 ... Even More Flexible Elements ... 489

13.4 ... CSS Grid Lay…