<p> </p>
paragraph의 첫 글자로, 단락 태그이다.
새로운 단락을 만들어준다.
<body>
<h1>Olivia, Kim</h1>
<p>파이썬 문법, 메타버스, 머신러닝, 인공지능을 즐겁게 배우고, 열정있게 가르칩니다.</p>
</body>
em, i 모두 기울임체로 표현해주는 코드이지만,
이면의 의미가 조금 다르다.
em은 단순히 스타일을 넘어, 강조, 강세의 의미를 담는다.
<em></em>
'강조'를 할 때, 기울임체를 사용
<body>
<h1>Olivia, Kim</h1>
<p><em>파이썬 문법, 메타버스, 머신러닝, 인공지능을 즐겁게 배우고, 열정있게 가르칩니다.</em></p>
</body><i></i>
기울임체를 사용
<body>
<h1>Olivia, Kim</h1>
<p><i>파이썬 문법, 메타버스, 머신러닝, 인공지능을 즐겁게 배우고, 열정있게 가르칩니다.</i></p>
</body>
b, strong 모두 bold체를 표현하지만,
strong은 단순한 스타일을 넘어
중요한 부분이기 때문에 굵은 글씨로 표현한다는 의미를 담는다.
<strong></strong>
<body>
<h1>Olivia, Kim</h1>
<p><em><strong>파이썬 문법, 메타버스, 머신러닝, 인공지능</strong>을 즐겁게 배우고, 열정있게 가르칩니다.</em></p>
</body>
<hr>
수평선을 그어준다.
attribute: size, color
<body>
<h1>Olivia, Kim</h1>
<p><em><strong>파이썬 문법, 메타버스, 머신러닝, 인공지능</strong>을 즐겁게 배우고, 열정있게 가르칩니다.</em></p>
<br>
<hr size="2" color="yellow">
<h3>강의 내용</h3>
<p>파이썬 기초 문법 수업<br>
파이썬 문법 활용한 단순한 프로그래밍 구현 수업<br>
파이썬, 판다스 활용한 데이터 분석 수업<br>
API 활용 데이터 활용 수업<br>
메타버스 세계 구축 수업<br>
메타버스 공간 제작</p>
<h3>대상</h3>
<p>초등학생, 중학생, 고등학생, 성인</p>
ul, ol 모두 말머리이지만, 순서의 의미를 담는지 아닌지에 대한 차이가 있다.
<ul></ul>
순서가 있지 않은 말머리
attribute 속성: type
- type: 목록에 사용될 마커의 타입
| circle | 원 |  |
| disc | 채운 원 |  |
| square | 사각형 |  |
<ol></ol>
순서가 있는 말머리
attribute 속성: type, start, reserved
1) type : 목록에 사용될 마커의 타입
| a | 소문자 알파벳 |
| A | 대문자 알파벳 |
| i | 소문자 로마자 |
| I | 대문자 로마자 |
| 1 | 숫자(기본값) |
<ol>
<li>파이썬 기초 문법 수업</li>
<li>파이썬 문법 활용한 단순한 프로그래밍 구현 수업</li>
<li>파이썬, 판다스 활용한 데이터 분석 수업</li>
<li>API 활용 데이터 활용 수업</li>
<li>메타버스 세계 구축 수업</li>
<li>메타버스 공간 제작</li>
</ol>
2) start
시작 숫자/알파벳/로마자를 정한다.
integer 타입으로만 값을 입력한다.
만약 알파벳 c부터 시작하고 싶다고 하면 아래와 같이 설정한다.
ex) start = "3
<h3>대상</h3>
<p>
<ol type="a" start="2">
<li>초등학생</li>
<li>중학생</li>
<li>고등학생</li>
<li>성인</li>
</ol>
</p>
3) reserved 역수
순서를 큰 개념> 작은 개념으로 정렬한다.
<ol type="1" reversed>
<li>파이썬 기초 문법 수업</li>
<li>파이썬 문법 활용한 단순한 프로그래밍 구현 수업</li>
<li>파이썬, 판다스 활용한 데이터 분석 수업</li>
<li>API 활용 데이터 활용 수업</li>
<li>메타버스 세계 구축 수업</li>
<li>메타버스 공간 제작</li>
</ol>
'HTML & CSS' 카테고리의 다른 글
| [41-11 HTML] 이미지 요소, 웹사이트에 이미지 넣는 방법, img, src, url, local directory, alt, 대체텍스트, 검색엔진 향상 방법 (0) | 2022.10.07 |
|---|---|
| 이미지 원형으로 자르기 해주는 무료 웹사이트 (0) | 2022.10.07 |
| [41-9 HTML]atom 패키지 설치 방법, 패키지 추천, beautify, emmit (0) | 2022.10.07 |
| [41-8 HTML] 아톰 atom.io, 보일러플레이트, 상용구코드, doctype, meta, charset, utf-8, charset, meta, description,emmet (0) | 2022.10.05 |
| [41-7 HTML] UTF-8, 유니코드 (1) | 2022.10.05 |