HTML이란?
- HYPER TEXT MARKUP LANGUAGE
- 웹 문서의 확장자
- HTML은 태그들이 하나 하나들이 같이 구성이 되어서 하나의 문서가 되는 것임
- ex) index.html
HTML5변화_웹표준
- 모든 브라우저에서 웹 페이지가 동일하게 보이는 것
- 모든 기기에서 웹 페이지가 유동적으로 보일 수 있는 것
- 누구나가 어떤 환경 상황에서나 평등하게 보일 수 있는 것
TAG구조와 문법
- 특정한 성격을 가지고 있는 집단들
| 태그 작성 방법 | 태그 사용 예시 |
| <태그 명령어> | <html>, <head>,<body>,<h1>,<p>,<br>,<img>... |
* 태그를 사용할 때 주의해야 할 점
- 오타가 없는지 확인
- 열리는 태그, 닫는 태그 잘 확인
ㄴcheck : 태그 작성 시 밖에서 안으로 쓰는 습관 가지기!
ㄴ DOCTYPE 선언
HTML5 contants
→ 표준들과 규격들의 의미론적이고 직관적인 변화는 직간접적으로 웹 사이트, 웹 서비스 개발과 관리에 영향을 주게 됨
- Metadata Content(메타 데이어 콘텐츠)
: 문서의 표현이나 동작을 설정하고, 다른 문서와의 관게 설정 후 다른 문서에 정보를 전달하는 콘텐츠
- Flow Content(플로우 콘텐츠)
: 문서나 Application의 본문(body 태그) 안에서 사용되는 콘텐츠
- Sectioning Content(구획 콘텐츠)
: Headings Content와 footer(<footer>)를 정의하는 콘텐츠 / 시멘트에 해당
- Headings Content(제목 콘텐츠)
: Sectioning Content의 header를 정의하는 콘텐츠
- Phrasing Content(구문 콘텐츠)
: 텍스트와 텍스트가 포함된 마크업을 정의하는 콘텐츠
- Embedded Content(임베디드 콘텐츠)
: 다른 리소스나 콘텐츠를 문서에 삽입하는 콘텐츠
- Interactive Content(인터렉티브 콘텐츠)
: 사용자와의 상호작용을 위해 사용되는 콘텐츠
* 문서를 만들거나, 폴더를 만들 때 주의사항(이름)
- 영문작성
- 대소문자 구분해서 사용
- 한글금지
- 띄어쓰기 금지
- 특수문자(하이픈, 언더바만 사용 가능)
- 영문 뒤에 숫자 사용 생성법 추천
*태그를 작성할 때 주의사항
<태그> 내용</태그>
'포토샵 기초' 카테고리의 다른 글
| 5강 이미지 태그와 하이퍼링크 (0) | 2024.11.24 |
|---|---|
| 3강 텍스트 관련 태그_01 (0) | 2024.11.24 |
| 포토샵 7강 Transform : 변형 (0) | 2024.11.22 |
| 포토샵 6강 Pattern&Gradient: 패턴만들기&그레이디언트 (0) | 2024.11.22 |
| 포토샵 5강 Color: 색상 (0) | 2024.11.22 |
