Hi everyone!
Today is my frist day learning how to build websites as part of my Java Full Stack Developer course. I'm starting with HTML and CSS, and I wanted to share what i learned today in a simple way.
what I Learned Today :
HTML (HyperText Markup Language)
1.What is HTML?
HTML is the basic building block of every website.it tells the web browser what to show on the screen.it shows text,images,buttons,and links on a web page.it uses tag like <html>,<head>,<body>,<h1>,<h6>,<p>to organize content.
-version : HTML5
-HTML is used to create the structure of a webpage.
-it runs on all browsers and consists of elements called tages like <html>,<head>,<body>.
-There are two types of tags:
-opening tag (<link>)
-closing tag (<h1> </h1>)
-common tags :
-heading tag: <h1> (<h1> upto <h6>)
-paragraph tag:<p>
-links:<link> ,<a>
Example :
<html>
<head>
</head>
<body>
<h1>Welcome!</h1>
<p>Hi everyone! I'm Dharshini. </p>
</body>
</html>
output:
Welcome!
Hi everyone! I'm Dharshini.
CSS (Cascading Style Sheets)
1. What is CSS?
-CSS is used to style HTML elements like changing colors ,fonts,font size.
- there are three types of CSS:
-Inline CSS
-Internal CSS
-External CSS
Inline CSS:
Inside the HTML tag using style attribute.
Example:
<h1 style="color:red;">Welcome!</h1>
Internal CSS:
written inside <style>tags in the <head> section.
Example :
<style>
h1{
color:blue;
}
</style>
External CSS:
linked through a separate .css file.
Example:
<link rel="stylesheet" href="style.css">
- rel : relationship
- href : hypertext reference
Tools i used today:
-text editor : vs codiyum
-os :Linux Mint
-browser: Chrome
what I Feel Today :
I enjoyed learning the basics of HTML and CSS. it's feel interesting and fun. I'm excited to learn more tomorrow!
Top comments (0)