1. HTML 기초
```html
웹 페이지 구조 만들기
- HTML(하이퍼텍스트 마크업 언어)는 웹 페이지의 구조를 만드는 언어야.
- 태그(tag)들을 사용해서 컨텐츠를 정의하고 구성해.
HTML의 기본 구조
- 기본적으로 HTML 문서는 태그로 시작해서 태그로 끝을 맺어.
- 웹 브라우저에 보이는 내용은 태그 안에 들어가야 돼.
- 제목이나 부제목은 부터 까지의 태그를 사용해.
텍스트 포맷팅
- 태그는 텍스트를 굵게 표시해줘.
- 태그는 텍스트를 기울여 표시할 수 있어.
- 태그는 텍스트에 밑줄을 그어 표시할 수 있어.
2. CSS 스타일 적용
```html ``` ```html
CSS 스타일 적용
- 외부 CSS 파일 연결:
HTML 파일 내 <head> 태그 안에 <link> 태그를 사용하여 외부 CSS 파일을 연결할 수 있습니다. - 내부 CSS 스타일 적용:
HTML 파일 내 <head> 태그 안에서 <style> 태그를 사용해 해당 웹 페이지에 직접 CSS 스타일을 적용할 수 있습니다. - 인라인 CSS 스타일 적용:
HTML 요소의 style 속성을 활용하여 해당 요소에만 스타일을 적용할 수 있습니다.
3. JavaScript 기본
- JavaScript는 웹 페이지에 동적인 요소를 추가하고 상호작용하는 역할을 담당한다.
- 변수(variable)를 사용하여 값을 저장하고 필요에 따라 변할 수 있다.
- 함수(function)는 재사용 가능한 코드 조각을 의미하며, 필요할 때 호출하여 실행할 수 있다.
- 이벤트(event)는 사용자의 행동을 감지하고 그에 따른 동작을 수행하는데 사용된다.
- JavaScript를 통해 조건문(conditional statement)을 사용하여 특정 조건에 따라 코드의 실행 흐름을 제어할 수 있다.
- 반복문을 통해 특정 코드 블록을 여러 번 실행하고자 할 때 루프(loop)를 사용한다.
4. 반응형 웹 디자인
- 반응형 웹 디자인이란: 모든 디바이스 크기에 대해 최적화된 사용자 경험을 제공하는 웹 디자인 기술
- 미디어 쿼리: CSS 기능으로, 특정 디바이스 크기 또는 특성에 따라 스타일을 조정하는 역할
- 유동 그리드: 백분율로 지정된 너비로 요소 배치, 유연하게 크기 조절
- 이미지 최적화: 해상도에 따라 이미지 해상도 자동으로 조절하고 로딩 시간 단축
5. 웹 호스팅 및 도메인 등록
```html
- 웹 호스팅 서비스는 온라인으로 웹 사이트를 접속할 수 있도록 공간을 제공하는 서비스야.
- 대부분의 호스팅 업체는 월 단위로 요금을 부과해.
- 도메인 등록은 사용하고 싶은 도메인 주소를 예약하는 것이야.
- 주로 1년 단위로 등록하며, 재등록을 통해 도메인을 계속 사용할 수 있어.
- 웹 호스팅과 도메인 등록은 서로 다른 서비스이기 때문에 구입해야 해.
'정보모음' 카테고리의 다른 글
| 홈플러스 당당 치킨 - 맛집 리뷰와 혜택 소개 (0) | 2024.08.05 |
|---|---|
| 효과적인 전기 기사 공부법 5가지 (0) | 2024.07.31 |
| 섬세한 맛, 보라색 차의 매력 (0) | 2024.07.30 |
| 원두 커피의 매력과 종류 소개 (1) | 2024.07.24 |
| "바나 힐 투어 - 자연 속 힐링 여행의 즐거움" (2) | 2024.07.24 |