h1, h2, p

조수경·2021년 10월 30일

HTML

목록 보기
2/96
<!doctype html>

<html>
<head>

<meta charset="UTF-8">
<title></title>
  <style>
  body *{
     /*margin : 50px;*/
  
    /*margin-top
	   margin-left
	   margin-right
	   margin-bottom
	   */
  }
  h1, h2, p{
    width : 70%;
    background : orange;
	 text-align : center;
	 margin : 20px auto;
	 /*  margin : 20px(top) auto(side) 40px(bottom) */
  }
  img{
     margin-left : 30%;
  }
  span{
  color : red;
  font-style : italic;
  font-size : 1.5em;
  background : yellow;
  }
  </style>
</head>

<body>
<h1>Welcome to the Web Programming!</h1>

 <img src = "../images/여러멍멍.jpg" alt="여러멍멍" title ="여러멍멍">
 
 <p>언제든지 오셔서 질문이 있으시면 올려주세요! <span>여러분을 환영합니다</span></p>
 
  <h2>내용</h2>
 
 <p>HTML, CSS, Javascript, jQuery, SQL, JSP, ...</p>
</body>

</html>
```![]

(https://images.velog.io/images/susan9905/post/4cc02ed2-6f88-4343-a9cf-6f07b90cb9ef/image.png)

profile
신입 개발자 입니다!!!

0개의 댓글