HTML, CSS, and JS: A Beginner’s Guide to Web Development
Introduction There are very few things that are as challenging and interesting as web development in terms of creativity and technically skilled labor in the construction of functional, attractive and interactive websites. The three core technologies that lie at the center of this process are HTML, CSS, and JavaScript. Without these three languages, the front-end […]
How to Build Your First Website from Scratch
Introduction Developing your first website is a thrilling and rewarding activity. Whether you are developing a personal portfolio or building a business or just wanting to try web development for fun, this guide takes a systematic approach to get you started. Step 1: Define the Purpose of the Website and Plan It Before you splash […]
Hazel CV HTML CSS Project
Introducing The Project Starting this project by using Images Click Here. Setting Up the Navbar Hazel | CV Blog Speaking Events Hazel Contact Me /* CSS Code*/ body { padding: 0; margin: 0; } .hero { height: 90vh; background-color: #f08e80; } .navbar { display: flex; justify-content: space-between; align-items: center; color: white; padding: 24px 32px; } […]
Artist Portfolio HTML CSS Project
Basic Project Setup Collect images links and font (click) link Writing the Navbar Markup Header: The header is the head of the webpage. All the element like navbar, logo is in navbar. Navbar: It is a section that provides navigation links, either within the current document or other documents. Home /* HTML Code Ahmadwebx*/ JSCermics […]
The World of CSS Colors
Named Colors There are named colors as well as other colors like RGB and hexadecimal color There are 140+ pre-defined named colors that are pick from (check on website) Color: red; Understanding RGB Colors RGB colors are simplification for Red Green Blue. We use rgb (0,0,0); to specify the color. First letter is for Red, […]
CSS Basics
CSS Structure CSS stands for Cascading Styles Sheet h1{ color: blue; } Working Within Inline Styles blah blah blah Inside opening tag Writing Internal Styles Write in head element. Only exits in that page External Styles the Best Way to Write Styles Make app.css named file in same directory where you write all of CSS […]
HTML Forms
Creating Text Inputs and Buttons Group from controls What input are part of the form? Send the data somewhere Where does the form data go when submitted. Text inputs The input element is extremely versatile set type=”text” to create a standard text input. Like <a>, it has no closing tag. Button Submit our first button […]
More HTML
Working with HTML Lists Unordered lists Create unordered lists using the <ul> tags, then use <li> tags to populate the list with items. Flour Baking Soda Brown Sugar This lists as bullet point as default Ordered list Create ordered lists using the <ol> tags, then use <li> tags to populate the list with items. This […]
Introduction to HTML
How the Web Work? The World wide web is an Information system where documents are available over the internet. The documents are transferred over HTTP. HTTP (Hyper Text Transfer Protocol) HTTP is a formally defined set of rules for communication between a client (requester) and a server (responder). That’s really all you need to know. […]