반응형
1. margin, border, padding 저건 뭘까? 여백인가?
2. margin은 요소의 외부 여백을 지정하는 css 속성이다.
3. padding은 요소의 내부 여백을 지정하는 css 속성
4. 여백을 설정하는 방법인 것 같다.
div태그와 span태그의 차이점에 대해 정리가 필요함.
5. div태그, span태그 둘다 그룹 짓기에 사용된다.
6. meta 태그. 웹페이지에는 출력되지 않지만, 검색하면 저자의 이름을 알 수 있다.
<meta name="author" content="Lee Sun Shin" />
7. 여러가지 태그 연습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Lee Sun Shin" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./main.css" />
<script src="main.js"></script>
<style>
div {
text-decoration: underline;
}
</style>
<script>
</script>
</head>
<body>
<div>Hello HTML!</div>
<h1>오늘의 날씨</h1>
<p> 오늘 날씨가 매우 덥네요. 등에서 땀이 납니다. 이제 봄옷을 꺼내야지요. </p>
<ul>
<li> 사과 </li>
<li> 딸기 </li>
<li> 수박 </li>
<li> 배 </li>
</ul>
</body>
</html>http://127.0.0.1:5500/workspace/html5_02/index.html
반응형
'HTML' 카테고리의 다른 글
| 라디오태그와 텍스트를 그룹핑 하는 방법 (0) | 2023.09.27 |
|---|---|
| [HTML] name 속성이 가능한 태그 (0) | 2023.09.27 |
| 웹, HTML이란 무엇인가? (0) | 2023.03.31 |
| CSS 기본 문법 정리 2 (0) | 2023.03.24 |
| HTML 태그 정리 (0) | 2023.03.23 |
