HTML, CSS & JavaScript in easy steps

by Mike McGrath

Overview

HTML, CSS & JavaScript in easy steps instructs the reader on each of the three coding languages that are used to create modern web pages: HyperText Markup Language (HTML) tags are used to control the structure of web page content; Cascading Style Sheets (CSS) rules are used to determine how web page content appears; and JavaScript functions are used to provide web page interactivity.

HTML, CSS & JavaScript in easy steps contains examples and screenshots that illustrate each feature of all three coding languages. You'll learn how to create web pages to display text, images, lists, tables, hyperlinks, forms, audio, and video. Each chapter builds your knowledge so by the end of the book you'll have gained a sound understanding of HTML markup, CSS rules, and JavaScript functions.

HTML, CSS & JavaScript in easy steps has an easy-to-follow style that will appeal to anyone who wants to create great functional web pages. It will appeal to programmers who want to quickly add web page coding to their skills set, and to the student who is studying website design at school or college, and to those seeking a career in web development.

Product Details

ISBN-13:	9781840788785
Publisher:	In Easy Steps Limited
Publication date:	07/28/2020
Series:	In Easy Steps
Edition description:	4th ed.
Pages:	480
Product dimensions:	7.30(w) x 8.80(h) x 1.10(d)

About the Author

Mike McGrath gained his extensive knowledge of computer languages while working as a developer contracting to companies around the world. Mike is an established In Easy Steps author with several guides to his credit.

Table of Contents

1 Get Started in HTML 11

Meet HTML 12

Understand Structure 14

Create Documents 16

Validate Documents 18

Bestow Titles 20

Supply Metadata 22

Describe Contents 24

Add Styles 26

Include Scripts 28

Link Resources 30

Summary 32

2 Structure Web Pages 33

Proclaim Headings 34

Group Headings 36

Include Navigation 38

Complete Framework 40

Create Sections 42

Provide Asides 44

Revise Divisions 46

Summary 48

3 Manage Text Content 49

Insert Paragraphs 50

Include Quotations 52

Add Emphasis 54

Add Modifications 56

Add Phrasing 58

Retain Formatting 60

Use Superscript 62

Display Code 64

Give Advice 66

Gauge Quantity 68

Direct Language 70

Create Hyperlinks 72

Access Keys 74

Fragment Links 76

Protocol Links 78

Summary 80

4 Write Lists and Tables 81

Unordered Lists 82

Ordered Lists 84

Description Lists 86

Basic Table 88

Span Cells 90

Enhance Tables 92

Control Columns 94

Summary 96

5 Incorporate Media Content 97

Add Images 98

Image Maps 100

Reference Figures 102

Select Pictures 104

Embed Objects 106

Embed Vectors 108

Embed Frames 110

Add Audio 112

Add Video 114

Indicate Progress 116

Use Templates 118

Insert Slots 120

Empioy Dialogs 122

Paint Canvas 124

Summary 126

6 Create a Local Domain 127

Install Abyss 128

Install Python 130

Configure Abyss 132

Echo Script 134

Test Environment 136

Summary 138

7 Produce Input Forms 139

Submit Text 140

Input Types 142

Text Areas 144

Check Boxes 146

Hide Data 148

Upload Files 150

Push Buttons 152

Image Buttons 154

Add Logos 156

Select Options 158

Datalist Options 160

Label Controls 162

Summary 164

8 Get Started in CSS 165

Meet CSS 166

Create Rules 168

Apply Rules 170

Select Type 172

Select Class 174

Select Identity 175

Select Relatives 176

Select Attributes 178

Weigh Importance 180

Paint Colors 182

Set Backgrounds 184

Summary 186

9 Manage the Box Model 187

Recognize Boxes 188

Display Inline 190

Define Dimensions 192

Control Borders 194

Add Padding 196

Set Margins 198

Position Boxes 200

Fix Positions 202

Stack Boxes 204

Float Boxes 206

Handle Overflow 208

Layout Pages 210

Summary 212

10 Manipulate Text Content 213

Suggest Font 214

Set Size 216

Vary Style 218

Use Shorthand 220

Align Text 222

Control Space 224

Decorate Text 226

Change Direction 228

Enhance Text 230

Number Sections 232

Summary 234

11 Organize Tables & Lists 235

Construct Columns 236

Space Cells 238

Collapse Borders 240

Assign Features 242

Choose Markers 244

Position Markers 246

Provide Navigation 248

Make Dropdowns 250

Summary 252

12 Generate Effects 253

Choose Cursors 254

Show Focus 256

Roll Over 258

Push Buttons 260

Reveal Elements 262

Draw Corners 264

Cast Shadows 266

Blend Gradients 268

Decorate Borders 270

Transform Shapes 272

Make Transitions 274

Animate Elements 276

Fit Objects 278

Summary 280

13 Control the Web Page 281

Change Models 282

Draw Outlines 284

Use Columns 286

Span Columns 288

Use Flexbox 290

Align Items 292

Draw Grid 294

Place Items 296

Query Media 298

Switch Navigation 300

Summary 302

14 Design for Devices 303

Adapt Layouts 304

Compare Schemes 306

Combine Schemes 308

Add Breakpoints 310

Scale Images 312

Hide Content 314

Summary 316

15 Get Started in JavaScript 317

Meet JS 318

Include Scripts 319

Console Output 320

Make Statements 322

Avoid Keywords 324

Store Values 326

Create Functions 328

Assign Functions 330

Recognize Scope 332

Use Closures 334

Summary 336

16 Perform Useful Operations 337

Convert Values 338

Do Arithmetic 340

Assign Values 342

Make Comparisons 344

Assess Logic 346

Examine Conditions 348

Juggle Bits 350

Force Order 352

Summary 354

17 Manage the Script Flow 355

Branch If 356

Branch Alternatives 358

Switch Alternatives 360

Loop For 362

Loop While 364

Do Loops 366

Break Out 368

Catch Errors 370

Summary 372

18 Use Script Objects 373

Custom Objects 374

Extend Objects 376

Built-in Objects 378

Create Arrays 380

Loop Elements 382

Slice Arrays 384

Sort Elements 386

Get Dates 388

Extract Calendar 390

Extract Time 392

Set Dates 394

Match Patterns 396

Meet JSON 398

Make Promises 400

Fetch Data 402

Summary 402

19 Control Strings & Numbers 405

Calculate Areas 406

Compare Numbers 408

Round Decimals 410

Generate Randoms 412

Unite Strings 414

Split Strings 416

Find Characters 418

Trim Strings 420

Summary 422

20 Address the Window Object 423

Meet DOM 424

Inspect Properties 426

Show Dialogs 428

Scross Around 430

Pop-up Windows 432

Make Timers 434

Examine Browsers 436

Check Status 438

Control Location 440

Travel History 442

Summary 444

21 Interact with the Document 445

Extract Info 446

Address Arrays 448

Address Elements 450

Write Content 452

Manage Cookies 454

Load Events 456

Mouse Events 458

Event Values 460

Check Boxes 462

Select Options 464

Reset Changes 466

Validate Forms 468

Summary 470

Index 471