![HTML and CSS for Beginners - The First Step to Your Coding Career [Video]](https://content.packt.com/V21548/cover_image_small.jpg)
HTML and CSS for Beginners - The First Step to Your Coding Career [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$74.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$74.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction
-
Installing Tools
-
HTML Basics
- What Is HTML? What Is Tag?
- Basic HTML Document
- Nested Tags and Fast Wrapping Existing Text with Tags Using EMMET
- Creating Paragraphs <p> | What Are Whitespaces?
- Void Tag and Breaking the Line <br>
- What Are Attributes? [title] and [lang]
- Neutral Tag <span>
- Installing Extensions in VSC: AutoRenameTag
- Change Background Without Color Generator
- Awesome Color Selection Tools for Your Website!
- Adding Image to Your Site <img>
- Bonus: Where to Get Free Pictures on Your Site?
- Getting img Size Using VSC Shortcut
- How to Link to Different Folders? Creating PATH Theory
-
HTML | Improving Document and Workflow
-
HTML | Listing Things
-
HTML | Links
-
HTML | Text Formatting
-
Forms | Basics
-
Tables
-
CSS | Basics
-
CSS | Formatting
- div Versus span - Grouping More Elements
- Display: Block/Inline/Inline Block
- EMMET | Tricks Creating Tags with ID and Class
- Selector Rehearsal
- Rules of Selecting Tags - Important Lecture to Avoid Problems in CSS
- Border
- Rounded Corners - Border-Radius
- Tables and Padding
- How to Create Horizontal Menu? States of Links: link, visited, hover, active
- Changing Default List Icons | :: before Selector
- How to Make Elements Transparent? Opacity Versus rgba
- Changing Cursor | Creating Hint Box
- Attribute Selector | Custom Named Attributes In HTML
-
CSS | Text
-
CSS Background
-
CSS Element Placement
- Box Model - Margin, Padding, Border, Content Differences, Centering Elements
- Fitting Elements Inside a Container - Properly Counting Width
- calc() - Automate the Calculations on Your Site
- Custom Properties (Variables)
- Box-Sizing - A Solution for Counting Width Faster
- Positioning of Elements - Static Versus Relative Versus Absolute Versus Fixed
- Relative and Absolute: Practical Example
- Container Inside Another Container - Let's Make a Template for Website
- Exercise: Create a Button That Moves the User to the Top of Website
- Float and Clear: Floating Text Around the Image
- How to Stick Element Like Menu in One Place?
- Exercise: Create Drop Down Menu (Second Level) for Your Main Menu
- z-index - Setting the Order of Overlapping Elements
- Exercise: Create Box Informing about Cookie Usage at the Bottom of Page
- How to React to Trolls That ‘Overflow' Your Content?
- Aligning SVG Icons with Text Using display: flex;
- Centering Element Vertically and Horizontally - Modal Box
-
HTML
-
CSS 3 Grid
About this video
HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) are the foundational building blocks of web development. HTML provides the structure and content of a webpage; CSS, on the other hand, adds the style and presentation, allowing us to control the overall design of webpages. Together, HTML and CSS let us create visually appealing and responsive websites.
In this elaborate web development course, we will embark on a journey to master HTML and CSS, the fundamental technologies behind creating stunning websites. Starting with the basics, we will learn to structure web content using HTML tags and CSS to style our pages with precision. As we progress, we will delve into creating interactive forms, optimizing web tables, and understanding the essentials of web design. We will work on text formatting and decoration, dropdown menus, tables, forms, legends, and labels. We will create grid templates and areas, classes/selectors and checkboxes, radio buttons. We will explore CSS in-depth, covering topics such as layouts, positioning, typography, and responsive design. We will also learn EMMET, which will help speed up creating websites.
By the end of this course, we will be able to create beautiful, fully functional websites from scratch, making us proficient web developers ready to bring our creative ideas to life on the web.
- Publication date:
- October 2023
- Publisher
- Packt
- Duration
- 12 hours 4 minutes
- ISBN
- 9781835082447