<! doctype html>
<html>
<head>
<meta charset="utf-8">
<title> test3 </title>
<style>
img{ /* 주석 */
widh : 200px;
height : 200px;
border : 2px solid blue; /* widh style color */
}
</style>
</head>
<body>
<h1> 예쁜 이미지들 </h1>
<img src="../imges/곽철.png" alt="곽철.png"> <!-- src: 이미지 경로지정, alt: 이미지를 표시하지 못 할 경우 지정하는 대체 텍스트-->
<img src="../images/라이언.jpg" alt="라이언.jpg">
<img src="../images/에비츄.jpg" alt="에비츄.jpg">
<img src="../images/춘식이.jpg" alt="춘식이.jpg">
<img src="../images/라이언2.jpg" alt="라이언.jpg">
</body>
</html>
✔ 실행
'웹프로그래밍(HTML, CSS3, JavaScript)' 카테고리의 다른 글
| [HTML/notepad++] 리스트-1219 (0) | 2022.12.19 |
|---|---|
| [HTML/notepad++] 웹기초-1219 (0) | 2022.12.19 |
| [HTML/notepad++] 텍스트테그-1219 (0) | 2022.12.19 |
| [HTML/notepad++] test2-1216 (0) | 2022.12.16 |
| [HTML/notepad++] test1 -1216 (0) | 2022.12.16 |