[학습내용]
언어: HTML
학습자료: Responsive Web Design Certification | freeCodeCamp.org
https://www.freecodecamp.org/learn/2022/responsive-web-design
www.freecodecamp.org
배운 것:
- HTML 작성 템플레이트 암기
- HTML 태그, main, section, span
[학습내용 상세]
- HTML 템플레이트
<!DOCTYPE HTML>
<html lang="en">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" style="text/css" href="./[path]">
<title></title>
</head>
<body>
<main>
</main>
</body>
</html>
- HTML 태그
Main: 웹페이지에 삽입되는 주 컨텐츠를 입력하는 공간, 컨텐츠 입력 공간 중 최상위 태그로 다른 하위 태그 아래에 선언될 수 없다.
....
<Div class="test">
<Main>
Div 아래의 main 태그 선언하면 안됨!
</Main>
</Div>
section: 컨텐츠 구역을 선언하는 태그
...
<section>
오늘은 2024-01-23 화요일
</section>
span: 컨텐츠 내용을 꾸밀 경우, 특정 부분을 지정할 때 사용
...
검은글씨 검은글씨
<span class="red text"> 빨간글씨 </span>
노란글씨 노른글씨
...반응형
'One Hour Coding Challenge' 카테고리의 다른 글
| [1HCC] DAY - 006 - 애니메이션 효과 삽입 (0) | 2024.03.20 |
|---|---|
| [1HCC] DAY - 005 - JavaScript 변수 삽입 (1) | 2024.02.27 |
| [1HCC] DAY - 004 - Footer 삽입 (0) | 2024.02.22 |
| [1HCC] DAY - 003 - 메뉴바 꾸미기 (0) | 2024.02.21 |
| [1HCC] DAY - 002 - CSS 배경 애니메이션 (0) | 2024.02.20 |
댓글