
03. HTML-Semantic tags
3. 웹 문서 구조를 만드는 시맨틱 태그 [toc] 1. 시맨틱 태그란? 시맨틱이란 ‘의미론적인’, ‘의미가 통하는’이라는 뜻의 영단어입니다. 즉, 태그의 이름만 봐도 어떤 역할을 하는지 직관적으로 알 수 있습니다. 예시: <p>, <a>, <nav> 등 2. 시맨틱 태그는 왜 필요할까? 웹...
3. 웹 문서 구조를 만드는 시맨틱 태그 [toc] 1. 시맨틱 태그란? 시맨틱이란 ‘의미론적인’, ‘의미가 통하는’이라는 뜻의 영단어입니다. 즉, 태그의 이름만 봐도 어떤 역할을 하는지 직관적으로 알 수 있습니다. 예시: <p>, <a>, <nav> 등 2. 시맨틱 태그는 왜 필요할까? 웹...
HTML 구조 파악하기 [toc] HTML 기본 구조 살펴보기 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>HTML 기본 구조 살펴보기</title> </head> <body>...
1. HTML 시작하기 [toc] 소스 코드는 cmd(ctrl)+ /로 확인할 수 있습니다. HTML이란? 다양한 인터넷 정보를 웹 브라우저에 보여줄 때 사용하는 언어 (웹 문서를 만드는 언어) HTML = HyperText Markup Language의 줄임말 HyperText: 문서를 서로 연결해주는 링크를 의미...
마크다운 문법 [toc] 소스 코드는 cmd(ctrl)+ /로 확인할 수 있습니다. 목차 설정방법 [toc]을 사용하면 위에 보이는 목차처럼 목차가 생성됩니다. 새로운 항목을 추가할 때마다 목차가 갱신되어 실시간으로 확인할 수 있습니다. 블럭 요소 헤더 헤더는 1-6단계의 크기가 있습니다. #, ##, ### 등을 사용합니다. # Th...