DEV Community

Kavya S
Kavya S

Posted on

Stepping into my Java Full Stack : Starting with HTML & CSS

#webdev #css #html #beginners

I'm starting my Java Full Stack course and it's my first day!
Today I learned the basics of HTML and CSS.

HTML Tags I've Learned

What is HTML?

  • HTML stands for HyperText Markup Language
  • Create web pages,It's like Skeleton of a webpage
  • Use simple tags
  • Whether it's an online store or social media-they all use HTML in background

Why is HTML?

  • Displays web content
  • foundation of web development

basic Structure of HTML

<html>
<head>
     <title>My First web Page</title>
</head>
<body>
     <h1>Welcome</h1>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

CSS

What is CSS?

  • Stands for Cascading Style Sheet

  • Used to style HTML element

  • With CSS,you can control color,size,font etc...

CSS Rule 

p{
color:red;
}
Enter fullscreen mode Exit fullscreen mode

Explanation

  • In this,P is a selector
  • Inside that declaration,we use property and a value

Types of CSS

  • Inline CSS

  • Internal CSS

  • External CSS

Inline CSS

  • Applied directly to HTML element using style attribute 

<h4 style="color:blue;font-style:italic;">Welcome</h4>
Enter fullscreen mode Exit fullscreen mode

Internal CSS

  • defined within the section of HTML document 
<head>
<style>
h4{
color:red;
}
</style>
</head>
Enter fullscreen mode Exit fullscreen mode

External CSS

  • defined in a separate CSS file and linked to HTML file using tag

style.css file

h4{
color:blue;
}
Enter fullscreen mode Exit fullscreen mode

HTML file

<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h3>Text</h3>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Additionally,I took a big step by installing linux on my own
and This is my first post,looking forward to share my learning process

Top comments (0)