HTML and CSS for Beginners - Build a Website & Launch ONLINE

Learn HTML basics by using opening and closing tags to format text with p and h1 elements, preview results in the browser, and start applying basic CSS styling.

Explore popular HTML tags by building a sample page with paragraph, strong, italic, blockquote, hr, and div, while inserting lorem ipsum dummy text.

Create images in html with the img tag and a src path to images folder, set width to 200 pixels, and embed the image in a paragraph to wrap text.

Learn internal css by placing a style tag in the head, selecting paragraphs with a css selector, and setting color, font-weight, and font-size to style the page.

Learn to link CSS externally from a separate css folder using style.css and a head link tag. Verify the stylesheet applies across pages by viewing the source.

Link JavaScript to an HTML page, write a simple function using alert and document.write, and learn to link an external script file (script.js) from a separate JS folder.

Learn how to insert a background image with CSS using url(), reference the images folder with a relative path, and give the target div proper width and height.

Learn to build a minimalistic website by creating index, about, and contact pages, linking external css and javascript, and testing the setup to see the site online.

Build a footer with the HTML5 footer tag, add a copyright symbol for 2030, design by Edwin Diaz with a link, copy the footer to all pages, and save.

Style the website menu with css, setting a background, padding, and hover effects. Fine-tune link color, remove text decoration, set the font family, and preview changes with Chrome's inspect element.

Style the header link and footer separator with CSS, adjusting font size and color, and prepare the about and contact pages using HTML and PHP.

Style a web form by setting input width to 100%, rounding borders to 5px, adjusting height, and applying rgba colors to the textarea and submit button.

This lecture introduces deploying websites online, covering hosting and domain needs, choosing Bluehost, and securing a free domain and SSL while signing up and launching a live site.

Create and link a CSS reset, setting margins and padding to zero. Style the index header as a sticky, full-width element with a simple font stack and rem units.

Create a hero section with a main container and class hero, add a welcoming h1 and subtitle, then style with a tree background, white text, and rem-based padding.

style the about content area with classes, padding, and flex grow; adjust h1, h2, and paragraph sizes, and plan the contact page with a form.

Build and style a responsive website footer using the footer element, flex layout, and full-width, centered text, with a dark background and white font.

Learn to enhance a contact page form with a hover button effect in html and css, and plan for a dynamic year using javascript.

Insert the current year on a contact page using javascript by selecting a span with an id, creating a date object, and inserting the full year into the page.