◎ HTML5+CSS3/HTML5📝

[HTML5] 블록 태그(block tag)와 인라인 태그(inline tag) [<h1>, <p>, <span> 등 텍스트 관련 태그들]

- 블록 태그(block tag)와 인라인 태그(inline tag) 1. 블록 태그(block tag) 블록 태그는 태그가 선택한 글자에만 적용되는 것이 아니라 텍스트가 포함된 블록 전체에 적용된다. - ~ 태그 태그는 제목 텍스트로, 일반 텍스트보다 굵고 진하게 표시된다. → 제목을 뜻하는 heading의 줄임말이며, 1부터 6까지 있다. HTML 삽입 미리보기할 수 없는 소스 안녕하세요! 안녕하세요! 안녕하세요! 안녕하세요! 안녕하세요! 안녕하세요! - 태그 태그는 텍스트를 표시할 때 가장 많이 사용하는 태그이다. → paragraph의 줄임말. 태그는 줄바꿈 없이 텍스트를 한 줄로 표시한다. HTML 삽입 미리보기할 수 없는 소스 단락입니다 만나서 반갑습니다 - 태그, 태그 태그는 줄 바꿈, 태그..

[HTML5] HTML 기본 문서 구조 [마크업과 태그, HTML 문서 기본 구조]

1. 마크업과 태그(tag) 마크업 : 어디가 이미지고 어디가 텍스트인지 표시하는 것 태그(tag) : 마크업 할 때 사용하는 약속된 표기법 - HTML 문서를 만들기 전 기억해야 할 것들 태그는 〈 와 〉를 이용해 구분한다. 이미지를 삽입할 때는 'image'의 약자인 라는 태그를 사용하고, 텍스트 문단을 삽입할 때는 'paragraph'의 약자인 라는 태그를 사용한다. 태그는 소문자로 쓴다. HTML 태그는 대·소문자를 구별하지 않지만, HTML5 표준 명세에서는 태그와 태그 안에 사용하는 속성들은 모두 소문자로 사용할 것을 권장한다. // // 여는 태그와 닫는 태그를 정확히 입력한다. 대부분의 태그는 ~ 이나 ~ 처럼 여는 태그와 닫는 태그가 하나의 쌍으로 이루어진다. * 웹 브라우저는 여는 태그..

[HTML5] HTML 개발환경 구축하기 [VSC 다운로드, 'Hello World' 출력하기]

1. Visual Studio Code 다운로드 Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com - open in brower 플러그인 다운로드 2. 'Hello World' 출력하기 Hello World