7월 4주차 월요일 (2023/07/24)

HTML5

- visual code를 설치

- Extensions
	- Auto Rename Tag
    - Code Runner
    - HTML CSS Support
    - HTML to CSS autocompletion
    - Live Server

index.html 만들기

• ! 엔터를 치면, 기본적인 HTML 구조를 만들어준다.

• html : 5 엔터를 쳐도 기본적인 HTML 구조를 만들어준다.html임을 알려준다.

  주석 처리: <! 주석 쓰는 방법 >

태그 공부하기

<H1~5> : 글자 태그

h1: 큰 제목

h5: 작은 제목

일반적으로는 h1 ~ h3 태그까지 사용한다.

       <h1>Heading level 1</h1><h2>Heading level 2</h2><h3>Heading level 3</h3><h4>Heading level 4</h4><h5>Heading level 5</h5><h6>Heading level 6</h6>

p 태그: 하나의 문단을 작성할 때는 p 태그를 사용합니다.

br 태그: 띄어쓰기를 해준다.

<p>안녕하세요,<br/> 코딩 공부하기 좋은 날입니다.</p>

blockquote: 인용할 때 사용하는 태그

<blockquote cite="<https://ko.wikipedia.org/wiki/HTML>"><p>
        하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다. 또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
    </p></blockquote>

q 태그: 짧은 인용을 할 경우 사용

<p>차세대웹기술지원센터의 데이터에 따르면 <q cite= "<https://www.koreahtml5.kr/front/stats/browser/broswerUsestats.do>">
    2021년 대한민국에서 가장 높은 점유율을 가지고 있는 웹 브라우저는 크롬입니다.
</q></p>

del 태그: 글자 위에 줄을 그어 삭제한 것처럼 표현